大家都知道缓存的英文叫做 cache。但我发现一个有趣的现象：这个单词在不同人的口中有不同的读音。为了全面了解缓存，我们得先从读音开始，这样才能够在和其他同事(例如 PM)交(zhuāng)流(bī)时体现自己的修(bī)养(gé)。 友情提示：文章有些长，您可能需要分批次读完…

在浏览器端，虽然以LocalStorage为代表的本地持久化方案已经非常成熟，但cookie因其可跨三级及以上域名、可后端参与操作等特性，在涉及用户验证等诸多业务中依然被广泛运用。 我们可以用谷歌控制台体会一下。 然后进入Application->Cookie->https:/…

一:及时代码运行错误：也称为代码错误。这个错误往往是程序员在代码书写时造成的，比如语法错误、逻辑错误，这样的错误通常在测试阶段就会被发现，但是也可能存在“漏网之鱼”。 二：资源加载错误：这个错误通常是找不到文件（404）或者是文件加载超时造成的。 浏览器获取网页时，会对网页中每…

先说下我们希望达到的效果。 4、在sass中编写，按需合并。 一种是以webpack-spritesmith、postcss-sprites为代表的插件，webpack-spritesmith主要的运行方式是会预先把sprite目录中的图标拼合好，页面主要依赖生成后的雪碧图。而…

自JavaScript诞生以来，前端技术发展非常迅速。移动端白屏优化是前端界面体验的一个重要优化方向，Web 前端诞生了 SSR 、CSR、预渲染等技术。在美团支付的前端技术体系里，通过预渲染提升网页首帧优化，从而优化了白屏问题，提升用户体验，并形成了最佳实践。 通过对比，同构…

用户反馈打开的页面白屏幕，怎么定位到产生错误的原因呢？日常某次发布怎么确定发布会没有引入bug呢？此时捕获到代码运行的bug并上报是多么的重要。 你会发现上面的例子中的错误不能正常捕获，看来错误捕获并不是这样简单**try...catch**就能搞定,当然你也可以为异步函数包裹…

还没有来得及跟2018年说声再见，2019年的第一个工作周也结束了。原本打算在18年末就应该完成的React项目升级，因为种种原因，导致现在才开始。将React从15.4升级到16.7的过程掉进了不少坑，但是最头痛还是杂乱无章的代码。由于项目前期并没有使用 ESLint 等约束…

Mobx 与 Redux 相似，都是适用于状态管理的出色工具。它同样遵循单向数据流，同样能与 React 搭档配合。与 Redux 不同的是，它的学习成本更低，框架体系更加完善（比如它自带异步操作的解决方案，而 Redux 只提供了中间件体系，必须借助第三方类库实现）。如果说 …

现在写代码比以前好多了，代码的格式都有eslint,prettier,babel(写新版语法)这些来保证，然而，技术手段再高端都不能解决代码可读性（代码能否被未来的自己和同事看懂）的问题，因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上就功德圆满了。 你可以…