手上有些项目用的element-ui，刚好有空琢磨一下怎么减小打包文件大小和打包速度方面，为了演示实验，用 vue-cli 生成初始项目，在这仅对 element-ui 主题和组件方面来优化。 完整地将 ui 和样式引入。 在页面简单使用 2 个组件，看看效果。 再看一下打包后…

不过也还是能够完成前端页面+后端接口+服务端部署的整个流程了。 如果不愿意看分析过程，可以直接拉到最后看结果。 首先前端页面使用了Vue作为前端开发框架，我相信点这个标题进来看文章的都用过这个框架的吧。。。 这是.babelrc配置参数，component是babel插件的名字…

希望这篇文章能对你提供一些思路，文中如有错误，欢迎在评论指。

1. 创建相应的换肤脚本index.js 2. 换肤脚本index.js . 3. 在渲染进程中main.js引入 4. 在vue组件中使用this.$themeSetup(key名) 5. 在vue组件外使用themeSetup(key名) 6. 刷新之后会，主题丢失的优化 …

对于SaaS平台而言，因为需要一套平台面向不同客户，所以会有不同主题切换的需求。本篇主要探讨如何在Vue项目中实现该类需求。 方案一， 定义theme参数，通过prop下发，子组件根据theme来动态绑定style的方式实现。具体可以参考：非常规 - VUE 实现特定场景的主题…

其实CSS自定义属性还有很多小名，比如CSS变量、原生变量、CSS自定义属性级联变量，这些指的都是同个东西。 那既然SCSS就能做到的东西，我们还有这个所谓的CSS自定义变量干什么呢？人家自然有它的独到之处。 在这几个方面，预处理器完全被CSS自定义变量KO了。 语法很简单，分…

如今前端工程师的要求越来越高了，需要掌握的技术点越来越多了，会一些基本的前端技能完全适应不了快速变化的前端领域了。接下来我将从零实现一个自己的UI组件库并发布到npm上，提供给需要的朋友参考也总结下自己对封装组件的理解方便以后复习。 先本地全局安装node环境，vue的运行是依…

寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…