前端攻城狮

源码阅读，知其然知其所以然，学习框架背后优秀的设计思想和理念，接触开源项目，零距离和大佬接触，吸收他们优秀的编程经验

前言团队要根据新的 UI 规范实现一个组件库，button 组件规范要支持多种主题换肤，字体颜色、背景颜色、边框和禁用使用新的规范，并且一种主题颜色「主要组件」上使用两种主题颜色混合。另外，增加多一种幽灵按钮类型，经过分析，在 element-ui 的 button 组件上改造麻烦，不好维护，所以需要造一个 button 组件，阅读 element-ui 组件库 button 的源码设计，参考 element-plus css 自定义变量 实现element-ui 源码分析 buttonbutton

基于 Vue2.7 + Vite3.2 + Rollup 搭建 Vue 组件库，沉淀通用和业务组件，提高开发效率

Dart Sass 是Sass 的主要实现版本，这意味着它集成新功能要早于任何其它的实现版本。 Dart Sass 速度快、易于安装，并且可以被编译成纯JavaScript 代码，这使得它很容易集成到

使用 element-ui 和 vuedraggable 实现图片上传按尺寸大小裁剪功能，这是 github源码element-ui upload 组件element-ui upload 组件上传图片，设置自动上传，使用 before-upload 钩子进行上传校验将图片文件转化为图片路径进行裁剪<el-upload class="upload-banner" ...

环境安装1、首先安装 node的环境，官网地址这里 检查是否安装成功node -v //node的版本npm -v //npm是node的包管理器如果出现 “ 不是内部或外部命令，也不是可运行的程序或批处理文件。”需要到环境变量中进行配置 node -vv10.5.0 npm -v6.1.02、安装vue-cli由于npm的服务器在国外，网速慢而且安装容易失...

Vuex多模块开发应用Vuex多模块开发应用背景使用 Vuex 的modulemodule 的命名空间的高级用法Vuex 使用的小技巧State仓库字段太多怎么维护 —— 使用函数使用mapState, mapGetters, mapMutations, mapActions 辅助函数减少代码量mapStatemapGettersmapMutations辅助函数mapActions辅助函数模块中使...