随着devops的发展，前端部署变得越来越简单，可控性也越来越高，本文基于docker🐳+nginx+jenkins来实现前端自动化部署流程，具体实现效果为开发人员在本地开发，开发push提交代码到指定分支，😊自动触发jenkins进行持续集成和自动化部署。部署完成后会收到…

目前随着前端的不断发展，企业工程项目体积越来越大，页面越来越多，项目变得十分臃肿，维护起来也十分困难，有时我们仅仅更改项目简单样式，都需要整个项目重新打包上线，给开发人员造成了不小的麻烦，也非常浪费时间。老项目为了融入到新项目也需要不断进行重构，造成的人力成本也非常的高。 首先…

是的上面所说的就是我这个项目想要实现的目标，我需要的不是简简单单一个ui组件库，我想要的是一个ui组件自定义拼装平台。 其实现有的平台已经有分析代码模块并可以实现在线引入和单个的npm安装，但是我们也不希望我们项目里面能有几十个不同ui组件的npm吧，所以我的最主要目的就是将多…

这篇文章主要来总结下最近学到的东西， 主要是实现本地开发上传到github后实现自动化持续集成部署。 用docker-compose.yaml 直接安装nginx容器，要把html和conf.d 文件夹映射出来， 因为从其他服务器传过来的项目会放在docker-volumes/…

脚手架一词源于建筑工程：脚手架是为了保证各施工过程顺利进行而搭设的工作平台。 在前端工程中，脚手架是一种形象的比喻，本质上是为减少重复性工作而引入的命令行工具。 　　如何实现一个基本的cli并不难

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

没有什么比时间更具有说服力了，因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使…

2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…