这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。 在 1 的基础上添加一些辅助功能，例如选择包管理器、npm 源等等。 实现插件化，可以自由的进行扩展。在…

Sennder：欧洲排名第一的全卡车装载数字货运代理平台。 认知一个项目从认识目录开始！Vue 项目那逃不过认知最通用的 Vue CLI 目录结构。 原因是：我们应该花更多的精力去关注 src 文件夹！具体往下看。 静态文件目录：包含字体、图标、图片、样式等静态资源，不做赘述。…

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大，然而项目的构建速度随之变得缓慢，于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践，通过以下方法优化后，项目的构建速度提高了50%。现将相关优化方法进行总结分…

项目地址在这里：https://github.com/halfrost/vue-objccn 利用 Vue.js 实现 objc中国 的跨平台全栈应用 [x] ✅桌面应用，支持 Mac、Linux、Windows 三个平台 [x] ✅Web 应用，支持 桌面浏览器 和 手机浏览…

Vue进阶系列汇总如下，欢迎阅读。 Reactivity表示一个状态改变之后，如何动态改变整个系统，在实际项目应用场景中即数据如何动态改变Dom。 乍一看好像满足要求，但此时b的值是固定的，不管怎么修改a，b并不会跟着一起改变。也就是说b并没有和a保持数据上的同步。只有在a变化…

10月初有幸接到公司官网改版需求，要求采用服务端渲染模式对原网站进行seo优化。 由于团队一直使用的vue技术栈，所以我第一时间想到的就是采用vue 服务端渲染（SSR）来实现该需求，即能减少团队其他成员后期维护的成本，又能把现有其他项目封装好的内容稍微改改就能直接copy过来…