- 博客(39)
- 收藏
- 关注
RSS订阅原创 手动关闭vue项目中的代码useEslint校验
1.场景：在vue项目开发中，想去使用npm run build对项目进行构建放到服务器上，但执行完，报了一大堆代码格式错误，看着有点恶心，就想去解决它。之所以会出现这一顿格式错误是因为我的项目是用vue-cli搭建的，项目初始化时会有一个选择：Use ESLint to lint your code? (Y/n)，在这一步，我选择了Y，所以只能需要手动来关闭，直接选择N，就直接关闭了。...
2019-04-11 11:12:11
4607
原创 ajax
1.什么是ajax?是通过js已异步的形式操作json2.ajax的步骤？1.要有浏览器2.创建xhr对象3.xhr.open(请求方式，请求地址，boolean|true 异步|false 同步)；4.xhr.send();//get请求里面不许传参和post请求里面需要传参5.xhr.onreadystatechange 监测0-1，1-2，2-3，3-4 会执行四次。通...
2019-03-14 09:36:04
218
原创 模块化
1.什么是模块化？它是将一个复杂的系统分解为多个模块，方便编码。2.为什么要用模块化？降低复杂性，降低代码的耦合度，部署方便，提高效率3.模块化的好处？1.避免命名冲突，减少变量空间污染2.更好的分离代码，按需加载3.更高复用性4.更高可维护性4.模块化规范4-1.什么是CommonJs据CommonJs规范规定每一个Js文件都可以看做一个模块，其内部定义的变量...
2019-03-13 17:06:53
258
原创 js异步加载的三种方式
1.defer异步加载，要等到dom文档全部解析完才会执行。只有ie9以下可以用，特点是也可以将代码写到内部。<script type='text/javascript' src='tool.js' defer='defer'></script>2.async异步加载，加载完就执行，特点是只能加载外部脚本，不能将代码写到内部里面。<script type='t...
2019-03-13 12:17:20
235
原创 对象继承的四种方式
1.传统的继承方式-原型链形式：缺点：过多的继承了没有用的属性 比如Father工厂里面创建的name Father.prototype.lastName = "teng"; function Father(){ this.name = "anchao" } var father = new Father(); Son.prototype =father; funct...
2019-03-13 10:04:14
752
原创 js数组常见的知识点
1.什么是类数组？特性1：索引作为属性。特性2：有length属性。2.数组中常用的方法。改变原数组的6个方法：push(数组后面添加数据) &lt;==&gt; unshift(数组前面添加数据)pop(数组后面剪切数据) &lt;==&gt; shift(数组前面剪贴数据)splice(从第几位开始，要剪切多少个数据，添加数据)reverse(逆转)不改变原数组的4...
2019-03-12 22:38:04
221
原创 三栏布局之绝对定位法：
实现三栏布局有6种方法：1.绝对定位法2.圣杯布局3.双飞翼布局4.自身浮动法5.flex布局6.table布局这里的绝对定位分两种：一种是左右中三部分都进行绝对定位，中间部分通过left和right来进行定位。另一种是左右部分进行绝对定位，中间宽度自适应。但这两种方法的html结构是不一样的。中左右：绝对定位<!DOCTYPE html><html la...
2018-12-26 15:47:55
669
翻译 防抖的实现
函数防抖就是在函数频繁触发情况时，只有足够空闲的时间，才执行一次。场景：实时搜索（keyup）拖拽（mousemove）上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>防抖</title&
2018-12-18 20:55:55
1022
翻译 节流的实现
在前端开发中有一部分的用户行为会频繁的触发事件执行，而对于DOM操作，资源加载等耗费性能的处理，很可能导致界面卡顿，甚至浏览器的崩溃。函数节流throttle就为了解决类似需求应运而生的。场景：窗口调整（resize）页面滚动（scroll）抢购疯狂点击（mousedown）上代码：<!DOCTYPE html><html lang="en"><...
2018-12-18 20:24:06
1085
翻译 es5数组拓展，Every 比较（逻辑或）方法，Some比较（逻辑与）方法
every()方法详解：every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every()方法使用指定函数检测数组中的所有元素：如果数组中检测到有一个元素不满足，则整个表达式返回false,且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回true。上代码：<!DOCTYPE html><html lang="en"><he...
2018-12-17 22:47:32
240
翻译 es5数组拓展，map映射方法
map()方法的详解：array.map(function(currentValue,index,arr), thisValue);传参与forEach或者Filter相同，切记：如果操作新返回的数组，es5数组拓展中使用的这些方法，都需要克隆一下，因为示例中都是复制元素（对象）地址。上代码：<!DOCTYPE html><html lang="en"><...
2018-12-17 22:13:57
362
翻译 es5数组拓展，Filter过滤方法
Filter方法详解：array.filter(function(currentValue,index,arr), thisValue);该方法与forEach()类似，也是接受两个参数，一个是数组中每个元素调用的函数，另一个是该函数内的this指向，如果不传默认是window,传指了就指向该值。但也forEach()不同的是，函数需要返回true/false来过滤数组，将是true的元素拿出...
2018-12-17 21:45:33
1483
原创 封装一个兼容性方法getOrSetStyle()，用来获取或设置样式
封装一个兼容性方法getOrSetStyle()，用来获取或设置样式。操作css有四种方式：三种常见操作（行间样式，内联样式，外联样式），第四种是脚本化css，看似很高大尚，其实就是间接的操作css。getOrSetStyle方法就是用来脚本化css的。前提是要搞懂以下三部分知识点：1.什么是dom.style.prop？答：这是用来读/写css行间样式的，没有兼容性问题，如果碰到像flo...
2018-11-28 21:34:31
323
原创 使用jquery获取checkbox的值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script> <title>使用jquery获取checkbox的值</title></he
2017-12-29 11:11:04
349
转载 display属性常用的三种值：block、inline-block、inline
1.block 块级元素 特点： a.block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父级宽度 b.block元素可以设置width,height属性。块级元素即使设置了宽度，仍然是独占一行。 c.block元素可以设置margin和padding属性。 常见的有：div p h1-h6 ol ul dl table blockquote
2017-12-24 15:56:51
14547
1
原创 深度克隆
1.遍历对象 for(var prop in obj) 2.判断是不是原始值 typeof() 3.判断是数组还是对象 instanceof toString constructor 4.建立相应的数组或对象 5.递归var obj = { name : "abc", age : 123, card : ['visa','master'], wife : {
2017-12-20 22:53:54
256
原创 对象
1.删除属性 delete mrDeng.sex 当访问对象里面没有的属性值时，不报错，会显示undefined。 2.对象的创建方法： var obj = {} plainObject 对象字面量/对象直接量 构造函数 1.系统自带的构造函数 new Object() Array() 2.自定义构造函数内部原理 1.在函数体最前面隐式的加上this={} 2.
2017-12-06 00:44:15
229
原创 立即执行函数
定义：此类函数没有声明，在一次执行过后即释放。适合做初始化工作。 1.(function (){}()) 2.(function (){})() 3.只有表达式才能被执行符号执行。 4.使用立即执行函数解决闭包问题//产生闭包function test(){ var arr = []; for(var i = 0; i < 10; i++){ arr[i]
2017-12-04 00:12:55
648
原创 闭包
1.闭包的作用实现公有变量 eg:函数累加器可以做缓存（存储结构） function eater(){ var food = ""; var obj = { eat : function(){ console.log("I am eating"+ food); food = ""; },
2017-12-03 23:42:40
165
原创 作用域
[[scope]]:每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供javascript引擎存取，[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域，其中存储了执行期上下文的集合。作用域链：[[scope]]中所存储的执行期上下文对象的集合，这个集合呈链式链接，我们把这种链式链接叫做作用域链。执行期上下文：当函数执行时，会创建一
2017-12-03 23:27:18
142
原创 预编译
1.js运行三部曲语法分析预编译（发生在函数执行的前一刻）解释执行预编译前奏 //函数声明整体提升 //变量 声明提升 1.imply global 暗示全局变量：即任何变量，如果变量未经声明就赋值，此变量就为全局对象所有eg: a = 123;eg: var a = b = 123;2.一切声明的全局变量，全是window的属性eg: var a = 123; ==> wi
2017-12-03 19:57:35
175
原创 递归(找规律、找出口)
1.使用递归求n的阶乘function mul(n){if(n == 1 || n == 0){ return 1;}return n * mul(n-1);}mul(5);mul(5) ==> 5 * mul(4);mul(4) ==> 4 * mul(3);mul(3) ==> 3 * mul(2);mul(2) ==> 2 * mul(1);...注意点： 1.找规律（
2017-12-03 12:28:15
5563
原创 js基础决定你的上升高度
函数两种定义 1.函数声明function test(){}2.函数表达式 a.命名表达式var test = function abc(){}test.name // abcb.匿名表达式（由于表达式定义函数规则是要忽略函数名字的，如果充当了表达式，它就不能充当正常的函数体（函数声明），写了名字也没有用）var test = function (){}test.name //test函数声
2017-12-03 11:58:33
216
原创 类型转换
1.显示类型转换 Number(mix)Number('字符串124/123字符串',undefined)=NaNNumber(null)=0 Number(true)=1 Number(Infinity)=InfinityparseInt(string,radix) 2-36 目的：转换成整数parseInt(true/false/null/...)=NaN parseInt(
2017-12-01 22:34:13
218
原创 typeof能返回的六种数据类型
number,string,boolean,undefined,object,functionvar num = [];—-object var num = {};—-object var num = null;—object 历史遗留问题 var num = undefined; —-undefined
2017-11-30 22:48:12
5328
原创 条件语句、循环语句
1.if(){}语句与短路语句&&的转化if(1>2){document.write('a')} ===> 1>2 && document.write('a')2.for循环的原理for(var i = 0; i < 5; i++){document.write('a');//循环输出5次a}它们之间的执行顺序：1.var i = 02.if(i < 5){document.write(
2017-11-29 23:39:11
302
原创 js运算符（是用来返回结果的）
1.比较运算符“>”、“<”、“==”、“>=”、“<=”、“!=”比较结果为boolean值例如：var a = 2 > 1;console.log(a);//输出a为true2.逻辑运算符“&&”、“||”、“!”运算结果为真实的值例如：var a = 1 && 2; //返回2 如果为true，一直执行下去，一直到最后一个值 var b = 0 && 1; //返回0 如果
2017-11-29 00:15:56
758
原创 js的基本语法
1.命名规则：⑴变量名必须以英文字母、_ 、$ 开头。⑵变量名可以包括英文字母、_ 、$ 、数字。⑶不可以用系统的关键字、保留字作为变量名。2.数据类型⑴不可改变的原始值(栈数据) stack 原始值之间的赋值是拷贝一份数据Number String Boolean undefined null⑵引用值（堆数据） heap 引用值之间的赋值是拷贝地址array function obje
2017-11-28 00:04:53
154
原创 主流浏览器及其内核
IE ==> trident Chrome ==> webkit/blink firefox ==> gecko Opera ==> presto Safari ==> webkit
2017-11-27 22:15:06
213
原创 css权重
!important Infinity行间样式 1000(256进制)id 100class|属性|伪类 10标签|伪元素 1通配符 0
2017-11-23 21:32:00
213
原创 输入框：请输入关键字 小功能
username:<input type="text" name="username" style="color:#999" value="请输入用户名" onfocus="if(this.value == '请输入用户名'){this.value='';this.style.color='#424242'}" onblur="if(this.value==''){this.value='请输入用
2017-11-23 21:29:42
1047
原创 a标签的五个作用
1.超链接 2.锚点 3.打电话 4.发邮件 5.协议限定符<a href="javascript:alert('测试')"></a>
2017-11-23 21:20:16
1614
原创 img标签
<img src="" alt="" title="" />img标签里面src的值有三种： 1.网上url 2.本地的绝对路径 3.本地的相对路径什么叫本地的绝对路径？ .html文件和图片文件不在同一个文件夹下，成绝对关系，需要写路径。什么叫本地的相对路径？ .html文件和图片在同一个文件夹下，成相对关系，这接写图片名字。alt的作用：图片占位符 title的作用：图片提示符
2017-11-23 21:15:49
322
原创 html标签中的<meta charset="utf-8">是什么鬼？
首先来说明一下“utf-8”是一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。各个字符编码含义： gb2312：代表国家标准第2312条，其中是不包含繁体的（虽然咱们不怎么使用繁体了，但是台湾还在使用繁体啊。那怎么办呢？）。 gbk：国家标准扩展版（增加了繁体，包
2017-11-23 17:14:32
54242
3
转载 如何在ie8中添加事件句柄？
IE 8 及更早 IE 版本，Opera 7.0及其更早版本不支持 addEventListener() 和 removeEventListener() 方法。但是，对于这类浏览器版本可以使用 attachEvent、detachEvent() 方法来添加、移除事件句柄。跨浏览器解决方法：var x = document.getElementById("myBtn");if (x.addEvent
2017-11-23 17:00:04
466
原创 JQuery中append()和after()的区别？
append() & prepend()是在元素内插入内容（该内容变成该元素的子元素或节点），after() & before()是在元素的外面插入内容（其内容变成元素的兄弟节点）。
2017-09-13 08:45:08
1760
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人