React 基础与核心总结(理论篇)
1. 如果你是leader，做管理系统项⽬ Vue和React 怎么选择? 评估项⽬成员的⽔平，如果成员js基础较好、编码能⼒较强则选择React，否则Vue。 评估系统的⼤⼩，如果想构建⽣态系统，则选择React，如果要求快速，则选择Vue。当然现在Vue3.x在对Vue2的性能优化之后，开发大型复杂的项目的性能也更好了。 评估系统运⾏环境，...
1. 如果你是leader，做管理系统项⽬ Vue和React 怎么选择? 评估项⽬成员的⽔平，如果成员js基础较好、编码能⼒较强则选择React，否则Vue。 评估系统的⼤⼩，如果想构建⽣态系统，则选择React，如果要求快速，则选择Vue。当然现在Vue3.x在对Vue2的性能优化之后，开发大型复杂的项目的性能也更好了。 评估系统运⾏环境，...
1. Vue3.0升级了哪些重要的功能？ createApp：创建vue实例的⽅式 emits属性，组件中的事件要先使⽤emits进⾏声明，然后在setup的形参引⼊ ⽣命周期 多事件 fragment：不再限制唯⼀根节点 移除.sync： 异步组件的写法：Vue2 直接import进来，Vue3需要使⽤defineAsyncComponent包裹⼀层 移除filter 新的组件：Fragment(⽚...
1. reactive 对比 ref 1）从定义数据角度对比 ref用来定义：基本类型数据。 reactive用来定义：对象（或数组）类型数据。 备注：ref也可以用来定义对象（或数组）类型数据, 它内部会自动通过reactive转为代理对象。 2）从原理角度对比 ref通过Object.defineProperty()的get与set来实现响应式（数据劫持）。 reactive通过...
一、Vue3相比与Vue2的优势 1. 速度更快、性能更好 1) 基于Proxy的新响应式系统（数据劫持优化） Vue3.0如何实现响应式？ 由原来的Object.defineProperty的getter 和setter，改成了ES6 Proxy 作为其观察机制（准确说是 Proxy 配合 Reflect，Reflect提供了一些操作Object对象的方法），初始化时无需递归遍历数据，初始化效...
1. 原生属性的改写和差异 在 React 中，所有的 DOM 特性和属性（包括事件处理）都应该是小驼峰命名的方式。例如，与 HTML 中的 tabindex 属性对应的 React 的属性是 tabIndex，再比如readOnly和。例外的情况是 aria-* 和 data-* 属性以及自定义的属性，一律使用小写字母命名。比如, 可以用 aria-label 作为 aria-label。...
1. 内置组件 除HTML原生标签外，React还有一些内置的组件。 1）<React.StrictMode> 严格模式。StrictMode 不会渲染任何可见的 UI。它为其后代元素触发额外的检查和警告。 Ps：严格模式检查仅在开发模式下运行；它们不会影响生产构建。 你可以为应用程序的任何部分启用严格模式。 2）<React.Fragment> 是一个...
自 13.2.0 版本开始，Nodejs 在保留了 CommonJS（CJS）语法的前提下，新增了对 ES Modules（ESM）语法的支持。 天下苦 CJS 久已，Node 逐渐拥抱新标准的规划当然值得称赞，我们也会展望未来 Node 不再需要借助工具，就能打破两种模块化语法的壁垒…… 但实际上，一切没有想象中的那么美好。 一、并不完美的 ESM 支持 1.1 ...
1. 元素属性及props 1）组件可以接受任意 props，包括基本数据类型，React 元素以及函数。 2）组件接到父组件传来的props是只读的，绝不能够被修改的。这也叫做单向数据流。 3）组件中的标签元素与原生的dom元素不同，其会被转义为对象（虚拟dom）。组件元素的属性与事件与原生的也不尽相同。比如class 在 JSX 中被写作 ...
Pinia 是 Vue.js 的轻量级状态管理库，最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。
想到一些有意思的小项目，业余时间可以搞一搞。目前在搞的是一个轻量级的NodeJs微服务脚手架。 1.NodeJs轻量级微服务脚手架 目前在搞，半成品。（2022-8：初步完成，基本功能已实现，顺便还搞了几个npm包。后期若使用时有BUG再完善） 2.简洁的浏览器主页 带分类导航、搜索、注册登录、后管系统等。（计划年前搞一搞吧，...