摘要：
前言 随着前端技术的飞速发展，前端开发也从原始的刀耕火种，向着工程化效率化的方向发展。在各种开发框架之外，打包编译等技术也是层出不穷，开发体验也是越来越好。例如HMR，让我们的更新可以即时可见，告别了手动F5的情况。其实现就是监听文件变化自动调用构建过程。下面就关注下如何实现node监听文件变化。 阅读全文
摘要：
前言 作为前端开发，工作中少不了与接口请求打交道。对于常见的content type，也能说上来几个，感觉还算了解。直到有一天，我要在查看google的批量接口合并时发现Content Type: multipart/mixed以及Content Type: application/http时，有点 阅读全文
摘要：
作为前端er，辛辛苦苦搬完砖，好不容易上线之后，正准备告一声万事大吉，回家吃鸡。忽然qa/pm/老板问，为什么我这里还是没有更新？只能是弱弱的回一声，清个缓存看看？或者还有那么一天，发现大部分区域都是好的，只有某些区域是旧的，这就要讨论一个叫CDN的东西了。 背景 说个最经典的结论，无论什么东西，传 阅读全文
摘要：
React一个比较好用的功能是其简单的API，一个组件可以简单到一个return了组件结构的render函数。除了一个简单的函数之外，我们还有了一段有用且可复用的代码片段。 问题 不过有时候可能会受到限制。 特别是，实际上这个API返回的是一个没有限制dom挂载在何处的组件，这就使得一些popup组 阅读全文
摘要：
前言 平时开发过程中，出于各种原因模拟原生slect的要求并不算少见。 在实现的过程中，点击其他区域隐藏下拉列表，又是一个必备的功能， 最近在一次开发的过程中引发了点思考，做下总结。 现象 实际中的实现比较复杂，列表中还要增删改查等操作。这里就只放个最简单的demo。 目的是点击select以外的其 阅读全文
摘要：
前言 现代web应用的飞速发展，特别是数据驱动思想指导下的React、vue等框架的出现，让我们越来越需要关注数据的组织管理。随着应用复杂度的提升，如果不对数据进行有效合理的设计拆分，那么从性能、可维护性等方面来看会逐渐成为一种阻碍。所以我们需要关注前端数据设计。 其实没有一种很明确的规范告诉我们具 阅读全文
摘要：
前言 作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。 不过他强任他强，if else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人的if代码的时候，心情就不再表述了，各自深有体会。所以我们一起看看if还能怎么写 最基本if else 假设有这么个场景,不 阅读全文
摘要：
前言 为了构建交互性网站，我们需要发送js给我们的用户，但很多情况下，我们使用了太多js。 在移动端，经常看到只加载了个点击链接或者滚动不了的情况。 实话说，js仍然是移动端最昂贵的资源，因为其在很大程度上会延迟交互(即交互要在js资源生效之后才可进行)。下图展现了不同手机处理js的耗时，高端机和低 阅读全文
摘要：
前言 请求里面provisional headers are shown(显示临时报头) 出现的情况很多，但原因是多样的。 如果你去直接匹配关键字搜索，得到的结果可能与你自己的情况大相径庭。 网上大部分都是在跨域时出现，或者是请求被插件拦截，但关于缓存时的请求很少。 我在 "上文查看缓存的时候发现了 阅读全文
摘要：
引言 前面翻到了http缓存相关内容，关于强制缓存和协商缓存，他们之间的差别可能大家比较清楚。 并且常规情况下是否该使用缓存以及使用哪种缓存， 相关文章多且全，这里不再赘述。 不过用户的不同行为会打破原有规范， 本文就会去探究下不同行为下的浏览器缓存表现。也就是f5到底刷新了哪些内容 浏览器缓存 说 阅读全文