「 我是如何记住CSS Grid的属性的 」

CSS Grid布局是CSS中一个强大的布局系统，与Flex不同，Grid是一个基于网格的二维布局方式，你可以同时处理行和列的结构。Grid的强大决定了Grid有很多的属性，每个属性又有多个属性值，所以要记住这些属性并能灵活运用不是一件简单的事。作者在该文中介绍了他是怎么记住这些...

维护CSS代码的关键：排序（order)

CSS作为软件开发中的二等公民，它被设计用来显示内容并设定样式排版。然而开发者们经常会为了一堆杂乱的CSS代码头疼，维护这种CSS代码的时候，有时候不知道如何下手，生怕改一个属性就会引起不知道的bug。文中讲述了一种写出可维护的CSS代码的方法，就是为CSS属性进行排序。作者排序...

web性能101

web性能为什么重要？加载很慢的网站会让人很不舒服；web性能直接影响你的产品；什么样的网站算是快的网站？加载快；运行快（动画不掉帧，滚动很顺滑等）；服务器响应时间短；应用加载和渲染的很快。文中介绍了几种提升网站加载和渲染速度的方法：JavaScript。JavaScript通常...

CSS和网络性能

总体上来说，下面这些是为什么CSS对性能这么重要的原因： 浏览器必须等到渲染树完全渲染才能渲染页面； 渲染树的DOM和CSSOM整合到一起的结果； DOM是阻塞JavaScript渲染的HTML等； CSSOM是所有被应用到DOM上的CSS规则； 可以给JavaScript设置...

前端项目共有的CSS问题

当浏览器应用一个用户交互界面时，一种很好的方式是可以最小化差异和问题，UI是可预测的。想要追踪到所有的差异是比较困难的，所以我将这些共同问题整理成一个列表，为你在做新项目时提供一个简单易用的参考指南。 1.重置button和input元素的背景 当我们添加button时，重置bu...