watcherlin

当你开始了一个新项目，你不会马上开始编写代码。第一步，你必须定义这个项目解决什么问题和适用范围，然后列出这个项目的特性或者规格。在你开始编码或者正在处理更复杂的项目之后，你应该选择最合适你项目的设计模式。 在软件工程里，设计模式是软件设计的一种常见问题的可重用解决方案。设计模式…

学习之前可以先看看酷炫的动画效果，想想怎么实现。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并尝试了很多种方案，…

一、前言二、界面三、动态效果图四、github源码地址（欢迎star，谢谢~）https://github.com/CB-ysx/pageDesign五、在线预览地址http://pagedesign

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~

本文的初衷是来实现一个我们工作中最常用的构建工具，webpack，当然我们所实现的构建工具和真正的webpack差距甚远。这里只是简单一个实现罢了，感兴趣的同学可以继续看下去。 AMD也是一种JavaScript模块化规范，与CommonJS最大的不同在于它采用异步的方式去加载…

亲们，函数作为返回值输出的应用场景那就太多了，这也体现了函数式编程的思想。其实从闭包的例子中我们就已经看到了关于高阶函数的相关内容了，哈哈 还记得在我们去判断数据类型的时候，我们都是通过Object.prototype.toString来计算的。每个数据类型之间只是'[obje…

项目打包时间长，原因无外乎就是项目整体比较庞大、依赖复杂、组件之前拆分不够合理。 依赖关系复杂，这里说的是项目中的依赖模块比较多，像我们现在这个项目，光算依赖包的话就有40+，另外一个重要原因就是组件之间存在相同引用的依赖。解决思路是把项目中重用的依赖抽离出来进行单独打包。 组…

最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正好有时间就将它们整理总结一下，读完本文你大致能够明白： 什么是持久化缓存，为什么做持久化缓存？webpack 如何做持久化缓存？webpack 做缓存的一些注意点。