css • 2017-09-08
在做移动端菜单的时候发现设置will-change:transform会导致position为fixed的子元素相对于父级元素来定位，一个简答的例子
css • 2017-08-02
h5开发webapp各种按钮，为了更友好地展示交互效果，需要添加一些点击效果，在pc端的元素用:focus，hover，:active等伪元素来实现，超链接元素还有:link，:visited，很重要的一点是，由于css的规则，优先级相同的样式后面会覆盖前面的，所以伪类顺序很重要，一般是
css • 2017-06-02
根据层叠顺序，优先级相同的样式，如何判断哪一条声明会起作用，取决于对其选择器特殊性的计算值。
工具 • 2017-04-17
WebP，是一种支持有损压缩和无损压缩的图片文件格式，派生自图像编码格式 VP8。根据 Google 的测试，无损压缩后的 WebP 比 PNG 文件少了 45％ 的文件大小，即使这些 PNG 文件经过其他压缩工具压缩之后，WebP 还是可以减少 28％ 的文件大小
css • 2017-04-16
设备像素比(device pixel ratio) 设备像素比简称为dpr，其定义了物理像素和设备独立像素的对应关系。它的值可以按下面的公式计算得到
cordova • 2016-10-06
移动端涉及到的触摸操作比较复杂，所以在设计上，移动端浏览器会在 touchend 和 click 之间有300ms左右的延迟间隔来判断用户是单击还是双击屏幕，所以在移动端浏览器经常看到，我们可以双击屏幕来放大显示的范围，但是在开发中，我们要消除这些延迟，所以总结了一下几个方法
其他 • 2016-07-20
web缓存在网站开发有很大的益处，可以提高网站的访问速度，减轻服务器的压力，减少带宽的占用。
css • 2016-05-30
文字垂直居中在前端开发十分普遍，最常用的方法是text-center + line-height属性来实现
css • 2024-12-15
滚动条驱动的动画是一个新的 CSS 特性，已经在部分现代浏览器中实现了，我们以前要实现滚动条动画效果时，可以使用一些 Javascript 库来实现，例如ScrollMagic，Gsap等动画库，现在 CSS 也可以实现一些基本的滚动驱动动画功能了。
css • 2024-12-03
为了更好的用户体验，通常会给网站实现黑白主题切换，可以让用户适用白天黑夜阅读体验，那目前有哪些实现黑白主题切换的实现呢？分别为 CSS prefers-color-scheme 媒体查询、window.matchMedia 方法以及 CSS light-dark () 函数。
css • 2024-07-27
编写响应式样式代码是一个前端开发工程师必备的技能之一，媒体查询是响应式设计的核心，它可以根据设备的特性（如屏幕宽度、分辨率等）来应用不同的样式规则。
css • 2017-03-30
移动端写页面时候，由于手机屏幕小，为了让线条看起来更细腻，所以需要0.5px的线条，现在的浏览器越来越先进，最新的浏览器大部分都可以使用媒体查询来实现
