web前端进阶

代码是写给人看的，不是写给机器看的，机器只喜欢01，你会写01吗？ 发现别的同事写的一段代码，实在是难以理解，如下： 你看看上面这段代码，它容易读懂吗？真是服了，写的啥啊?

在butterfly官网上有三个插件可供选择，我主要试了hexo-algoliasearch和hexo-generator-search，前一个是借助第三方的网站algolia，需要在algolia

1.安装hexo 2.初始化项目 3.比较好看的主题 查阅了很多文章，知乎上有篇文章写的比较好。总结下推荐3款：butterfly、shoka、kaze 我选了比较流行的butterfly

分析打出的包到底什么依赖占空间，安装分析插件，在vue.config.js中添加配置，执行命令，分析每个js都是由什么依赖组成的，减小chunk-vendors.js的体积

框架发展到现在，建一个项目用脚手架按照提示一步步操作就创建好了。但如果不用脚手架，还有gulp这种简单的工具，可以很方便的搭起来一个项目。gulp功能也挺强的，学习成本较低。本文介绍用gulp4.0搭

基座如何修改 1.安装qiankunyarn add qiankun 2.注册微应用并启动 子应用如何修改 具体代码略，可参考官网qiankun

为什么用vuepress做这件事呢，主要是因为我的技术栈是vue，vuepress是基于vue的，在markdown中可以直接引vue组件，使用vue语法，特别方便，学习成本低

为什么要创建组件库 1.大量重复或相似的业务代码重复code浪费了时间人力，如果把这些业务代码封装成组件则可以解决如上问题。 2.统一了代码规范，统一了产品风格。 3.沉淀自己的技术，提升技术水平。

1.创建一个包 1.1 npm init创建一个项目 根据提示可以配置入口文件为index.js（默认）,配置git地址，等等，具体步骤略 配置完生成一个package.json 1.2 在index