LESS 与 SCSS原帖LESS 和 SCSS 都属于 CSS 预处理器的范畴，也就是 CSS 的超集，但是两者的语法、如何使用和具体的功能实现还是有差异的。 下面我试着以代码示例的方式给大家演示一下两者的几个常见区别。 声明和使用变量 LESS 采用 @ 符号，SCSS 采用 $ 符号。 在下面的示例中，我们首先在规则外声明了一个名为 link-color 的变量，然后在名为 #main 的规则内声明一个名为 w 2022-07-06
Proxy参考 Object.definePorperty() 与 proxy 都可以监听对象的变化 但 Object.definePorperty() 进行数据监听是比较麻烦的，需要大量的手动处理。对象新增加一个属性时，也需要手动去监听这个新增属性。对于数组得监听还有一系列问题。 所以都什么时代了，还用传统数据监听方式啊，来试试**proxy**吧 Proxy1. 基本使用语法：const p = n 2022-06-30
TS 高阶技巧参考： 15 个提高开发效率的 TypeScript 小技巧 天花板级别类型体操 ⚪ ? 与 ! ?为可选链式编程，js、ts 皆可使用，遇到 null 或 undefined 就不会再向下执行 !叫非空断言操作符，为 Ts 专属语法，断言某变量一定不为 null 或 undefined 不使用 ! 使用 ! ⚪ 断言覆盖 **as unknown as otherType**** 2022-06-07
与vue2的差异参考：vue2 升 3 指南 生命周期钩子选项式的 API destroyed 改为 unmounted,并新增 **errorCaptured、renderTracked、renderTriggered **等钩子，已经全新的对应 hook 选项式 API Hook inside setup beforeCreate Not needed* created Not needed* 2022-06-06
vue3 新功能vue 官方文档真的不错 Provide / Inject通常，当我们需要从父组件向子组件传递数据时，我们使用 props。但一些深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦。 对于这种情况，我们可以使用一对 provide 和 inject。无论组件层次结构有多深，父组件都可以作为其所有子组件的依赖提供者。这个特性有两个部分：父组件 2022-06-02
react中渲染富文本在 react 中，通过富文本编辑器进行操作后的内容，会保留原有的标签样式，并不能正确展示。 在显示时，将内容写入__html 对象中即可。具体如下： 1<div dangerouslySetInnerHTML={{ __html: richText }} /> 如果是直接调用接口中的值，则是以上的写法，如果是单纯的显示固定的内容，用如下的写法 2022-05-28
pnpm参考： 关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn? 用 pnpm 管理 Monorepo 项目 为什么使用 pnpm 可以光速建立好用的 monorepo（比 yarn/lerna 效率高）工作空间（Workspace） 基础操作和 npm/yarn 别无二致，但他的特点是： 非扁平化，快速，节约资源，使用软链接：不会重复装包 支持 monorepo， 2022-05-24
RxJS 入门及应用原帖 RxJS 是 函数响应式编程的 前置知识点1. 函数式编程函数式编程其核心是： Purity 纯函数 函数的执行过程完全由输入参数决定，不会受除参数之外的任何数据的影响。 函数不会修改任何外部状态，比如修改全局变量或传入的参数对象。 2. 响应式编程（Reactive Programming） wiki 百科中的解释： 在计算中，响应式编程或反应式编程（Reactive progra 2022-05-23
Plugin官网 插件向第三方开发者提供了 webpack 引擎中完整的能力。使用阶段式的构建回调，开发者可以引入它们自己的行为到 webpack 构建流程中。创建插件比创建 loader 更加高级，因为你将需要理解一些 webpack 底层的内部特性来做相应的钩子，所以做好阅读一些源码的准备！ 创建插件webpack 插件由以下组成： 一个 JavaScript 命名函数。 在插件函数的 prototy 2022-05-20
html 如何打空格html 中直接使用 <font style="color:#1890FF;"> </font> 或设置 css 样式 JS 中 从 UTF-8 编码表和 Unicode 字符引用，可以写成 <font style="color:#1890FF;">\xa0</font> 1var a = "som 2022-05-16