从 HTML5 规范到浏览器内部的数据结构再到渲染实际流程，完全阐述浏览器渲染机制 -- 渲染并不只是重绘重排和 composite 那么简单。

然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代前端技术解析》，关于前端知识体系与架构思维的一本书，里面有一章讲到前端优化策略，前人总结的较为全面，自知能补充的内容也不多，索性添添简简做一个优化速查列表，以便后期回读，同大家分享。 PC端优…

用数据库来存储，建一张包含时间、员工id，每次有人签到就直接在对应表中insert，缺点：如果人数很多并且同时签到，会造成数据库连接池爆炸，不能实时更新。优点：存有明细数据，可以查询某一天的某个时刻签到的 用每天的日期当做bitmap的key，value是userId，一个us…

一般情况下都是通过重写js原生事件然后拿到错误信息，比如ajax请求，通过重写xhr、fetch事件来截取接口信息，所以我们需要优先编写一个易于重写事件的函数来复用。 所有的请求第三方库都是基于xhr、fetch二次封装的，所以只需要重写这两个事件就可以拿到所有的接口请求的信息…

navigator.sendBeacon() 方法可用于通过HTTP将少量数据异步传输到Web服务器。

hello~各位亲爱的看官老爷们大家好。估计大家都听过，尽量将CSS放头部，JS放底部，这样可以提高页面的性能。然而，为什么呢？大家有考虑过么？很长一段时间，我都是知其然而不知其所以然，强行背下来应付考核当然可以，但实际应用中必然一塌糊涂。因此洗（wang）心（yang）革（b…

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：

进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue 1.0在2015年发布，至今也有4年时间了。 整个业界在前端框架不断迭代中，也寻找到了许多突破方向，例如跨平台中的RN、Flutter，服务端GraphQL、Se…

项目A上线了一个新特性，包含着逻辑的改动和页面UI的更新，小明作为项目开发将代码提交后进行了预发布。产品经理小红开始体验新特性，奇怪的是，小红进入项目后却并没有看到最新的特性，这时小明思考了一会说，小红你点击刷新再试试，果然，刷新后项目有了变化，新特性出来了，但是这时又有了新的…