读书笔记:《数据可视化实战：使用D3设计交互式图表》 – [美] Scott Murray 著 / 李松峰 译
D3 是一个模块化的 JavaScript 库，用于数据可视化，将数据映射为图形。通过绑定数据、比例尺、事件监听器和过渡动画等功能，D3 提供了灵活且强大的工具来创建动态视觉效果。模块化设计让开发者可以按需加载功能，同时丰富的资源和社区支持为学习与实践提供了便利。
标签： CSS
读书笔记:《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译
探讨了SVG的响应式设计、优化导出及动画在用户体验中的重要性，强调通过自然的缓动函数与细节观察提升动画效果。同时介绍了动画设计的原则、原型迭代和组件库开发，建议通过A/B测试验证动画的实际效果，避免过度设计或分散用户注意力。
Webpack 只打包 CSS
介绍了如何使用 Webpack 单独打包 CSS 文件，通过设置“傀儡”入口文件 (style.js 和 index.style.html)，结合 MiniCssExtractPlugin 和 HtmlWebpackPlugin 插件实现 CSS 文件的独立构建。提供了详细的配置示例，适用于处理零散项目的模块化打包需求。
CSS 预处理脚本 Sass/Scss 进阶
介绍了 Sass 的进阶语法，包括混合器的定义与使用、参数化与默认值、继承与占位符选择器以及数字和颜色运算。通过这些特性，可以减少样式重复，提高代码复用性和维护性，同时支持灵活的样式动态调整和优化。
CSS 预处理脚本 Sass/Scss 入门
介绍了 Sass 的基础知识与安装方法，包括变量、嵌套规则、文件导入和注释的使用。详细讲解了 Scss 语法的优势及其与 CSS 的兼容性，并展示了如何通过命令行工具编译 Scss 文件为 CSS。通过模块化和灵活的语法，Sass 提供了更高效的样式开发体验。
IPHONE/H5/IOS 14 版本滚条 / 滑动失效问题
分析了在 IOS 14 系统中绝对定位布局的滑动问题，提出了三种解决方案：完善父元素 CSS 属性，预设更大子元素；调整子模块布局，避免绝对定位；通过定时器重排重绘规避问题。最终总结问题根源在于 IOS 渲染机制，重新设置父元素 overflow 属性可恢复滚动。
CSS 实现内容高度不够的时候底部（footer）自动贴底
介绍了两种实现页面底部 (footer) 吸底的 CSS 方案。方案 1 使用 Flex-Box 和 calc 动态调整布局，兼容现代浏览器；方案 2 通过设置内容区最小高度和底部负 margin 实现吸底效果。两种方法均能解决内容不足时底部上浮的问题，各有优缺点，需根据需求选择合适方案。
通过 eslint stylelint htmllint 规范前端项目代码
概述了如何使用 husky、lint-staged、prettier、eslint、stylelint 和 htmllint 等工具规范 JavaScript、CSS 和 HTML 代码，提供详细的配置示例，涵盖代码格式、语法规则以及最佳实践，帮助开发者构建一致且高质量的代码风格。
读书笔记:《图解 CSS3：核心技术与案例实战》 - 廖伟华 著
总结了 CSS3 的多种新特性与用法，包括动态伪类选择器、结构伪类、属性选择器、边框颜色与圆角、盒子阴影、多背景、文本溢出与换行、透明度、Flexbox 模型、多列布局、3D 变形、过渡效果、媒体查询以及自定义字体等，详细解析了其属性功能与应用场景，帮助开发者更高效地实现复杂的布局与样式设计。
什么是 BFC？看这一篇就够了[转]
介绍了 BFC (Block Formatting Context) 的定义、布局规则及创建方法，强调其在避免 margin 重叠、自适应布局和清除浮动中的作用。BFC 是一个独立的布局环境，内部元素与外部互不影响，高度计算包含浮动元素，有助于实现复杂的 CSS 布局需求。