css
10篇文章 · 0订阅
  • 说说requestAnimationFrame吧
    一、了解浏览器 一般的浏览器的刷新率为60Hz，也就是说，1秒钟就会刷新60次，也就是说，大概每过16.6ms浏览器会渲染一帧画面 速度这么快，也就是我们为什么感受不到浏览器数据在刷新的原因，而我们很
    前端 JavaScript
    说说requestAnimationFrame吧
  • 新的 CSS 伪类函数 :is() 和 :where()
    在编写 CSS 时，有时可能会使用很长的选择器列表来定位具有相同样式规则的多个元素。例如，如果您想对标题中的 b 标签进行颜色调整，我们应该都写过这样的代码： 现在，我们可以使用 :is() 缩减代码
    CSS
  • 你不能只会flex居中布局，精制动画讲解所有flex布局方式！通俗易懂纯干货教程！
    针对很多新手和中级开发者理解flex布局方式比较晦涩难懂的情况，笔者通过精制的动画效果，让各种布局方式更直观、对比更强烈的展现出来，然后结合图文用非官方的通俗易懂的方式详细讲解每一种布局
    前端 CSS
    你不能只会flex居中布局，精制动画讲解所有flex布局方式！通俗易懂纯干货教程！
  • 手写 css-modules 来深入理解它的原理
    我们知道，浏览器里的 JS 之前没有模块的概念，都是通过不同的全局变量（命名空间）来隔离，后来出现了 AMD、CMD、CommonJS、ESM 等规范。 通过这些模块规范组织的 JS 代码经过编译打包
    前端 JavaScript PostCSS
    手写 css-modules 来深入理解它的原理
  • 移动端自适应实现的另一种做法--vw方案
    1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是为什么要除以100呢，为什么
    前端
  • 一篇搞清伪类和伪元素
    本文解决两个痛点：1.伪类和伪元素傻傻分不清楚的问题，2. 太多伪类和伪元素导致我裂开的问题~~快来看看吧~
    CSS 前端 JavaScript
    一篇搞清伪类和伪元素
  • CSS中隐藏页面元素的几种方式和区别
    前言、 在平常的样式排版中，我们经常遇到将某个模块隐藏的场景，通过css隐藏的元素方法有很多种，它们看起来实现的效果是一致的，但实际上每一种方法都有一丝轻微的不同，这些不同决定了在一些特定场合下使用哪
    前端 面试
  • 简单聊聊BFC
    最近刷面试题，又遇到了 BFC 有关的问题，不出意外的又忘了。在平时的项目中，基本接触不到 BFC ，每次看到这个概念，都要重新查阅一遍。在此写篇文章，巩固一下这方面的知识吧。
    CSS 前端
  • 用过媒体查询@media吗？
    @media 可以针对不同的屏幕尺寸设置不同的样式，这在设计响应式的页面会非常有用。例如，媒体查询可以缩小小型设备上的字体大小，在纵向模式下查看页面时增加段落之间的填充，或者增加触摸屏上
    前端 面试 CSS
  • 面试官：你了解过移动端适配吗？
    很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…
    前端