本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

写过移动端的同学或多或少都遇到过软键盘带来的各种各样的问题，最典型的就是输入框被软键盘遮挡、fixed元素失效等问题，并且这些问题在iOS上的表现让人难以接受。

响应式布局 在 H5 中，我们通常会使用 REM 和 VW 这两种单位来实现页面的响应式布局。这两种单位可以让页面元素的大小随着根元素（对于 REM）或视口宽度（对于 VW）的大小变化而变化，从而适应

此篇文章笔者将介绍一些常见的移动端适配方案，也是笔者在使用了这些方案后的总结，希望能够给大家带来一些帮助，如有不足欢迎指出......

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

拖稿了好久的「Hybrid APP 开发系列」又更新了~ 今天继续写 JSSDK 为什么会有 JSSDK 我之前文章介绍了通过 JSBridge 实现页面和 NA 的相互调用，并且介绍了模板本地包的开发和后台维护系统。今天介绍的是 JSSDK，通过 JSSDK 可以实现：抹平 JSBridge 的…

虚拟列表 俾众周知，DOM数量是影响站点性能的最直接原因之一，如何有效的控制DOM数量，提升页面性能是提高用户粘性，产品转化率的关键手段之一，本篇文章将阐述怎么摧枯拉朽般完成一个虚拟列表的实现 正文

作者在我司，做了C端活动架构升级，产出的一种骨架屏。姐妹兄弟篇 -《你可能不知道的动态组件玩法🍉》。

当浏览器截获到一个页面请求后，将会按照顺序做如下图所示的4件事。 首先会将所有需要加载的资源进行分类。 然后根据浏览器相关的安全策略，来决定资源的加载权限。 接着对各个资源的加载优先级进行计算和排序。 最后一步，根据加载优先级顺序来加载资源。 chrome浏览器会将资源分为14…