潇湘待雨

摘要： 引言 前面翻到了http缓存相关内容，关于强制缓存和协商缓存，他们之间的差别可能大家比较清楚。 并且常规情况下是否该使用缓存以及使用哪种缓存， 相关文章多且全，这里不再赘述。 不过用户的不同行为会打破原有规范， 本文就会去探究下不同行为下的浏览器缓存表现。也就是f5到底刷新了哪些内容 浏览器缓存 说 阅读全文

摘要： 前言 react router升级到4之后，跟前面版本比有了很大的差别。 例如包的拆分，动态路由等 "详细的差别就不说了，各位大神的总结也很到位，详细可以点击看看，All About React Router 4这篇文章" 。 此外还有个差别是路由规则的变化。 一直有着上个版本的习惯，所以稍微复杂的 阅读全文

摘要： 前言 面向对象(OOP)作为经典的设计范式，对于我们来说可谓无人不知，还记得我们入行起始时那句经典的总结吗 万事万物皆对象 。 是的，基于OOP思想封装、继承、多态的特点，我们会自然而然的遵循模块化、组件化的思维来设计开发应用，以到达易维护、可扩展、高复用的目的。 既然OOP这么多优点，那么经常被大 阅读全文

摘要： 前言 在 "上文" 介绍过控制反转之后，本来打算写篇文章介绍下控制反转的常见模式 依赖注入。在翻看资料的时候，发现了一篇好文 "Dependency injection in JavaScript" ，就不自己折腾了，结合自己理解翻译一下，好文共赏。 我喜欢引用这样一句话‘编程是对复杂性的管理’。可 阅读全文

摘要： 前言 随着前端承担的职责越来越重，前端应用向着复杂化、规模化的方向发展。大型项目模块化是一种趋势，不可避免模块之间要相互依赖，此外还有很多第三方包。这样的话如何去管理这些繁杂的文件，是一个不可避免的话题。此时作为一种已经被实践证明过的思想模式一直得到大家的青睐，这就是控制反转(IOC)。 IOC定义 阅读全文

摘要： npm包的更新说明，你还敢不看吗 前言 平时工作少不了依赖一些第三方的npm包，站在各位大牛的肩膀上来更好的写bug，此外还可以学习各位大佬们的各种设计思路和优雅实现。不过npm包虽好，但使用之前也要多加甄别，特别是相同包的不同版本之间的差别，可能一不小心，原本用的飞起的轮子就会让我们笑不出来。下面 阅读全文

摘要： 前言 升级webpack4，一定要去看文档，特别是 "更新说明" ，不要自持用过原本webpack就自己开始折腾。折腾到后面，可能就默默流下眼泪了。 webpack4的变化 webpack cli抽离 webpack cli被单独拆了出来，使用的时候如果只是全局装了CLI，直接执行的时候是可以的。 阅读全文

摘要： Symlink(符号链接)一个package文件夹。 概括 描述 package 链接过程分为两步 首先、npm link将会在全局包{prefix}/lib/node_modules/下面创建一个指向命令执行的地方的符号链接。同时也会创建一个{prefix}/bin/{name}下面对应的bin包 阅读全文

摘要： 前言 ESLint作为插件化的javascript代码检测工具，为我们的平时的开发保驾护航，好处就不多说了 "详情查看官网" 。 问题 有这么一个五年前开发的老项目，机缘巧合到了我们这边来维护。 项目是zepto撸起来的，单个文件巨大，只有gulp+公司内部古老的打包工具做了下简单的打包。 但是问题 阅读全文

摘要： 前言 除了大家经常提到的自定义事件之外，浏览器本身也支持我们自定义事件，我们常说的自定义事件一般用于项目中的一些通知机制。最近正好看到了这部分，就一起看了下自定义事件不同的实现，以及vue数据响应的基本原理。 <! more 浏览器自定义事件 定义 除了我们常见的click，touch等事件之外，浏 阅读全文