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

效果演示地址：https://licong96.github.io/work/lc-city-selector/index.html无依赖纯js手写，不依赖任何插件安装npm安装或者cnpm：yarn

用Vue也有一段时间了,发现生命周期是很重要的一部分,稍微懂得了一些东西,特地来分享一下.

在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的， 因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反应到View 上。 ViewModel…

如果你没看过上篇,请戳链接过去先看一下再回来,否则,你会觉得本文摸不着头脑. 上经过复杂计算得来的,刚好这个getName要在好多个地方使用,那么我们就得复制好几份. 只有当依赖改变的时候,才要重新计算. 当项目越来越大的时候,单个 store 文件,肯定不是我们想要的, 所以…

前段时间写了一个移动端的自适应滑动Vue导航栏组件，觉得有一定实用性，大家可能会用得到（当然有些大佬自己写得更好的话就没必要啦），于是前两天整理了一下，目前已经发布到npm和GitHub上了，点我到npm，点我到GitHub项目，有需要的同学可以在项目中npm install …

经常会在一些项目中用到地址选择的东西，特别是在一些在线商城要填写收货地址的时候，省市区3个联动的下拉列表是最常用的。然后我也突然有一天在一个小项目中要有收货地址时，突然发现好像没有一个现成的库(要能直接npm install xxx)去使用😰，然后在github去搜了一圈，确…

首先我们要先获取元素的位置信息，这里我们采用getBoundingClientRect方法，MDN上对于该方法的介绍。然后我们只要与可视区域做个比较，就OK了。 接下来我们需要监听'scroll'事件，判断元素是否出现在可视区域内。对于scroll事件的优化之一，我们需要使用函…