潇湘待雨

现代web应用的飞速发展，特别是数据驱动思想指导下的React、vue等框架的出现，让我们越来越需要关注数据的组织管理。随着应用复杂度的提升，如果不对数据进行有效合理的设计拆分，那么从性能、可维护性等方面来看会逐渐成为一种阻碍。所以我们需要关注前端数据设计。 其实没有一种很明确…

作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。 不过他强任他强，if-else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人的if代码的时候，心情就不再表述了，各自深有体会。所以我们一起看看if还能怎么写 假设有这么个场景,不同情况…

请求里面provisional headers are shown(显示临时报头) 出现的情况很多，但原因是多样的。 如果你去直接匹配关键字搜索，得到的结果可能与你自己的情况大相径庭。 网上大部分都是在跨域时出现，或者是请求被插件拦截，但关于缓存时的请求很少。 所以本文就简单整…

前面翻到了http缓存相关内容，关于强制缓存和协商缓存，他们之间的差别可能大家比较清楚。 相关文章多且全，这里不再赘述。 本文就会去探究下不同行为下的浏览器缓存表现。也就是f5到底刷新了哪些内容 Cache-Control、Expires、ETag、If-Match、If-No…

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

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

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

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

升级webpack4，一定要去看文档，特别是更新说明，不要自持用过原本webpack就自己开始折腾。折腾到后面，可能就默默流下眼泪了。 webpack-cli被单独拆了出来，使用的时候如果只是全局装了CLI，直接执行的时候是可以的。 如果是我没有全局装，我肯定会意识到要选一个，…