前言 加载的列表数据过多，会导致页面卡住甚至崩溃，这时候就需要用到虚拟列表技术 实现核心 核心思想是：仅渲染可视区域内（及其附近）的列表项，即不管列表有多少条数据，只取指定数量的项渲染，比如说15条。

我在 GitHub 上基于 React 和 Webpack 搭建了一个 Demo 项目，模拟了现实中可能遇到的性能问题，详细记录了如何将 Lighthouse 评分从 2 分提升到 99 分的过程。

通过 Service Worker，我们可以直接摆脱服务端，不需要 304 一样能使用本地缓存。不仅如此，还能执行网页本身行为外的脚本（不过不能访问 DOM），比如预先抓取后面可能要访问的资源，甚至在飞行模式下同样能使用 webapp。

屏幕适配一直是移动端开发热议的问题，但是适配方案往往在实际开发的时候会和UI提供的设计稿冲突。本文主要是基于官方推荐的配置限定符方案（Smallest Width目前Android屏幕适配的最优方案）来实现一个接近完美的屏幕适配方案。 能完美适配UI稿。 适配完毕后，在高清设备…

进入某页面自动弹出带小数点的数字键盘，并且自带输入验证，比如金额——只能输入数字和小数点，并且只能输入一位小数点、小数位不超过2位，且输入前验证不合法就不让输入、(UE特加功能——定制光标颜色>.<简直是反人类的需求)。细分如下： 1. 基于input + 手机自带键盘实现方案…

最近ios发布新版本系统12.1，随着部分用户的系统更新，一些问题也渐渐暴露出来。。。 我当时就是一惊，一般出现在事件上的问题都是疑难杂症。何况是跟键盘相关的。 我们都知道在H5端是没法监控键盘的弹出与收起的，resize事件触发的机型极其有限，何况我在ios中实测没有触发，安…

我们都会被告知，css要放到head里面，js要放到body尾部前面。当然都能说出一二，但是我们还是有必要了解一下到底是为啥。 DOM这里有两个概念，解析与渲染。 DOM渲染：浏览器会把本身默认的样式+用户自己写得样式整合到一起，形成一个CSS TREE，而DOM渲染就是指DO…

1. 前言 很多文章在介绍线程以及线程之间的关系，都存在着脱节的现象。还有的文章过于广大，涉及到了内核，本文希望以通俗易懂的话去描述晦涩的词语，可能会和实际有一丢丢的出入，但是更易理解。 我们都知道JS是单线程的，即js的代码只能在一个线程上运行，也就说，js同时只能执行一个j…

答:我想这是大部分人看到这个标题都会问的问题.因为作为一个男人,我喜欢长一点,也不喜欢分割成几个部分.一家人就要在一起,整整齐齐.好吧,正经点,其实整篇前言可以说都是在回答这个问题.你可以选择先看完前言,再决定要不要和书本搭配起来阅读. 这里先简单捋一下:1,内容多:首先这篇读…