玄一的博客

DOM 节点关系详解：parentNode、childNodes、firstChild、nextSibling 等关系指针的含义与返回值，以及元素节点版本（children、firstElementChild）与它们的区别。

DOM 节点类型详解：12 种节点类型各自的 nodeType、nodeName、nodeValue 取值对照表，讲清浏览器如何把 HTML 文档解析成树状节点结构。

SCSS 语法完整说明：变量、嵌套、混合（mixin）、继承（extend）、运算、条件与循环的用法逐一讲解，附可在线运行的示例，覆盖日常开发够用的全部特性。

Less 常用代码片段：在 Less 中正确使用 calc、变量与混合的写法、嵌套与运算的注意事项，以及编译时容易踩到的表达式求值陷阱。

BFC 块格式化上下文详解：CSS 规范原文怎么定义 BFC、哪些属性会触发它，以及用 BFC 解决外边距合并、高度塌陷、文字环绕三类经典布局问题的具体做法。

CSS 布局实战套路：尽量不写死宽高、优先用 calc 与 flex、布局层与内容层分离等原则，以及水平垂直居中、圣杯布局、等分栏等常见结构的可靠写法。

A complete walkthrough of CSS Flexbox: the six container properties, the six item properties, how flex-grow/shrink/basis actually compute, and when Flexbox is the wrong tool.

Flex 弹性布局完整指南：容器六个属性与项目六个属性逐个讲清，flex-grow/shrink/basis 的计算规则，以及主轴交叉轴对齐、换行、排序的实际用法。

移动端响应式页面实现：viewport 设置、DevTools 设备模拟的用法、rem 与 vw 两种适配方案的取舍，以及 1px 边框、安全区域等移动端特有问题的处理。

前端图标方案全解：img、background、雪碧图、icon font、SVG 五种做法的实现方式与优缺点对比，包含清晰度、可换色、请求数、可访问性几个维度的取舍。