04 2017 档案

wepack学习（二）
摘要：loader的使用 loader： 在上一篇文章中，我们的两个js文件都是纯粹的js文件，webpack一般会和一些框架联合使用，以我正在学的react为例，我们需要打包js,css文件 1，component里面只需要暴露一个集成的模块messageBoard这个文件，我们再main.js文件（w 阅读全文
posted @ 2017-04-25 18:38 llauser 阅读(743) 评论(0) 推荐(0)
webpack学习（一）
摘要：先开始用吧~ 开始使用webpack 安装完成后就可以查看webpack的信息了 这样子，你的webpack就全局安装成功了，如果不能用一般就是你命令输错了，名字打错了什么的 在项目本地也安装webpack 这是官方推荐的做法： 一个demo的目录结构 1，文件夹app里面放着两个简单的js文件，有 阅读全文
posted @ 2017-04-24 16:43 llauser 阅读(207) 评论(0) 推荐(0)
一道CVTE前端二面笔试题
摘要：题目：给你一个数组，输出数组中出现次数第n多的数字; 比如：[1,1,1,2,2,2,3,3,4,4,5,5,6,6,7]; 1 3次 2 3次 3 2次 4 2次 5 2次 6 2次 7 1次 假设要求输出第1多的：1,2 第3多：7 有兴趣的，可以做一做，我给出我的解法： 可以，现场太紧张，没做 阅读全文
posted @ 2017-04-19 11:26 llauser 阅读(660) 评论(0) 推荐(0)
js继承之四（寄生组合式继承）
摘要：组合式继承尽管很优秀，但是还是有一个地方算完美调用父类构造函数调用了两次也就是实例化了两个父类对象 从这个结果可以发现，父类实例中的属性和方法其实子类已经有了，再添加进来未免多此一举；所以这就是优化的点 上面有两种方式，注释掉的也是一种方式效果： 父类没有实例化属性了 阅读全文
posted @ 2017-04-16 15:51 llauser 阅读(430) 评论(0) 推荐(0)
js继承之三（对象关联方式，Object.create()）
摘要：看惯了繁琐的prototype？其实有一种较为简洁的创建继承的方式——原型式继承 上面这段代码就是这个机制的核心了，严格来说他实现的是对象关联，要求有一个对象为基础（这句话 听起来怎们这么别扭 咳咳） 官方优化了这个操作提出了Object.create()详细的用法请百度。。 我的实现: b和a已经 阅读全文
posted @ 2017-04-16 14:40 llauser 阅读(341) 评论(0) 推荐(0)
js继承之二（组合模式=借用构造函数+原型链方式）
摘要：借用构造函数模式：不能继承原型上的属性，可以避免引用类型修改问题 原型链：能够继承原型上的属性，会发生引用类型修改 so：敲黑板！ 结果： 皆大欢喜。 阅读全文
posted @ 2017-04-16 13:53 llauser 阅读(324) 评论(0) 推荐(0)
js继承之一（借用构造函数）
摘要：现在，已经知道了原型对象，原型链的实现，原型链式继承的缺陷;那么如何避免这个缺陷？ 在子类中借用父类的构造函数 达到的效果相当于，子类拷贝了一份父类的方法和属性，加上自己的方法和属性； 优点： 缺点： 阅读全文
posted @ 2017-04-16 13:39 llauser 阅读(362) 评论(0) 推荐(0)
js原型链与继承
摘要：先看看JAVA中继承的定义 ：Java继承是使用已存在的类的定义作为基础建立新类的技术，新类的定义可以增加新的数据或新的功能，也可以用父类的功能，但不能选择性地继承父类。 所以继承需要实现的是：能够拥有父类的方法和属性，也能自己定义新的方法和属性; 那么直接用原型链会有什么问题？ 以上就是直接利用原 阅读全文
posted @ 2017-04-16 13:05 llauser 阅读(314) 评论(0) 推荐(0)
input 输入框的事件触发及其顺序
摘要：运行结果： 情况一：只点击不输入（没有键盘事件） 情况二：点击加输入 onpress之后又出发了oninput事件 情况三:输入完了，鼠标离开这个input 触发了onchange和onblur事件 情况四:复制黏贴！ 情况五：通过脚本添加 总结一下： 1.当你鼠标点击进去时触发onfocus（聚焦 阅读全文
posted @ 2017-04-15 19:47 llauser 阅读(27679) 评论(0) 推荐(1)
js正则表达式总结之方法层面
摘要：正则表达式的方法使用： 正则匹配在字符串的匹配上面使用的最为普遍，所以js上午字符串也内置了正则匹配的方法: match(REG) ; replace(REG,target); search(REG); 1.string.match(REG) 接受一个正则表达式；成功匹配返回一个数组，数组的inde 阅读全文
posted @ 2017-04-15 18:04 llauser 阅读(216) 评论(0) 推荐(0)
js正则表达式总结之语法层面
摘要：1，几种方法能够使用js正则表达式？ 1，var reg=/... /ig; 正则表达式直接量； 2，var reg=new Reg("....","ig"); 正则表达式对象方法； 2，正则表达式语法规则 3，一些特殊的正则表达式 阅读全文
posted @ 2017-04-15 17:29 llauser 阅读(134) 评论(0) 推荐(0)
前端开发必须说的那些事之——同源策略(same origin policy)
摘要：同源策略指的是三个相同 协议相同 域名相同 端口相同 如https://www.baidu.com/hahah.html这个网址来说 https是使用的协议，www.baidu.com是域名，端口号默认是80(不指定端口默认是80端口); 所以： 为什么需要同源策略 同源策略其实是一种浏览器安全的功 阅读全文
posted @ 2017-04-15 14:40 llauser 阅读(681) 评论(0) 推荐(0)
js原型链实现
摘要：温故而知新： 原型对象上添加属性 new 一个对象看看咯： 同样的，定义一个b函数： 同样看看new 一个b对象看看: ok，现在有两个同等的类a,b;如何让他们两个能够通过原型链的连接在一起? 再new 一个b对象看看： 能得出什么？ 1：b的原型对象已经变成了a,且原型对象(a)的属性是赋值时候 阅读全文
posted @ 2017-04-15 14:25 llauser 阅读(733) 评论(0) 推荐(0)
nodejs将JSON字符串转化为JSON对象
摘要：如何将JSON字符串转化为JSON对象？ JSON.parse(str) JSON是javascript的一个内置对象，提供了转换JSON对象与字符串互相转换的方法； 问题来了，道理我都懂可是就是报错！ 这是我的一个JSON文件，里面是一些定义的JSON测试数据； 这是核心代码； 这是报错的信息； 阅读全文
posted @ 2017-04-02 13:08 llauser 阅读(16799) 评论(0) 推荐(0)
js原型对象
摘要：原型对象是什么？ 在js中，每一个创建的的函数都会有一个prototype属性，这个属性指向一个对象，这个对象就是原型对象 chrome浏览器下的结果： 原型对象能干啥？ 首先，当你用new 调用了一个函数，就会创建一个对象实例然后返回这个对象 可以看到a是一个名叫lla的对象，有一个__proto 阅读全文
posted @ 2017-04-01 00:26 llauser 阅读(267) 评论(0) 推荐(0)