很皮的程序员

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

一. web 开发与小程序开发的区别 网页开发渲染线程和脚本线程是互斥,(这也是长时间的脚本运行可能导致页面失去响应)。 小程序的脚本线程和渲染线程是分开运行的分别运行在不同线程中。 网页开发可以通过使用各种浏览器暴露出来的 DOM API, 进行 DOM 选中和操作。 小程序…

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…

| burl | 阴影的模糊程度，值不能为负，值为0，无阴影模糊效果。值越大越模糊 | 注：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0 border-radius可通过…

通用选择器 E~F --- E元素被忽略,其后所有 F 元素被安排。 | E :target | 选择匹配E的所有元素，并且匹配元素被相关URL指向。 |

在实现《React 优化技巧在 Web 版光线追踪里的应用》时，我有个需求是，让循环不是从 start 到 end，而是从中间开始，往两侧延展。实现下面的效果 图片渐进式呈现，不是从上到下，而是从中间展开。 一开始，我是用 for 循环加各种变量去切换，调试起来很痛苦，最后也让…

1. 内联样式（行间样式，行内样式，嵌入式样式、内嵌样式） 内联样式显著的优点是十分的便捷、高效。但是不建议使用,内联样式权重过高,不利于后期维护。可以通常内联 CSS 作为测试使用，可以查找代码中 bug。 2. 外部样式 本质区别：link 属于 html 方式，@impo…