前言 在自适应布局或者移动端网页开发时，我们经常会用到em和rem两个长度单位。接下来我们讨论一下这两个单位和px之间的区别，以及他们的使用场景等。 区别 px px，像素(计算机屏幕上的一个点)。（ 引自w3schoo…

深入理解 JavaScript Errors 和 Stack Traces – 前端 – 掘金译者注：本文作者是著名 JavaScript BDD 测试框架 Chai.js 源码贡献者之一，Cha…

在还原设计图的时候，难免会碰到一些样式图片的引用。如何来对这些图片做优化呢？本文简单的梳理了一下目前几种比较常用的使用方式。 注： 1. 有更好的方法的话，欢迎补充。 2. 下文未对性能问题做真实的测试，请保持一颗好奇的…

浏览器版本 StatCounter国内电脑端浏览器版本统计（15年8月~16年8月）； 屏幕分辨率 W3Schools上的分辨率统计； 网页设计中常见的宽高比； 常见显示设备的媒体查询标准； 百度统计的中国网民分辨率使用…

写在前面的废话 回到2013年，React凭空出世。但是在那时，我们会想，oh shit! 我们好不容易分离了HTML/CSS/JS, 为什么出现了JSX，我们又需要把HTML和JS耦合在一起？React 创造了 HTM…

less学习之Bootstrap按钮篇） 如我上一篇less学习之Bootstrap里面，介绍了Bootstrap的目录结构，说明了在variables.less这个文件里面，定义了主题色，也包括了按钮的主题色。接下来看…

「地址」https://github.com/CaMnter/ap… 「闲话」说起来也是话长，本来是干端的活。后来因为公司体系的缘故，去年开始各种折腾小程序。我之前是干 Android 端的，搞过业务，也搞过…

最近在前端开发时，因为设计的原因，要引用一些特殊字体（otf格式），但是后来发现这些字体文件非常大，平均每个要8mb左右，严重影响了网页效率。经过一番搜索，发现了前端字体压缩工具（只支持utf-8格式）font-spid…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 登录/注册页面https://codepen.io/bermudaque… 鼠标划过粒子特效https://codepen.io/st…

理想的图片显示方式是一个图片像素对应显示屏一个像素，即1对1，这样的显示方式可以最大限度的还原图像。 例如，720p的屏幕显示720p的图像，尺寸相符，一个屏幕像素对应一个图像像素，所以可以得到最佳显示效果。但一个108…

CSS1、2、3选择器统览 css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了：Click 通过测试：有如下更正或说明： 注：下述浏览器兼容性以x+表示，表明x以及x以上版本。 动态伪类选择器E…

a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: m…