摘要： 定义一个 map： $postMeaage: ( categoriesBackground: #ff6b6b, tagsBackground: #ff6b6b #fbc531 #22a6b3 #10ac84 #0097e6, ) !default; 加上 !default 代表这个 map 是默认的 阅读全文

摘要： 前置 在 react 中解决组件样式冲突的方案中，如果您喜欢将 css 与 js 分离，可能更习惯于 CSS-Modules；如果习惯了 Vue.js 那样的单文件组件，可能习惯于使用 styled-components 来解决这个问题。使用 CSS-Modules 从老项目迁移过来可能更容易。 安 阅读全文

摘要： 前置 rough-notation 用于在网页上创建注释并设置注释动画的小型 JavaScript 库。它还可以应用在一些常见前端框架中，比如 Vue、React、 Svelte、Angular 甚至 Web Component。我把它应用在我创建的博客园皮肤中，比如你可以看见头部导航条中的博客昵称 阅读全文

摘要： 什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te 阅读全文

摘要： GraphQL 简介 一种用于 API 的查询语言。 GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余，也让 API 更容易地随着时间推移而演 阅读全文

摘要： 想安装deno不是一件容易的事。下面只介绍国内 win10 + PowerShell 的安装方法。 在桌面按住 shift 点鼠标右键，选择 在此处打开 PowerShell 运行命令： iwr https://x.deno.js.cn/install.ps1 -useb -outf install 阅读全文

摘要： 前置 react-dom 提供了可在应用顶层使用的 DOM（DOM-specific）方法。 render() hydrate() unmountComponentAtNode() findDOMNode() createPortal() 你可以使用以下命令在本地启动一个 node 服务器，运行本文 阅读全文

摘要： 前置 本篇随笔包含 _.compact 和 _.concat 及其依赖的工具函数。 你可能需要一些 JavaScript 基础知识才能看懂一些没有注释的细节。 compact _.compact(array) 创建一个新数组，包含原数组中所有的非假值元素。例如 false, null, 0, "", 阅读全文

摘要： 前置 chunk 函数内部借助其他函数实现，所以从其他函数开始，chunk 在最后。 你可能需要一些 JavaScript 基础知识才能看懂一些没有注释的细节。 isObject 判断是否为 Object 类型 /** * Checks if `value` is the * [language t 阅读全文

摘要： 稀疏数组和密集数组 稀疏数组 Sparse arrays 一般来说，JavaScript 中的数组都是稀疏数组-它们可以拥有空槽，所谓空槽，指的就是数组的某个位置没有任何值，既不是 undefined，也不是 null，因为数组只是索引到值的简单映射。 let a = new Array(3); c 阅读全文