bb老猫

CSS 中有各种各样的关键字。本文我将着重介绍以下几个关键字：initial、inherit 以及较新的 unset。 我确信绝大多数开发者都见过这几个关键字，但是对于它们的原理确知之甚少。 在此之前的一段时间，我只知道这些关键字是用来重置 CSS 样式的，但是如果它们都起到了…

本文已同步归纳在 Github。 在你为网站中的某个 DOM 元素编写 CSS 样式之前，浏览器会给这个 DOM 元素添加一个默认的样式。 在我刚开始学习 CSS 的时候，我还以为所有的 CSS 默认样式都来自于浏览器自身的 “User-Agent Stylesheet” 文件…

ES2021 也就是 2021 年的 ECMAScript 版本。ES2021 并没有像 ES2015 那样提出很多新特性，但却合并了一些有用的特性。 本文将会用通俗易懂的代码示例来介绍 ES2021 的新特性。当然在这之前，你需要了解 JavaScript 的基础知识。 上述…

这篇文章将致力于介绍 A/HC/LC 命名法, 希望这可以增强代码的可读性. 并且我将使用 JavaScript 来举例说明, 但实际上这种命名方式可以被应用到任何编程语言. 实际上, (P)A/HC/LC 指的是使用下面的模式来命名一个函数. prefix(前缀)增强函数的可…

无论你是 React 开发者还是 Node.js 开发者. 都能写出可以运行的代码. 但是你写的代码美观并且别人能看懂吗? 下面的规则可以让你的 JavaScript 代码更加整洁和清晰. 规则1. 不要使用随机的字符作为变量 不要使用随机字符去表示一个变量. 应该采用语义化的…

webpack5.x 发布至今已经将近两个月了, v5 版本内置了一些常用的插件, 较 v4 版本有很大的变化. 本文基于 webpack5.x 以及 vue2.x, 从零搭建一个基础模板:

现在的前端开发特别是 React 社区, CSS-in-JS 越来越常见了. styled-components 凭借着以下几种特性 脱颖而出: 开发者不再需要费尽脑汁去想 CSS 的类名. 那么, 上面所说的种种, 是如何实现的呢? styled.button 只是 styl…

目前的许多站点和 app 都要执行大量脚本. 同时 JavaScript 需要尽可能的快速执行, 并且不影响用户交互. 假如用户滚动页面的时候发送一些分析数据, 或者你往页面上插入 DOM 元素的过程中用户恰好点击了某个按钮, 你的 app 反应会变得迟缓, 严重影响用户体验.…

对于 React, 有一些比较难理解的知识点, 在通过阅读源码时, 都可以大概了解. 虚拟 DOM, 实际上就是使用 JS 在其内部维护了一个对象, 是真正的 DOM 对象到 JS 对象的映射. 比如说一个 div 标签可以这么表示: 诸如 React、Vue 这样的库, 都在…