1. 响应式前端框架 1.1. 什么是响应式开发 所谓响应式编程，是指不直接进行目标操作，而是用另外一种更为简洁的方式通过代理达到目标操作的目的。 1.1.1. concept 这里b并不会自动根据a的值变化，每次都需要b = a * 10再设置一遍，b才会变。所以这里不是响应…

video 在移动端的实践，开发过程中遇见的坑，细述 video 在不同浏览器、不同平台、不同系统的兼容性如何。

上一篇之后我从各个小伙伴那里收集到了第二波移动端常见的bug以及其解决方案，部分解决方案可能不准确或者存在问题，希望有正确解决方案的给与评论。 备注：文中的bug收集于网络，解决方案可能并不准确，欢迎大家提供更加完整的方案。 Q: 移动端使用fastclick之后，在ios环境…

移动端 web 开发技巧的小总结

为了保证在低版本的机型也能正常显示页面，可以引入 viewport-units-polyfill 来处理 vw 的兼容问题。 viewport-units-polyfill 其实是 viewport-units-buggyfill 的简化版。 简单介绍下 viewport-un…

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

当 Jakob Nielsen 开始研究设计模式时，他正在从事人机交互方面的可用性工程的咨询和教学工作。所以在 1994 年，他收集并发布了一套可用性启发式 评估原则，这些原则反映了他所研究的东西。如今，经过了近 25 年的时间，随着电脑向智能手机的转变，Nielsen 的原则…

这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小，也就是device-width。 在scale为1的情况下，device-width = 设备的物理分辨率/devicePixelRatio 。