css_scoped 与 css_module我们知道，简单的class名称容易造成css命名重复，比如你定义一个class： 如果别人刚好也定义了一个className：.main，你的float:left就会影响到它。 所以vue中发明了css_scoped，其原理就是在class名称后加上一个data属性选择器： //转义后变成 css_scoped是Vue的专用方案，如果你使用react等其它UI框架，那么你可以使用更通用的css_module，其原理是为样式名加hash字符串后缀，从而保证class名全局唯一： //转义后变成 相比于css_scoped，css_module方案更通用，不改变其本身的权重 ...

反应性原则它是 vue.js 的核心特性之一，一个数据驱动的视图，我们修改数据视图来响应更新，非常优雅。 Vue2.x 使用 Object.defineProperty() 实现，而 Vue3.x 使用 Proxy 实现。 我们先来看看2.x的实现。 Object.defineProperty(obj, key, {enumerable: true,configurable: true,get: function getter () {return obj[key];},set: function setter (newVal) {…}})我们通过Object.defineProperty给对象obj添加属性，可以设置对象属性的getter和setter函数。 之后，我们每通过点语法获取一个属性，蓝狮注册就会执行这里 ...

使用Node.js构建微服务是一种事件驱动的开发架构，允许开发人员开发功能加载、可扩展和可靠的应用程序。 构建应用程序不仅要满足客户的要求，还要将复杂的功能与动态编程集成在一起，以维护用户体验和代码质量。在开发加载功能的大型应用程序时，确保应用程序平稳运行非常重要。 本文将介绍微服务架构、优势以及如何使用Node.js开发微服务。 1.什么是微服务？微服务是一种面向服务的架构(SOA)。它是一个基于组件的模型，其中应用程序由定义良好的协议（如HTTP）和独立组件的组合构成。简单来说，它是一种用于使用容器开 ...

大家好，我卡颂。 react18 进入大家视野已经有一段时间了，不知道各位有没有尝试 「并发特性」 呢？ 当启用 「并发特性」 后， React 会从 「同步更新」 变为 「异步、蓝狮注册带优先级、可中断的更新」 。 这也为编写单元测试带来了一些难度。 本文来聊聊 React 团队如何测试并发特性。 遇到的困境主要有两个问题需要面对。 如何表达渲染结果？React 可以对接不同宿主环境的渲染器，大家最熟悉的渲染器想必是 Reactdom ，用于对接 「浏览器」 与 「Node环境」 （SSR）。 对于一些场景，可以用 ReactDOM 的 ...

前言css变量（官方称为自定义属性）是用户定义的值，它可以在你的代码库中设置一次并多次使用。它们使管理颜色、字体、大小和动画值变得更加容易，并确保整个web应用的一致性。 举个例子，你可以将品牌颜色设置为一个CSS属性（ –primarycolor: #7232FA ），并在任何使用品牌颜色的组件或样式中使用这个值（ background: var(–primarycolor); ）。 除了更加简洁以及不重复的代码，CSS变量可用于构建调色板，蓝狮注册开户提高响应能力，并创建动态类型系统。 定义CSS变量要定义一个自定义属性，选择一个名称 ...

微任务在js中，当使用promise，会将当前任务加入事件执行的微任务队列，有且只有这一种方法可以，因为当使用了promise，在JS引擎中会触发VM::queueMicrotask，会向m_microtaskQueue队列中压入事件，在V8中只有这一种暴露方式，没有其他接口可以调用这个方法。 void VM::queueMicrotask(JSGlobalObject& globalObject, Ref&& task){m_microtaskQueue.append(makeUnique(*this, &globalObject, WTFMove(task)));}然后会执行VM::drainMicrotask，蓝狮注册只要m_microtaskQueue不为空就会一直取微任务队列第一个 ...

本文是深入浅出 ahooks 源码系列文章的第十篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 今天我们来聊聊 ahooks 中对 Map 和 Set 类型进行状态管理的 hook，顺便复习一下 Set 和 Map 这两种数据类型。 useMap管理 Map 类型状态的 Hook。先回顾以下 Map 的概念。Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值（对象或者基本类型）都可以作为一个键或一个值。 Object 和 Map 很类似。它们都允许你按键存取一个值、删除键、蓝狮注册检测一个键是否绑定了值。因此过去我们一直都 ...

你想成为一名程序员，并且正在为之奋斗，那么你努力的方式，比如做事方法、思维习惯都将会影响你会成为怎样的一名程序员。 那么，你需要成为一个天才才能学好编程吗？没有必要。 你必须建立自己的做事方式。需要学习一些（或更多的）技巧， 不断的在Google上搜索查询，与书成为朋友。有一长串的TODO需要遵循。我将在这里分享一些技巧，帮你提高编程技能。 01、尽可能地多做练习坚持练习几个小时听起来很难， 但一旦喜欢上这种方式， 你会乐此不疲。你一定听说过熟能生巧。这对程序员来说是非常必要的。 这里有个问题 ...

什么是MapMap是ECMAScript 6 的新增特性，是一种新的集合类型，为javascript带来了真正的键/值存储机 制。 Map 对象存有键值对，其中的键可以是任何数据类型。 Map 对象记得键的原始插入顺序。 Map 对象具有表示映射大小的属性。 Map的基本api1、new Map() 创建新的 Map 对象使用 new 关键字和 Map 构造函数可以创建一个空映射： // 创建新的 Map 对象。const m = new Map();如果想在创建的同时初始化实例，可以给 Map 构造函数传入一个可迭代对象，蓝狮官网需要包含键/值对数 组。可迭代对象中的每个键/值对都会 ...

正文从这开始~ .tsx扩展名为了在react TypeScript中解决Cannot find name报错，蓝狮官网我们需要在使用 JSX 文件时使用 .tsx 扩展名，在你的 tsconfig.json 文件中把 jsx 设置为 react-jsx ，并确保为你的应用程序安装所有必要的 @types 包。 下面是在名为 App.ts 的文件中发生错误的示例。 export default function App() {// :no_entry:️ Cannot find name ‘div’.ts(2304)return ( {/* Cannot find name ‘button’.ts(2304) */} Click);}上述示例代码的问题在于，我们的文件扩展名 ...