- 博客(172)
- 收藏
- 关注
RSS订阅原创 JQuery中的Defferred
1、作用 $.Deferred()为耗时操作产生的 如，遍历大数组，请求后台数据等 deferred对象可以使用链式调用2、使用//存在三种状态，未完成progress、已完成resolve、失败reject//执行三种函数，done()、fail()、always()var deferred = $.Deferred();deferred.done(function(){})
2018-01-01 15:50:38
792
原创 DOM
DOM 是这样规定的： 整个文档是一个文档节点 每个 XML 标签是一个元素节点 包含在 XML 元素中的文本是文本节点 每一个 XML 属性是一个属性节点 注释属于注释节点1、属性 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 是属性的名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document元素节
2017-11-12 23:38:24
332
转载 Javascript异步编程的4种方法
参考： http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html 你可能知道，Javascript语言的执行环境是”单线程”（single thread）。 所谓”单线程”，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来
2017-11-12 20:36:06
321
原创 javascript忍者秘籍
1、函数是第一型对象 2、浏览器负责事件轮询和事件派发，代码负责建立事件处理程序(handler) 3、浏览器轮询是单线程的 4、回调函数 5、函数提前引用 6、作用域由函数声明，而不是代码块
2017-11-02 21:16:40
1245
原创 javascript的console对象
1、console.assert(assertion, [obj,obj2…]) 如果断言为false，就在控制台输出一个后面的对象2、console.clear() 清空控制台，如果控制台设置preserve logz则该函数不起作用3、console.count([label]) 使用参数来表明调用次数，label是可选项console.count('a');var a = 123;c
2017-10-29 12:49:52
346
原创 javascript的>>>
N>>>M表示N的二进制数，右移M位，左边补0如10>>>2 1010>>>2 0010应用场景： 实现设置默认值，数字取整var len = O.length >>> 0;//表示非数字取0//所有大于等于0等数取整数部分
2017-10-29 11:58:45
1118
原创 javascript中in，of
in表示指定对象中含有指定属性名var arr = ['a','b','c','d'];1 in arr //true'length' in arr //truevar obj = {a:'aaa', b:'ddd', c:undefined};delete = obj.b;'a' in obj //true'b' in obj //false'c' in obj //true'toS
2017-10-28 16:11:36
981
原创 javascript的map和forEach，for性能比较
for速度比较快，forEach速度和for相当，map慢console.time('map');for (var i = 0; i < 100000; i++) { var s = new Array(100).fill('1') var arr = s.map((item, idx)=>{ return item; });}console.time
2017-10-28 14:48:03
6533
原创 javascript的map中使用push和使用renturn速度比较
不管循环量大小，map比push快，量小快一倍的速度，量大快好几倍的速度console.time('map');var s1 = new Array(1000).fill('1')var arr1 = s1.map((item)=>{ return item;});console.timeEnd('map');console.time('push');var arr2 = [];
2017-10-28 13:25:55
5187
原创 超链接target="_blank"要增加rel="noopener"
原文：https://my.oschina.net/jsan/blog/741317 如果你在链接上使用 target=”_blank”属性，并且不加上rel=”noopener”属性，那么你就让用户暴露在一个非常简单的钓鱼攻击之下。
2017-10-28 13:11:30
2822
原创 fileReader对象
实现图片预览 属性： error onload readyState result方法： readAsArrayBuffer() readAsBinaryString() readAsDataURL() readAsText()事件：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <tit
2017-10-23 22:45:59
258
原创 canvas
var canvas=document.createElement("canvas"),1、getContent()//设置元素为2d或者3d效果ctx=canvas.getContext("2d");2、路径//起始一条路径ctx.beginPath()//结束路径ctx.closePath()//绘制一条路径ctx.stroke()//用于填充当前绘画ctx.fill()//新增一个新
2017-10-22 22:56:40
761
原创 formData对象
formData对象用于组装表单数据，以键值对的形式存在。 方法 1、append()往值集中新增值append(name, value, file)append(name, value)value可以是string，Blob，File，可以使用同一个名称添加多个值。 当一个 Blob 或 File 被作为第二个参数的时候， Blob 对象的默认文件名是 “blob”。 File 对象的默认
2017-10-22 15:23:15
1130
原创 XMLHttpRquest对象
属性 1、readystate [0]：Uninitialized 初始化状态。XMLHttpRequest 对象已创建或已被 abort() 方法重置。 [1]：open() 方法已调用，但是 send() 方法未调用。请求还没有被发送。 [2]：Sent Send() 方法已调用，HTTP 请求已发送到 Web 服务器。未接收到响应。 [3]：Receiving 所有响应
2017-10-22 12:14:08
647
原创 HTTP
一、浏览器请求的过程 1、chrome搜索自身的DNS缓存 2、搜索操作系统自身的DNS缓存(浏览器没有找到缓存或者缓存失效) 3、读取本地的HOST文件 4、浏览器发起一个DNS的一个系统调用【1、宽带运营商服务器查看本身缓存 2、运营商服务器发起一个迭代DNS解析的请求 顶级域–com域–imooc 运营商服务器把结果返回操作系统内核同时缓存起来 操作系统内核把结果返回浏览器
2017-10-08 16:24:02
304
原创 js学习-对象
一、对象的属性 二、对象的方法 1、Object.assign()浅拷贝 深拷贝：let a = { b: {c:4} , d: { e: {f:1}} }let g = Object.assign({},a)let h = JSON.parse(JSON.stringify(a));2、Object.keys(obj) 返回一个obj中所有键的数组，重名的键，取最后一个，如果为空对象，
2017-09-21 20:03:32
222
原创 js学习-函数
一、函数的属性 1、function.arguments是一个数组，将要废除，不建议使用 2、function.caller 如果该函数是在全局作用域被调用则返回null，否则返回调用他的函数名，不建议在生产环境中使用 3、function.displayName，不建议在生产环境中使用 4、function.length 函数参数的个数，默认参数不计算在内，并且遇到默认参数就不往后查看了，
2017-09-21 19:36:51
273
原创 js学习-数组
一、数组属性 1、Array.lengthvar arr = [1,2,3];arr.length = 2;console.log(arr);//[1,2]arr.length = 3;console.log(arr);//[1,2,undefined x 1]用过length可以减少数组个数，如设置值大于实际长度，后面的值为undefined 2、Array.prototypeif(!
2017-09-14 20:29:34
217
原创 sass学习三--控制指令和表达式
1、if.article{ padding:if(1+1 !=2, 20px , 30px);}编译后.article { padding: 30px; }2、@if @else if @else@if返回除false 或 null 之外的任何结果$a:bbb;p{ @if($a == aaa){ color:#fff; }@else
2017-09-14 09:57:34
815
原创 javascript学习之数组
一、数组属性1、Array.lengthvar arr = [1,2,3];arr.length = 2;console.log(arr);//[1,2]arr.length = 3;console.log(arr);//[1,2,undefined x 1]用过length可以减少数组个数，如设置值大于实际长度，后面的值为undefined2、Array.prototype
2017-09-13 21:56:11
212
原创 sass基础二
三、 基本用法 1、变量 2、字符串中的变量 3、计算：+ - * / 4、嵌套 5、注释/!**/四、代码重用 //导入@import //继承@extend //mixin @include 传参，指定默认值 //颜色函数 //插入文件：@import “xx.scss”五、高级用法 //@if 1==2 {} @else{} //循环：@for ifrom1t
2017-09-09 16:46:34
274
原创 基础sass
一、安装 参考：http://www.jianshu.com/p/5bfc9411f58f sass依赖于ruby，首先安装ruby，对于window电脑安装如下（mac自带有ruby）： 1）官网下载相应的ruby安装包 2）安装过程中，除了记得勾选“add Ruby executables to your PATH”之外，其它都是一键点到底 3）安装完成之后可再次使用ruby -v检测
2017-09-09 10:45:36
438
原创 js中call、apply、bind函数
1、callvar foo = { user: "liyongfen", getUser: function(){ console.log(this.user); } } var bar = foo.getUser; bar();//undefine foo.getUser();//liyongf
2017-08-03 00:30:08
250
原创 JS与&& 或||运算符 优先级
当进行运算时，指针从左往右，遇到操作数，则要判断该操作数的左右操作符的优先级，然后进行下一步的运算 注意，&&操作符优先级 > ||操作符，针对某个操作数的左右两边的&&或者||例如 al = 0 || 1 && 4-1 结果al = 3 先从操作数0开始，遇到第一个||，结果无法确定，结果由，右边结果确定，查看||右边操作数1 其次，对于1，右边操作符为&&，结果不能确定，结果由4-1决
2017-08-02 23:49:46
3590
1
原创 css3布局
含固定宽度的弹性布局<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"/> <title>layout</title> <style> html{ height: 100%; } body{ height: 1
2017-07-27 20:56:46
244
原创 css3属性
1、box-sizing 有三种属性值：border-box、content-box、inherit 设置宽度或者高度是否包含边框和内边距2、flex 参考：https://segmentfault.com/a/1190000006741711 子类设置 flex-grow：设置弹性项目的放大比例，默认值为0 flex-shrink：设置弹性项目的收缩比例，默认值为1 flex-bas
2017-07-25 21:24:50
265
原创 url、href、src区别
url(Uniform Resource Locator)统一资源定位符 href (Hypertext Reference)超文本引用，引用资源与当前文件建立的一种联系，在link、a中使用。<link href="common.css" rel="stylesheet"/> 执行这句话时候，页面不会停止对文档的处理src(Source)资源，引用资源替代当前元素，在img、script、if
2017-07-18 21:08:46
1011
原创 php学习基础（2）
1、超全局变量 $_GET['name']：用于发送非敏感数据，限制字符2000个，键值显示在URL中 $_POST['name']：数据嵌入都HTTP主体的，不可见2、表单验证 SERVER[“REQUESTMETHOD”]==“POST”SERVER[“REQUEST_METHOD”] == “POST” SERVER[“PHP_SELF”] htmlspecialchars()将
2017-07-18 20:53:41
247
原创 modal模态框的实现
1、html实现如下：<div class="modal"> <div class="modal-content"> <div class="modal-header"> <span>添加活动</span> <span id="modal-icon-cancel" class="modal-icon-cancel">x</sp
2017-07-10 16:13:55
1285
原创 原生js实现获取form表单数据
//获取指定form中的所有的<input>对象 function getElements(formId) { var form = document.getElementById(formId); var elements = new Array(); var tagElements = form.getElementsByTagName('input');
2017-07-10 14:57:11
15683
原创 原生的js实现ajax请求
1、get和post请求function getXMLHttpRequest() { var xhr; if(window.ActiveXObject) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); }else if (window.XMLHttpRequest) { xhr = new XMLHttp
2017-07-10 14:38:19
332
原创 安装php+apache+mysql
1、下载php 官网：http://php.net/下载后，解压2、下载apache2.4 下载后解压，编辑D:\myServer\Apache24\conf\httpd.conf文件 D:/myServer/Apache24表示apache存放的根目录 Define SRVROOT “D:/myServer/Apache24” ServerRoot “${SRVROOT}”
2017-07-10 00:49:54
276
原创 github建立项目
1、在gitgub官网上登录账号，选择new repository，新建知识库 2、弹出如下界面，输入相关信息，在许可证处填写MIT License 3、拿到项目git 地址 4、将项目git到本地 终端输入：git clone 地址5、如果出现如下现象，需要生成git公钥 解决办法： 先通过 ssh -T [email protected]查看是否是公钥问题，出现如下信息，则说明是 然后$
2017-07-09 23:57:15
261
原创 php基础学习
1、基本语法 （1）php语句是以分号结束，最后一条语句可以不用加分号，？>表示结束标签表示分号 （2）注释： 单行注释//或者# 多行注释/**/ （3）所有用户定义的关键字，函数，类对大小写不敏感，如ECHO 所有变量对大小写敏感 （4）变量类型：全局变量global、局部变量local、静态变量static 函数内部引用函数外部的全局变量时使用，或者使用GLOBALS[变量名
2017-07-06 22:32:46
283
原创 react项目遇到问题
history问题var React = require('react');var ReactDOM = require('react-dom');var {Route, Router, IndexRoute, hashHistory} = require('react-router');var Main = require('Main');ReactDOM.render( <Rout
2017-06-12 18:48:59
1171
原创 react项目搭建
参考：https://my.oschina.net/u/1403181/blog/672501\ 项目目录： 环境搭建 安装node，git webpack：模块加载器兼打包工具 node.js：集成了npm包管理器项目搭建 （1）定位到项目文件夹中，执行如下命令，生成package.json文件，npm init（2）生成了一个node项目，接着安装node模块npm install
2017-06-12 15:53:16
563
原创 React继ES6后更新部分
参考：http://www.mrfront.com/2017/01/11/react-writing-compare/ 1. 由React.createClass变为React.Component var SwitchButton = React.createClass({}) class SwitchButton extends React.Component {}2.状态写法getInit
2017-06-11 17:12:49
293
原创 react基础学习
react安装 react官网<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script><script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script><script src="https://cdn.bootcss
2017-06-11 12:08:06
540
原创 linux下安装mysql5.7
1、下载mysql5.7下载地址：http://dev.mysql.com/downloads/mysql/#downloads得到压缩文件：mysql-5.7.18-linux-glibc2.5-x86_64.tar.gz将压缩文件放到在/usr/local目录2、解压#cd /usr/local#ar zxvf mysql-5.7.18-linux-glibc2
2017-05-25 10:26:45
531
原创 ubuntu下安装jdk和tomcat
1、安装jdk（1）jdk下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html根据自己系统需求进行下载，我下载的为64位，linux:jdk-8u131-linux-x64.tar.gz（2）将压缩包放入/usr/lib/jvm下进行解压#tar zvxf .
2017-05-23 19:31:50
799
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人