谈谈我对目前前端框架的认识和看法及其发展
前端框架火了已经有些年头了。像React、Vue、Angular等，都是视图层数据驱动框架。 当然现在最火的两大框架就是React和Vue。而React又出了v16.8版本的Hooks新特性，Vue出了3.x版本。 争论React和Vue哪个更好没有意义。每个框架各有优...
React 基础及核心总结/三
1. 原生属性的改写和差异 在 React 中，所有的 DOM 特性和属性（包括事件处理）都应该是小驼峰命名的方式。例如，与 HTML 中的 tabindex 属性对应的 React 的属性是 tabIndex，再比如readOnly和。例外的情况是 aria-* 和 data-* 属性...
React 基础及核心总结/二(组件篇)
1. 内置组件 除HTML原生标签外，React还有一些内置的组件。 1）<React.StrictMode> 严格模式。StrictMode 不会渲染任何可见的 UI。它为其后代元素触发额外的检查和警告。 Ps：严格模式检查仅在开发模式下运行；它们不会影响生产...
Nodejs 模块规范 CJS 与 ESM 及其衍生后缀 .cjs 和 .mjs 文件
自 13.2.0 版本开始，Nodejs 在保留了 CommonJS（CJS）语法的前提下，新增了对 ES Modules（ESM）语法的支持。 天下苦 CJS 久已，Node 逐渐拥抱新标准的规划当然值得称赞，我们也会展望未来 Node 不再需要借助工具，就能打破两种模块...
React 基础及核心总结/一
1. 元素属性及props 1）组件可以接受任意 props，包括基本数据类型，React 元素以及函数。 2）组件接到父组件传来的props是只读的，绝不能够被修改的。这也叫做单向数据流。 3）组件中的标签元素与原生的dom元素不同，其会被转义为对...
Pinia是Vuex的良好替代品吗？
Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。
分布式ID生成对比-雪花算法、UUID、自增主键
一、分布式ID概念 说起ID，特性就是唯一，在人的世界里，ID就是身份证，是每个人的唯一的身份标识。在复杂的分布式系统中，往往也需要对大量的数据和消息进行唯一标识。举个例子，数据库的ID字段在单体的情况下可以使用自增来作为ID...
近期个人练手项目
想到一些有意思的小项目，业余时间可以搞一搞。目前在搞的是一个轻量级的NodeJs微服务脚手架。 1.NodeJs轻量级微服务脚手架 目前在搞，半成品。（2022-8：初步完成，基本功能已实现，顺便还搞了几个npm包。后期若使用时有BUG再完善） ...
细说Javascript中的ESM及其与CommonJS区别
esm是什么 esm 是将 javascript 程序拆分成多个单独模块，并能按需导入的标准。和webpack，babel不同的是，esm 是 javascript 的标准功能，在浏览器端和 nodejs 中都已得到实现。使用 esm 的好处是浏览器可以最优化加载模块，比使用库...
什么是pnpm以及pnpm的安装与使用
pnpm是 Node.js 的替代包管理器。它是 npm 的直接替代品，但速度更快、效率更高。当您安装软件包时，我们会将其保存在您机器上的全局存储中，然后我们会从中创建一个硬链接，而不是进行复制。对于模块的每个版本，磁盘上只保留一个副本。