摘要: vue-toutiao 这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版。 前言 本人是 今日头条 的重度用户,在学习vue.js过程中,在GitHub上看到了很多高仿webapp的好项目。由此在有了一定的技术积累后,开始构思使用Vue写今日头条,一是 阅读全文
posted @ 2017-04-22 19:48 小_前端 阅读(6020) 评论(0) 推荐(0) 编辑
摘要: 记录学习webpack过程中,配置文件中一些需要注意的点。 一、 entry,入口文件。 单入口文件: 多入口文件: 二、 output,输出文件。 output中的filename在单入口中,可以直接写成: 多入口情况下,可添加[name]-[hash]来生成: 三、 module。 主要是各种加 阅读全文
posted @ 2017-02-27 15:03 小_前端 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 网上大部分判断鼠标移入div移入移出都是使用一下方法: 这个方法确实十分奇特,使用起来十分方便。 后来自己看了一些文章,看到有另一种以斜率的方法来判断鼠标的移动方向。 上图是此方法的示意图,以浏览器左上角做原点,水平轴作为x轴,往右为正;竖直轴作为y轴,向上为正。 中间的div的左上角坐标(x1,y 阅读全文
posted @ 2016-11-07 11:26 小_前端 阅读(1738) 评论(0) 推荐(0) 编辑
摘要: 1.remove和empty $('#div1').empty(); 调用empty方法时,只是将div中的子元素全部清除,div仍保留在文档中; $('#div1').remove();调用remove方法时,则是将整个div元素移除(包括自身),则div和div内部的所有的元素全部在文档中移除。 阅读全文
posted @ 2016-11-02 16:21 小_前端 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 这个案例类似于在地图上滚动滚轮,能缩小或者放大地图,分别用zoomIn和zoomOut来命名。 代码如下: 另外,detail在滚轮事件中,向上滚——放大(detail == -3),触发zoomOut;向下滚——缩小(detail == 3),触发zoomIn。 自定义事件需要trigger来主动 阅读全文
posted @ 2016-10-29 21:04 小_前端 阅读(1146) 评论(0) 推荐(0) 编辑
摘要: JavaScript中有一些名字十分冗长的函数名称,导致使用时会混乱,特此整理一番,加深印象。 ①Object.getOwnPropertyDescriptor ——读取某个对象特定属性的属性描述符(value / writable / enumerable / configurable) 这个方法 阅读全文
posted @ 2016-10-16 16:31 小_前端 阅读(469) 评论(0) 推荐(0) 编辑
摘要: 主要是受到《你不知道的JavaScript(上卷)》中,软绑定softBind()方法启发,当中应用了柯里化,这种方式确实刚开始不好理解,观看了张鑫旭的博客后,才对柯里化的方式有了一点了解。 软绑定代码,如下: 软绑定优化了硬绑定,使this指向更加灵活,可以使用隐式绑定或者显式绑定修改this。 阅读全文
posted @ 2016-10-10 23:29 小_前端 阅读(484) 评论(0) 推荐(0) 编辑
摘要: 1.工厂模式 缺点:①无法确定对象的类型(因为都是Object)。 ②创建的多个对象之间没有关联。 2.构造函数 缺点:①多个实例重复创建方法,无法共享。 ②多个实例都有sayName方法,但均不是同一个Function的实例。 3.原型方法 缺点:①无法传入参数,不能初始化属性值。 ②如果包含引用 阅读全文
posted @ 2016-09-28 15:07 小_前端 阅读(1170) 评论(1) 推荐(0) 编辑
摘要: 首先看两段很相似的代码: 1. 2. 两个例子都是重写了原型对象,但是实例创建的顺序直接导致了俩个输出的结果。 第一个弹出 “Nic”,而第二个会报错“TypeError: friend2.sayName is not a function” !!! 两端代码唯一的区别就是实例在原型对象重写之前还是 阅读全文
posted @ 2016-09-25 21:25 小_前端 阅读(3350) 评论(0) 推荐(0) 编辑
摘要: 首先是apply()一个很强大的功能——能将一个数组默认转化为参数列表!!! 应用: 1.求出一个数组中的最大值 Math.max()方法接受多个参数,但是不接受数组,所以直接Math.max(arr)是无法达到效果的,由apply()将数组转化成参数列表进行操作。 2.合并数组 ①使用concat 阅读全文
posted @ 2016-09-24 23:20 小_前端 阅读(573) 评论(1) 推荐(0) 编辑