youngbao

用vue开发项目上线以后，发现首页加载速度非常慢，如果项目比较大，甚至可能出现10s以上的等待。用户体验非常差，试想如果你准备买一双AJ，登录某宝首页等了足足5s，那肯定果...

Pinia优势 Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐 Vue2 和 Vue3 都能支持 抛弃传统的 Mutation ，只有 stat...

1. 什么是 Immutable ？ Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的...

1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是...

这是我参与「掘金日新计划 · 4 月更文挑战」的第9天，点击查看活动详情。 https://github.com/webVueBlog/Leetcode...

自定义Hooks让写Vue3更畅快！ 为什么Vue3要用自定义Hook？Composition Api究竟好在哪？...

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能...

“工欲善其事，必先利其器！” vscode 作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集12+插件，总有几款你还未曾拥有。...

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 1. 技术栈说明 vue2.6 + vue-router + vuex + e...

1.了解分包的概念和好处 1.1 什么是分包 ​ 分包指的是把一个完整的小程序项目,按照需求划分为不同的包,在构建时打包不同的分包，用户在使用时按需进行加载 1.2分包的好...

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。...

Vue.js CLI工具 不知不觉发展到了4.0时代，CLI给人最直白的感受是没有了build文件夹跟config文件夹，所有的配置都在Vue.config.js完成。那么...

在项目中，我们总会创建很多分支进行不同功能或者需求的开发，等功能完成后再合并回主分支。那么如何才能优雅的合并分支呢？如果此时你提起了兴趣，那么不妨继续读下去了。 1. 创建...

通过git branch 命令就可以快速创建一个本地分支，这个分支会基于当前提交对象创建一个指针。而这个命令只会创建一个分支，并不会自动切换到新分支中，本例中我们是处于ma...

1.作用 首先要知道这三个插件都是干什么用的。 （1）vetur 是开发vue项目基本必装的一个插件，主要的功能是： 语法高亮 格式化 调试，以及错误检查 全局组件的定义提...

前端中的库很多，开发这些库的作者会尽可能的覆盖到大家在业务中千奇百怪的需求，但是总有无法预料到的，所以优秀的库就需要提供一种机制，让开发者可以干预插件中间的一些环节，从而完...

如果让你手写async函数的实现，你是不是会觉得很复杂？这篇文章带你用20行搞定它的核心。 经常有人说async函数是generator函数的语法糖，那么到底是怎么样一个糖...

最近在学习 vue-cli 的源码，获益良多。为了让自己理解得更加深刻，我决定模仿它造一个轮子，争取尽可能多的实现原有的功能。 尽可能用最少的代码实现一个最简版本的脚手架。...

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步...