前端架构
文章平均质量分 82
monorepo等
z止于至善
这个作者很懒,什么都没留下…
展开
-
Vite 5.0 正式发布
11 月 16 日,Vite 5.0正式发布,这是Vite道路上的又一个重要里程碑!Vite现在使用Rollup 4,这已经代表了构建性能的大幅提升。此外,还有一些新的选项可以改善开发服务器性能。Vite 4发布于近一年前,它为生态系统奠定了坚实的基础。随着项目继续在共享基础设施上构建,每周npm下载量从 250 万跃升至 750 万。框架不断创新,除了 Astro、Nuxt、SvelteKit、Solid Start、Qwik City 等,还看到新的框架加入并使生态系统更加强大。转载 2023-11-17 16:31:07 · 444 阅读 · 0 评论 -
使用 pubsub-js 进行消息发布订阅
pubsub-js是一个轻量级的JavaScript基于主题的消息订阅发布库 ,压缩后小于1b。它具有使用简单、性能高效、支持多平台等优点,可以很好地满足各种需求。原创 2023-11-10 10:23:40 · 1594 阅读 · 0 评论 -
在 Vue3 中使用 mitt 进行组件通信
mitt是一个轻量级的JavaScript事件触发器, 只有200b。有基本的事件触发、订阅和取消订阅功能,还支持用命名空间来进行更高级的事件处理。原创 2023-11-09 15:30:55 · 812 阅读 · 0 评论 -
Next.js 项目——从入门到入门(Eslint+Prettier)
Next.js这是一个用于生产环境的React框架。Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。原创 2023-11-08 09:51:42 · 962 阅读 · 0 评论 -
Vite 4.3 性能巨大提升(beta.4阶段)
将FarmWebpackViteRspack和Turbopack进行测试对比,运行十次并取平均值。。得到的结果如下:的启动时间只比turbopack慢 0.2s(冷启动)的启动时间比turbopack快 0.2s(热启动)的启动时间比turbopack快 1.5s(冷启动)的启动时间比turbopack快 1.8s(热启动)Vite的叶 HMR 时间比turbopack快Vite的根 HMR 时间比turbopack慢 5-10msrspack的启动时间是Vite。转载 2023-04-11 09:28:41 · 665 阅读 · 0 评论 -
一文掌握JS 事件循环(Event Loop)
本文详细讲解了浏览器和 NodeJS 中事件循环的流程,虽然底层机制不一样,但在最终表现上是基本一致的。理解事件循环的原理,可以帮助我们准确分析和运用各种异步形式,减少代码的不确定性,在一些执行效率优化上也能有明确的思路。在前端面试中,事件循环相关的内容也是高频出现的技术点,理解它也有助于提升面试通过率,增加面试信心。} , 0);转载 2022-11-09 10:16:41 · 3379 阅读 · 0 评论 -
一文获悉组件通信之——发布-订阅模式
使用发布-订阅模式的优点在于,监听事件的位置和触发事件的位置是不受限的,只要它们在同一个上下文里,就能够彼此感知。订阅操作是一个“写”操作,相应的,发布操作就是一个“读”操作。发布的本质是触发安装在某个事件上的监听函数,需要做的就是找到这个事件对应的监听函数队列,将队列中的。通过前面的讲解,不难看出发布-订阅模式中有两个关键的动作:事件的监听(订阅)和事件的触发(发布),这两个动作自然而然地对应着两个基本的。事件被触发时,事件会被“发布”出去,进而触发监听这个事件的。原创 2022-10-24 15:36:31 · 1257 阅读 · 2 评论 -
基于React的富文本编辑器——Braft Editor使用
antd是基于 Ant Design 设计规范实现的 高质量 React 组件库,倾向于只提供符合该规范且带有视觉展现的 UI 组件,也尽量不重复造轮子。如果要在React项目中使用富文本编辑器,官方推荐使用与。这篇文章主要介绍与Antd的结合使用。原创 2022-09-26 14:33:14 · 6310 阅读 · 0 评论 -
Vite+Vue3+Pinia+pnpm项目开发快速入门
Vite是一种新型前端构建工具,能够显著提升前端开发体验。7 月 13 日,Vite 3.0 正式发布。去年 2 月,Vite 2 正式发布。从那时起,它的使用率不断增长,每周npm下载量超过 100 万次。发布后迅速形成了庞大的生态系统。Vite正在推动 Web 框架的新一轮创新竞赛。...............原创 2022-08-02 17:13:46 · 3698 阅读 · 0 评论 -
零代码数字化管理工具——Workless
Workless——数据协作.企业自己的数据中心。零代码数字化管理工具(APaaS),轻松搭建企业所需的各类应用系统。原创 2022-08-01 18:59:17 · 493 阅读 · 0 评论 -
封装一个请求——axios
axiosAxios是一个基于promise的HTTP库,可以用在浏览器和node.js中。原创 2022-07-26 10:19:52 · 214 阅读 · 0 评论 -
Pinia上手——Vue 存储库
Pinia——Vue 存储库,跨组件/页面共享状态原创 2022-07-18 18:33:48 · 765 阅读 · 0 评论 -
Monorepo的入门—— 采用pnpm构建一个demo
Monorepo大家应该都听过,并且知道一些优秀开源项目都是使用Monorepo的方式管理项目的,比如Vue3、Vite、ElementPlus等,同时这几个项目都是采用pnpm作为包管理工具。原创 2022-07-25 15:07:53 · 3451 阅读 · 0 评论