BOB'S BLOG

最近在修改我个人博客的一个样式时发现，无论我如何修改style里面的值，页面上的样式都不会被修改，F12检查一下发现个element.style，但是却找不到这个值在哪里，查资料后才知道element.style为内联样式，基本很多都是在JS代码里写死了的，但是我们可以用 !important 语法优先权来实现我们想要的效果。例如网页上面的进度线条：background: orange; 原来为...

预处理语言的由来：CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域），需要书写大量看似没有逻辑的代码，不方便维护及扩 展，不利于复用，为了让 CSS 富有逻辑性，短板不那么严重，涌现出了 一些神奇的预处理语言。 它们让 CSS 彻底变成一门可以使用 变量 、循环 、继承 、自定义方法等多种特性的标记语言，逻辑性得以大大增强。Sass 诞生于 2007 年，采用 Ruby 编写，它...

经常会在GitHub上项目介绍的README.md文件中看到许多漂亮的标签，这些标签可以显示version、stars、license等信息我们可以通过 https://shields.io/ 这个网站在线制作图标，填写label、message、color三个字段，点击Make Badge就可以生成图标，还有其他功能可以自己去体验。 这是图标形式，我们也可以通过 HTML ...

instant.page 使用即时预加载技术，在用户点击之前预先加载页面。当用户的鼠标悬停在一个链接上超过 65 毫秒时，浏览器会对此页面进行预加载，当用户点击链接后，就从预加载的缓存中直接读取页面内容，从而达到缩短页面加载时间的目的。以我博客为例，使用了这项技术后，当鼠标在一个链接停留超过 65 毫秒时，Network 里可以看见相关文章已经预加载出来了，而停留时间过短就不会预加载（红色部...