文叔叔

开始之前，代码在这里。欢迎各位大神指导。 在 Web Worker 之前，解析 CSS，生成布局，绘制界面以及运行 javascript 脚本都运行在浏览器的一个线程里。如...

在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏...

因为每次访问端口都依赖于静态资源，所以每次修改代码查看效果都需要webpack重新编译，开发过程中相对麻烦。 hydrate在浏览器端对存在元素挂载监听事件。React希望...

在搜索引擎网站的后台会有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是被称之为“搜索引擎蜘蛛”或“网络爬虫”程序从茫茫的互联网上一点...

前端页面性能是一个非常核心的用户体验指标。本文介绍阿里UC 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是Navigation Ti...

大家都知道 babel 是兼容对 ES6 支持不完善的低版本浏览器的转换编译器。 那么废话少说，我们直接点，直接说说常见几个场景下兼容旧版浏览器的方案。 来兼容 Web 应...

1. scrollingElement 2. 滚动到底部 3. 判断浏览器已滚动到底部...

总有一些面试官喜欢问你一段不可能这么写的代码。 我在读 Events 的 lib/events 源码的时候发现多次用到call关键字，看来有必要搞懂 this 与 call...

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前...

在性能几近无懈可击的情况下，我们决定从稳定性入手，为项目引入强类型校验，弥补 JavaScript 这种弱类型语言在不可预测性上的缺陷。 强类型语言 TypeScript ...

性能优化一直以来都是前端工程领域中的一个重要部分。很多资料[1][2][3]表明，网站应用的性能优化对于提高用户留存、转化率等都有积极影响。可以理解为，提升你的网站性能，就...

| 导语 《孙子兵法·谋攻》：「知彼知己，百战不殆。」在和产品pk的时候，产品最经常的说一句话是，你看他们（竞品）都能实现，你为啥不能？你看他们（竞品）的速度怎么这么快，你...

图片优化是web开发很重要的一部分，尤其是移动端的web应用。虽然图片加载不会阻碍我们页面的渲染，但是图像的快速呈现可以大大提高我们的转换率，而且很多时候图片也是我们的主角...

随着越来越多新型前端框架的推出，SSR 这个概念在前端开发领域的流行度越来越高，也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么？适用的场景是什么？实...

这是一个由 simviso 团队对 JSConf.Hawaii 中关于 TypeScript 相关话题进行翻译的文档，内容并非直译，其中有一些是笔者自身的思考。分享者为 B...

横轴代表加载时间，纵轴代表用户数(其实还可以加上地区等指标的筛选,It's up to you!).只有这样我们才能避免坐井观天，看到我们的应用在所有用户中的加载情况。 我...