本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

如果你曾经注意到过基于WebKit的浏览器在执行某些CSS操作（尤其是transform和animation）时出现的“闪烁”，那么你很可能接触过“硬件加速”这个术语。 CPU、GPU和硬件加速

is() 是一个 CSS 伪类函数，该函数将选择器列表作为参数，并选择该列表中任意一个选择器可以选择的元素。

使用 canvas 实现截图功能的难点有三：1. 计算截取区域；2 截图动画效果（未被选取部分置灰，截取部分添加边框等）；3. 生成&获得截取区域图片。

前言 这几天接了个活，需要做一个停车场示意图，首先想到的是使用 Canvas 来绘制。由于前期只是粗浅的使用过 Canvas，而没有正式的在项目中使用过，这次也是摸着文档过河😂。 如何绘制 Canva

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

移动端适配是指在不同尺寸的手机设备上，页面能相对达到合理的展示（响应式）或者保持统一效果的等比缩放（看起来差不多）。本文介绍了移动端适配中需要掌握的基本概念和移动端页面开发中常用的适配方案。 一、基本

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

过年期间，玩了玩 css，感觉很有意思。特别是在看《CSS 揭秘》这本书时，仿佛打开了新世界的大门。以前认为，渐变不就是那样吗，颜色逐渐变一下，还能玩出花来 ? 看到了书中用渐变实现条纹，让我很意外。书中关于渐变说的并不是很细致，于是我觉定好好把水平渐变的使用整理整理，再写点其…