摘要：
前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2 阅读全文
posted @ 2018-11-27 21:16
xfcao
阅读(280)
评论(0)
推荐(0)
摘要：
第一种是通过两个for循环，每一次对比相邻两个数据的大小，小的排在前面，如果前面的数据比后面的大就交换这两个数的位置，这个方法就是比较次数太多了，效率比价低。 我只是传入了一个10位数的数组，如果是上万或者更大的数据，不知道您的电脑会不会蓝屏了，嘿嘿，你可以试试哦！ 1 2 3 4 5 6 7 8 阅读全文
posted @ 2018-11-22 22:15
xfcao
阅读(2818)
评论(0)
推荐(0)
摘要：
1. 定义对象方法 JS 中对象方法的定义方式是在对象上定义一个指向函数的属性，当方法被调用的时候，方法内的 this 就会指向方法所属的对象。 1.1 定义字面量方法 因为箭头函数的语法很简洁，可能不少同学会忍不住用它来定义字面量方法，比如下面的例子 JS Bin： const calculato 阅读全文
posted @ 2018-11-22 20:02
xfcao
阅读(1288)
评论(0)
推荐(0)
摘要：
分为属性和方法的继承 组合继承：原型链继承+构造函数继承 使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样，即通过在原型上定义方法实现了函数复用，又保证了每个实例都有它自己的属性。 1 2 3 4 5 6 7 function Parent(age){ this. 阅读全文
posted @ 2018-11-22 09:27
xfcao
阅读(209)
评论(0)
推荐(0)
摘要：
Array.from(new Set(arr)) [...new Set(arr)] var newarr=[]; abc.filter(a=>!newarr.includes(a)&&newarr.push(a)); abc.forEach(a=>!newarr.includes(a)&&newa 阅读全文
posted @ 2018-11-22 09:14
xfcao
阅读(252)
评论(0)
推荐(0)
摘要：
let deep=1; function array_depths(arr){ let maxDeep=1; arr.forEach(item=>{ if( typeof item == 'object'){ deep = array_depths(item) + 1; maxDeep=deep>m 阅读全文
posted @ 2018-11-15 18:22
xfcao
阅读(168)
评论(0)
推荐(0)
摘要：
我们在JS程序中需要进行频繁的变量赋值运算，对于字符串、布尔值等可直接使用赋值运算符 “=” 即可，但是对于数组、对象、对象数组的拷贝，我们需要理解更多的内容。 首先，我们需要了解JS的浅拷贝与深拷贝的区别。 我们先给出一个数组： 现在怎么创建一份arr数组的拷贝呢？直接执行赋值运算吗？我们来看看输 阅读全文
posted @ 2018-11-13 22:16
xfcao
阅读(11530)
评论(0)
推荐(3)
摘要：
for(var i=0;i<5;i++){ setTimeout(function(){ console.log(`错误 ${i}`); },0) } for(var i=0;i<5;i++){ (function(i){ setTimeout(function(){ console.log(`闭包 阅读全文
posted @ 2018-11-13 19:59
xfcao
阅读(1299)
评论(0)
推荐(0)
摘要：
view表单验证的步骤： 第一步：给 Form 设置属性 rules :rules第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“第三步：注意：Form标签里面是 :model第四步：注意：在Form标签里面必须添加 ref,相当于id,在此范围内 阅读全文
posted @ 2018-10-19 15:21
xfcao
阅读(1589)
评论(0)
推荐(0)
浙公网安备 33010602011771号