小_前端

摘要： vue-toutiao 这是用 vue.js 2.0 高仿 今日头条 的移动端项目，结合了原生app的部分功能以及网页版。 前言 本人是 今日头条 的重度用户，在学习vue.js过程中，在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后，开始构思使用Vue写今日头条，一是 阅读全文

摘要： 记录学习webpack过程中，配置文件中一些需要注意的点。 一、 entry，入口文件。 单入口文件： 多入口文件： 二、 output，输出文件。 output中的filename在单入口中，可以直接写成： 多入口情况下，可添加[name]-[hash]来生成： 三、 module。 主要是各种加 阅读全文

摘要： 网上大部分判断鼠标移入div移入移出都是使用一下方法： 这个方法确实十分奇特，使用起来十分方便。 后来自己看了一些文章，看到有另一种以斜率的方法来判断鼠标的移动方向。 上图是此方法的示意图，以浏览器左上角做原点，水平轴作为x轴，往右为正；竖直轴作为y轴，向上为正。 中间的div的左上角坐标（x1,y 阅读全文

摘要： 1.remove和empty $('#div1').empty(); 调用empty方法时，只是将div中的子元素全部清除，div仍保留在文档中； $('#div1').remove();调用remove方法时，则是将整个div元素移除（包括自身），则div和div内部的所有的元素全部在文档中移除。 阅读全文

摘要： 这个案例类似于在地图上滚动滚轮，能缩小或者放大地图，分别用zoomIn和zoomOut来命名。 代码如下： 另外，detail在滚轮事件中，向上滚——放大（detail == -3），触发zoomOut；向下滚——缩小（detail == 3），触发zoomIn。 自定义事件需要trigger来主动 阅读全文

摘要： JavaScript中有一些名字十分冗长的函数名称，导致使用时会混乱，特此整理一番，加深印象。 ①Object.getOwnPropertyDescriptor ——读取某个对象特定属性的属性描述符（value / writable / enumerable / configurable） 这个方法 阅读全文

摘要： 主要是受到《你不知道的JavaScript（上卷）》中，软绑定softBind（）方法启发，当中应用了柯里化，这种方式确实刚开始不好理解，观看了张鑫旭的博客后，才对柯里化的方式有了一点了解。 软绑定代码，如下： 软绑定优化了硬绑定，使this指向更加灵活，可以使用隐式绑定或者显式绑定修改this。 阅读全文

摘要： 1.工厂模式 缺点：①无法确定对象的类型（因为都是Object）。 ②创建的多个对象之间没有关联。 2.构造函数 缺点：①多个实例重复创建方法，无法共享。 ②多个实例都有sayName方法，但均不是同一个Function的实例。 3.原型方法 缺点：①无法传入参数，不能初始化属性值。 ②如果包含引用 阅读全文

摘要： 首先看两段很相似的代码： 1. 2. 两个例子都是重写了原型对象，但是实例创建的顺序直接导致了俩个输出的结果。 第一个弹出 “Nic”，而第二个会报错“TypeError: friend2.sayName is not a function” ！！！ 两端代码唯一的区别就是实例在原型对象重写之前还是 阅读全文

摘要： 首先是apply（）一个很强大的功能——能将一个数组默认转化为参数列表！！！ 应用： 1.求出一个数组中的最大值 Math.max()方法接受多个参数，但是不接受数组，所以直接Math.max(arr)是无法达到效果的，由apply()将数组转化成参数列表进行操作。 2.合并数组 ①使用concat 阅读全文