vevlins

before 伪类之 content 属性 模仿ofo

17. 使用 Brotli 或 Zopfli 进行纯文本压缩 18. 使用响应式图像和 WebP 19. 图像是否已恰当优化 20. 视频是否已恰当优化 21. Web 字体是否已恰当优化 22. 分清轻重缓急 23. 考虑使用 cutting-the-mustard 技术 2…

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

在我们日常开发中有许多情况下没有 debug 就会让我们的开发变得非常的低效，甚至对一些流程的理解变得非常困难。本教程适用于，正在开发 node 应用， webpack 插件，babel 插件，想要读懂别人写的一些 webpack 插件，babel 插件 或者是想要对 vue …

通过前一篇的介绍，我们已经懂得基本的 debug 技巧，那么我们如何快速调试一些线上的问题呢。本文将线上的调试分为以下三种：（当然有更好的调试方式，可以在评论区提出） 线上即时修改；针对一些样式以及一些 js 已经知道问题所在快速地修改以达到解决 bug 的模式。 线上不存在 …

公司的项目使用了大前端技术，大前端作为中间层，整合了服务端的接口，也缩短了前端的开发等待接口的空窗期。所有的mock数据在node层生成供调试，使前端开发形成了闭环。而node层所运用的框架中，nest是一个非常高效、好用的框架。 本文作为学习nest框架的一篇笔记，对英文官方…

这就是分布式唯一ID的意义。如果并非此场景，利用数据库自增值或者时间戳随机种子(为避免1ms内碰撞，可以再维护几位顺序位，可以参考后文snowflake算法)即可。当然由于绝大多数分布式唯一ID算法效率很高，想用也是可以的。 不重复。本质上不要求随机，单纯递增也可以，因为不需要…

在编译原理中，有“目标代码生成”这个步骤，指的是把语法分析后或者优化后的中间代码变换成目标代码。本文谈及的代码生成是指以配置文件等方式注入代码模板，生成同质化的代码。 举例而言，在某些node项目框架中，可以使用命令行指定名称动态生成controller和service等模板文…

还没学完ES6？现在的规范已经出到ES10(ES2019)了！读完本文，从今以后在前端娱乐圈谈笑风声。 本文旨在让你了解ES最新进展，包括已经纳入标准的特性和目前进展中的提案(proposal)，并掌握自主学习的能力。为了方便学习和使用，本文还给出了以下途径(见附录)： ECM…