最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。 1. 构思页面结构 DatePicker 组件由输入框和日历面板组成，写好页面主体结构。 输入框<input>点击显…

该项目起始于2015年底, 也是我刚开始学习 JavaScript 的时候, 当时仅仅是想做个练手项目. 后面随着在前端领域的深入学习, 也一直在更新技术栈, 目前已经是重构后的第五个版本 得益于 node.js 和 react-native 的出现, 使得 jser 的触手伸…

这篇文章用于总结一些javascript语言中常见的易混淆点。 在js中，最诡异莫测的莫过于this了，理解的不够深入或是应用场景略微复杂，使用时就会出现各种意想不到的错误。所以，在很多时候，我们需要手动指定上下文环境，来修正this的指向。 最简单判断this所在环境的方法是…

白驹过隙，光阴似箭。时间，真的过得很快。 我是 17 年下半年开始正式学习前端的，到现在为止一年半也差不多了，借此新年之际，来个小小的总结。 很多人看到我才入门前端一年半会很诧异，我之前去大厂面试的时候，也有面试官评价我说，「写出来的东西不像是这个年限有的」，但是总归是因为自身…

中介者设计模式和观察者设计模式一样，都是通过消息的收发机制实现的，在观察者模式中，一个对象既可以是消息的发送者也是消息的接收者，对象之间信息交流依托于消息系统实现解耦。而中介者模式中消息发送送方只有一个，就是中介对象，而且中介对象不能订阅消息，只有那些活跃对象（订阅者）才可订阅…

第一个参数：视图对应的底层ArrayBuffer对象，该参数是必需的。 第二个参数：视图开始的字节序号，默认从0开始。 第三个参数：视图包含的数据个数，默认直到本段内存区域结束。

在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事…

name 和 age 被响应式的渲染出来，在 2s 后我们修改了 name 的值，同样能在页面正确更新。

第一点没什么可说的，一般的工具都是这样做的，而且自己也吃了不少高耦合的亏，所以我还是把它放出来了。我这个工具希望达到的目的是，开发者只需要关注哪些数据需要验证，将数据传入给工具直接获得验证结果，让开发者更多的关注其他的业务。 第二点是希望开发者可以自定义验证规则，毕竟内置的规则…