布局

CSS 文本换行总结

实现文本换行的几种方法。涉及属性包括:word-break,overflow-wrap,white-space,line-break,line-break。

新时代创意布局不完全指南

各种不规则的布局的实现。

image.png
image.png

移动端适配

关于移动端适配,你必须要知道的

移动端适配,是我们在开发中经常会遇到的,这里面可能会遇到非常多的问题: 1px问题 UI图完美适配方案 iPhoneX适配方案 横屏适配 高清屏图片模糊问题 …

上面这些问题可能我们在开发中已经知道如何解决,但是问题产生的原理,以及解决方案的原理可能会模糊不清。在解决这些问题的过程中,我们往往会遇到非常多的概念:像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等,你真的能分清这些概念的意义吗?

本文将从移动端适配的基础概念出发,探究移动端适配各种问题的解决方案和实现原理。

深入浅出移动端适配(总结版)

深入研究“移动端适配”的根本原理,并尽量理清那些看上去并无关联却有着千丝万缕关系的各种概念。

样式规则

2021年你可能不知道的 CSS 特性(上篇), 2021年你可能不知道的 CSS 特性(下篇)

整理了一些大家现在能用或过不了多久就能用的属性。另外,虽然标题是“新特性”,但其中有蛮多特性并不是“新”,可能已经出现在你的项目中,或者你已经看过,只是不了解而以。

image.png

样式效果

我写CSS的常用套路

包含一堆效果:交错动画,JS切割文本,随机粒子动画,等等。

性能

css加载会造成阻塞吗

css加载不会阻塞DOM树的解析 css加载会阻塞DOM树的渲染 css加载会阻塞后面js语句的执行