let、const、var的区别？
在JavaScript的变量声明中，var、let和const是三种不同的关键字，它们决定了变量在作用域、赋值和内存绑定上的行为。理解它们的区别是编写可预测、健壮现代JavaScript代码的基础。 作用域的本质...
CSS变量怎么使用？
在构建可维护和灵活的前沿Web界面时，CSS自定义属性，通常被称为CSS变量，是一项改变游戏规则的技术。它允许你在样式表中定义可复用的值，并在整个文档中引用它们，这大大提升了主题切换和批量...
如何实现sticky定位？
在Web开发中，实现元素的固定位置效果一直是常见需求。sticky定位是一种混合定位方式，让元素在滚动时动态切换相对和固定定位，直到到达指定偏移量。它比传统的固定定位更灵活，适用于导航栏、...
CSS如何实现多行文本省略？
单行文本省略用text-overflow: ellipsis就行，但多行文本省略稍微麻烦点。现在最常用、也相对简单的方法是使用-webkit-line-clamp属性。这个方案在HTML5的移动端项目和现代浏览器中已经得到广泛...
如何实现毛玻璃效果？
毛玻璃效果，也叫背景模糊效果，能让你的界面元素看起来像一块磨砂玻璃，隐约透出背后的内容，质感一下子就上来了。在CSS3标准里，现在有个属性叫backdrop-filter，用它来实现是再直接不过了。 ...
CSS实现1像素边框的方法？
这个问题在移动端高清屏开发里特别典型。明明写了 border: 1px solid #ccc;，在Retina屏幕上看起来却有点“发虚”或者过粗。这是因为CSS的1px对应的是逻辑像素，而屏幕的物理像素密度更高。要解...
如何实现文字溢出显示省略号？
这个需求在前端开发里太常见了，不管是列表的标题、表格的单元格还是用户评论，空间不够时总不能任由文字把布局撑坏。用CSS来处理，既干净又高效。 最基础的是单行文本溢出。你需要一个CSS“组...
CSS如何实现三角形？
这个技巧在前端圈里算是个经典的小把戏了，本质是利用了CSS边框的拼接原理。我们都知道，给一个盒子设置边框时，每条边框的连接处是斜切的。当你把这个盒子的宽和高都设为0，只保留边框，神奇的...
如何实现CSS渐变效果？
现在做颜色渐变，早就不用切图片背景了。CSS3内置的渐变函数非常强大，直接写在样式里，既灵活又省去HTTP请求。主要就两种：线性渐变和径向渐变，够你应对绝大多数设计了。 线性渐变用得最多，...
transition和animation的区别？
这俩都是CSS3里做动画的利器，但分工明确。最核心的区别，你可以把transition看作一个“过程控制器”，它只管从一个状态到另一个状态的平滑过渡，比如颜色从红变蓝，或者大小从100px变到200px。...