HTML&CSS
11篇文章 · 0订阅
  • 两行CSS让页面提升了近7倍渲染性能！
    现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性
    CSS HTML
    两行CSS让页面提升了近7倍渲染性能！
  • CSS Grid网格布局全攻略
    几乎从我们踏入前端开发这个领域开始，就不停地接触不同的布局技术。从常见的浮动到表格布局，再到如今大行其道的flex布局，css布局技术一直在不断地推陈出新。其中网格布局(grid)作为css3的产物，它更加贴近网页设计师所使用的布局策略，学习并利用好它可以让我们免受很多布局困扰…
    CSS 前端
    CSS Grid网格布局全攻略
  • 前端多主题切换
    前端多主题实现，这边提供两种通用方式：配置文件、class名方式。我在写这个功能的时候：这么简单的需求有啥难度的，但是能把简单的需求以最合适的方式实现，还是需要思考很多东西的。
    前端 CSS
    前端多主题切换
  • 来试试antfu大佬的原子化css构想成果——UnoCSS
    前段时间看到了antfu重新构想原子化CSS的博客文章，这里我作为一个前端小白来看看大佬的最新作品UnoCSS有什么神奇之处
    前端
    来试试antfu大佬的原子化css构想成果——UnoCSS
  • 关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
    前言   最近系统梳理HTML5所有涉及到的标签时，梳理至<link>和<script>标签时，碰巧想到一个困扰很久的问题，即一般把<script>放在<body>尾部，<link>标签放在<head
    HTML JavaScript
    关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
  • 如何编写防御式的 CSS
    自 @Ahmad Shadeed 去年在博客上发表了《The Just in Case Mindset in CSS》的时候，我自己也有一种冲动，也想整理一篇这方面的文章，但一直未动笔（说实话，整理一
    前端 CSS
    如何编写防御式的 CSS
  • CSS性能优化的8个技巧
    我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…
    CSS 浏览器 前端
  • 史上最全面、最透彻的BFC原理剖析
    本文讲了什么是BFC，BFC的概念是什么；咋样才能生成新的BFC; BFC的约束规则；BFC在布局中的应用：防止margin重叠； 清除内部浮动；自适应两（多）栏布局的
    前端 CSS
  • 【移动端适配】用vw、vh＋媒体查询打造最完美的移动端适配方案
    从古老的的百分比布局+px+媒体查询到rem布局，一直没找到心仪的移动端适配方案。网上搜索的教程质量也是参差不齐(要么配置过于繁琐，要么一篇文章到处抄袭)，反正我看完了总有一种无从下手的无奈。所幸，经同事推荐找到一款完美的插件。欣喜之余，以作记录。同时希望能给需要的朋友提供帮助…
    前端
  • 手把手带你把项目改为移动端适配｜技术点评
    前言 不知道大家在工作中是否遇到需要把一个非移动端的项目快速改造成为移动端适配的需求 此篇以 理论+实战演示 快速分析改造一个项目使其能进行移动端适配 同时对移动端适配方案也进行了总结 妈妈再也不用担
    CSS
    手把手带你把项目改为移动端适配｜技术点评