化前端代码规范Eslint + Prettier+ Lint-staged + Husky + Commitlint 在实际开发中常常会遇到同事之间协作开发,由于编辑器代码格式化的不同以及其他代码规范问题,导致代码之间格式不统一,合并代码时常常非常痛苦,因此急需在项目中配置一套可靠的代码规范工具,但是网上的文章很多配置非常复杂,因此总结了一套非常简单的配置方式,能够快速搭建一套可用模板。本文主要有两大工具Prettier+Commitlint,配置中穿插Lint-staged 、Husky 、Eslint 等工具的配置。...
Vue之手写 Vuex 首先需要去官网熟悉一下基本概念。Vuex 是集中式状态管理工具。它和全局对象有两点区别,第一点是 Vuex 中的数据是响应式的,即数据变动视图也会跟着变动,第二点是 Vuex 中的数据必须显示提交才可以改变,也就是说修改数据的时候都需要显示调用提供的 commit 方法。它的核心概念有4个,其中 state 用来存放数据,getter 用来获取数据(类似于 Vue 的计算属性)...
关于常用构建工具的一些总结 谈到目前最🔥的构建工具,那无疑要属 vite 了。vite 以其独特的 nobundle 打包机制,再配合浏览器对 ESM 规范的支持,能给开发人员带来很好的开发体验,越来越受到大家的欢迎。看到 vite 这么优秀,小编也忍不住加入了学习的大军,近距离体验 vite 的魅力。在学习过程中,小编发现要想弄懂 vite 的核心原理,还需要去了解 esbuild 和 rollup,因此又花费了一些时间去了解这两个构建工具。通过对这三个构建工具的学习,再结合以前对 webpack 的使用,整个人对构建工具这一块.
前端(React、Vue)多环境配置 在一个正常的迭代周期内,一般会经历开发、测试、生产3个阶段,每个阶段都需要一个独立的环境,再加上某些特殊需求需要增多几个环境(如嵌入到其他应用下、迭代有新的阶段),如果没有一个好的多环境管理方案,那么就会出现代码强耦合、切环境操作复杂等问题...