摘要： win+R 输入 “gpedit.msc”，打开本地组策略编辑器； 依次打开 计算机配置 > 管理模板 > 控制面板 > 个性化 > 不显示锁屏； 勾选已启用，点击应用，点击确定。 阅读全文

摘要： 前置 本文将探究 VSCode Prettier 扩展 和 eslint 扩展在 VSCode 中的配置以及这两者对应的在项目中的配置文件的关系， VSCode ESLint 扩展配置与 eslint-loader 的相互配合，在项目中如何将 Prettier 和 ESLint 配合使用，中间还提及 阅读全文

摘要： 为什么需要 Teleport？ 以 Dialog 组件为例，通常需要在一个组件中引入 Dialog 组件。然而，有时一部分逻辑属于 Dialog 所在的组件中，从技术角度来看，最好将这一部分移动到根节点之外的位置。 另外一个问题， 当 Dialog 组件使用 position: absolute 相 阅读全文

摘要： 🤷‍♂️ 这是一个实验性技术，正如你所见，它兼容性目前糟糕。但是 Chrome 是在不断支持它的。 介绍 @property CSS 是 CSS Houdini api 的一部分，它允许开发人员显式定义 CSS 自定义属性，允许属性类型检查，设置默认值，并定义属性是否可以继承值。该规则直接在样式表 阅读全文

摘要： 编辑排版 仅仅了解 Markdown 语法还不够，知道这些 排版技巧 增色您的文章内容。 空格和空行 留白，从艺术角度上说，留白就是以“空白”为载体进而渲染出美的意境的艺术。从应用角度上说，留白更多指一种简单、安闲的理念。在 Markdown 中善于使用空格和空行使文章阅读起来更加自然。 善用空格即 阅读全文

摘要： 前置内容 CSS 自定义属性 “自定义属性”（有时候也被称作 “CSS 变量” 或者 “级联变量”）是由 CSS 作者定义的。声明变量时，变量名前要加上 --，例如 --example: 20px 即是一个 CSS 自定义属性的声明语句。意思是将 20px 赋值给自定义变量 --example。在 阅读全文

摘要： 定义一个 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 更容易地随着时间推移而演 阅读全文

摘要： 泛型 基本 function add<t>(arg1: T, arg2: T): T { return arg1 + arg2 } // add<number>(1,'0') X 泛型接口 function add<T>(arg1:T,arg2:T):T { return arg1 + arg2 } 阅读全文

摘要： 这里记录一些常用的 ts config。 strictNullChecks "strictNullChecks": true 严格区分 undefined 和 null let weight: number | undefined weight = undefined // ?相当于 string 阅读全文

摘要： 想安装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 服务器，运行本文 阅读全文