- 通过
Proxy实现的更灵活 响应式系统! - 更快的
diff算法
Vue3 重大变化详情
祖师爷的新作,往死学就完事了!
Preact
特点
- 最快的虚拟
DOM库之一 - 体积很小只有
3kb - 可以无缝衔接
React生态系统中组件
lit
特点
- 用于构建快速、轻量级的
Web组件 Lit组件可以跨多个应用程序和站点使用- 使用声明式模板
HTML标签增强拓展,可以像使用内置 HTML 元素一样使用组件- 支持响应式
- 支持
ts - 大小约为
5 KB
svelte
特点
- 没有虚拟
DOM - 在构建时将您的应用程序转换为理想的
JavaScript,而不是在运行时解释您的应用程序代码 - 支持响应式
- 支持声明式模板开发
- 提高首页面加载速度
Vite
特点
- 使用原生
ESM文件,无需打包! - 使用
esbuild构建依赖 - 对
TypeScript、JSX、CSS等支持开箱即用 - 通过浏览器请求源码时进行转换并按需提供源码,实现冷启动
Vites
特点
- 与Vite通用的配置、转换器、解析器和插件。
- 使用你的应用程序中的相同配置来进行测试!
- 智能文件监听模式,就像是测试的 HMR!
- 支持测试
Vue、React、Lit等框架中的组件。 - 开箱即用的
TypeScript / JSX支持 ESM优先,支持模块顶级await- 通过 tinypool 使用
Worker线程尽可能多地并发运行 - 套件和测试的过滤、超时、并发配置
- Jest 的快照功能
- 内置 Chai 进行断言 + 与 Jest expect 语法兼容的 API
- 内置用于对象模拟(
Mock)的 Tinyspy - 使用 jsdom 或 happy-dom 用于
DOM模拟 - 通过 c8 来输出代码测试覆盖率
- 类似于
Rust语言的 源码内联测试
VitePress
特点
- 使用真正的
SSG + SPA架构 - 基于
Vite构建 - 利用
Vue 3改进的模板静态分析对静态内容进行字符串化,降低js负载成本 VitePress旨在缩减当前VuePress的复杂性
Pinia
特点
- 大小约
1kb dev-tools支持- 跟踪动作、突变的时间线
- Store 出现在使用它们的组件中
- time travel 和 更容易的调试
- 热模块更换
- 在不重新加载页面的情况下修改您的 Store
- 在开发时保持任何现有状态
- 插件:使用插件扩展
Pinia功能 - 为
JS用户提供适当的 TypeScript 支持或 autocompletion - 服务器端渲染支持
Vue2、Vue3都可使用
PNPM
特点
- 创建的
node_modules默认并非扁平结构,因此代码无法对任意软件包进行访问 - 不同项目相同依赖采用硬链接方式,节省磁盘空间
- 比同类工具速度的快将近 2 倍
- 命令和
npm大部分相同,方便快速上手
Formily
特点
- 联动逻辑实现高效
- 跨端能力,逻辑可跨框架,跨终端复用
- 动态渲染能力
Prettier
结尾
学习html5、css、javascript这些基础知识,学习的渠道很多,就不多说了,例如,一些其他的优秀博客。但是本人觉得看书也很必要,可以节省很多时间,常见的javascript的书,例如:javascript的高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。
高级程序设计,是每位前端工程师必不可少的一本书,边看边用,了解js的一些基本知识,基本上很全面了,如果有时间可以读一些,js性能相关的书籍,以及设计者模式,在实践中都会用的到。