摘要： 编辑排版 仅仅了解 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 更容易地随着时间推移而演 阅读全文

摘要： 想安装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 阅读全文

摘要： 前置 从创建一个简单浏览器导航首页项目展开，该篇随笔包含以下内容的简单上手： vite vue3 vuex4 vue-router next 预览效果有助于理清这些内容，限于篇幅，不容易展开叙述。由于项目逻辑简单，只使用了少量 API，我只是写这个小项目过把手瘾，所以对应标题 上手。如果您只是想学习 阅读全文

摘要： 前置 点击按钮切换搜索引擎 搜索框跟随切换改变样式 使用 vue 最快了 template 为了方便扩展，使用 v-for 循环渲染出按钮，绑定切换搜索引擎的 method ， 传入不同名称以区别搜索引擎。按钮的样式也动态绑定。 输入框动态绑定样式，在点击按钮切换搜索引擎时，搜索框绑定的样式对应的 阅读全文

摘要： 🎨 Awescnb, awesome cnblog. 简介 可能许多初来乍到的新手会被博客园经典的风格劝退，或者你是一位老园友，需要为你的博客定制一些功能而不想浪费太多时间。发布这个项目的目的就是希望园友能够通过前端工程化的方式轻易地构建一个博客园皮肤。awescnb 不仅仅是一套博客园皮肤，它内 阅读全文

摘要： 前置 由于之前构建的皮肤 reacg 偏二次元风，尽管提供了大量配置(包括几乎任何颜色、插件等的配置)，依然有人吐槽花里胡哨，遂重新构建了一款简约风格的博客园皮肤, 正如你所见。下文我将从零介绍它的构建过程，构建它最快花费一个小时到几个小时。由于之前做了大量工作，所以现在按照流程走一遍就完事了。 准 阅读全文

摘要： 原文链接: https://increment.com/frontend/making-vue-3 在过去的一年里，Vue 团队一直在研究 Vue.js 的下一个主要版本，我们希望在 2020 年上半年发布。这项工作在撰写本文时还在进行中），关于 Vue 新的主要版本的想法是在 2018 年底形成的 阅读全文

摘要： 前置 这篇文章能够帮助你了解 web 移动端适配。如有不足，恳请指点一二！ 单位 分辨率: 单位面积显示像素的数量，和 css 无关 DPI：图像每英寸长度内的像素点数（1 英尺=30.48 厘米） css 的 px: 96 DPI 的单像素的物理大小 物理像素：在由一个数字序列表示的图像中的一个最 阅读全文

摘要： 前置 我在很久之前就发现了使用第三方 markdown 主题将产生一个的问题，今日在社区发现依然有人写文章来推荐这种做法。接下来我告诉你为什么最好不要这样做以及分享一些 markdown 技巧。若有不足，恳请指点！ 第三方主题 在技术社区经常看见使用编辑器 markdown 主题渲染出来的文章，其目 阅读全文

摘要： 前置 最近写了几篇随笔，大家都不看内容，讨论博客皮肤 😂，满足你们。以下所有功能都可作为一个插件使用，你可以将它迁移到你的博客，代码仓库地址在文末。或者使用 "awescnb" 将这些插件集成到你现有的博客园皮肤。若有错误，恳请指点一二，感激不尽。欢迎评论区友善交流。另外插件还在不断扩充与完善。 阅读全文