在整理资料的时候发现了去年入职新公司一个月后结合自己以前所学和公司前端现状，总结一些可以更加规范和优化的点，在组内进行一次技术分享，现在再看也感慨颇多，当时的这些优化点，这一年时间现在也基本上都完成了，又整理了一下，来记录一下。

项目快速回滚是前端工程化中很重要的一环，项目部署到线上后如果报错打不开或者其他原因需要回滚到上一个版本，这个时候回滚的速度就会显得尤为重要，本文将带你一步一步实现前端项目秒级回滚的案例。

专栏第四篇-优化构建结果：构建分析，抽离css文件，清理无用css和js，hash策略，代码分割，devtool讲解，gzip压缩。

本系列第二篇，进阶功能配置：环境变量，alias别名，复制public，支持css，less，图片和媒体资源，css3前缀，babel兼容等。

本系列第三篇，讲解优化构建速度： 构建耗时分析，开启持久化存储缓存，开启多线程loader，配置alias别名，缩小loader作用范围，精确使用loader，缩小模块搜索范围，devtool模式配置等。

本系列第一篇，手动初始化vue3+ts项目，并用webpack5实现基础的vue3+ts开发和打包配置。

本文将用详细的介绍用100行代码从零搭建一个具有完整的功能cli脚手架，从开发到发布到npm仓库，支持全局安装和非全局安装方法。相信学完本文章内容后，就可以在自己公司搭建cli脚手架，简化开发流程，也能提升自己的实际工程化能力。

本文讲介绍巧用阿里云oss服务搭建前端npm私有仓库完成过程，从阿里云oss服务开通和配置、创建简单的npm包、开发打包部署脚本，还有在jenkins上进行部署使用。

公司前端项目多了会出现了很多可复用的业务组件和工具方法，本文总结记录在公司使用dumi2搭建组件库和函数库的过程以及中间遇到的问题和解决方案。

最近在学习网络协议相关的知识，为了提高自己博客的安全性和网络性能，就借助nginx把博客网站配置成了http/2协议，同时也把学习的知识学以致用。

入职新公司已经半个多月，熟悉公司项目后，结合自己的知识所学，在公司进行了一次改造先有前端工程化的分享，涉及代码规范，目录划分，状态管理，组件库，项目模版，脚手架等。

本文将使用最新的webpack5一步一步从零搭建一个完整的react18+ts开发和打包环境，配置完善的模块热替换以及构建速度和构建结果的优化。

搭建react18+vite2+ts+prettier+eslint++stylelint+husky+lint-staged+commitlint开发环境，统一开发环境和代，提升开发效率和代码质量，方便多人合作，以及后期的项目迭代和维护。

公司前端项目多了会出现了很多可复用的业务组件和逻辑，可以把可复用的部分封装成npm包发布使用，同时为了保护公司的业务代码和核心技术，此时就需要搭建属于我们自己的私有npm仓库。

公司有个特别大维护时间长的后台管理系统，使用的是vue2和webpack3，虽然配置了很多编译优化，但启动和开发热更新速度依然很慢，极大的影响了开发效率，于是准备升级vite2来优化，现在已成功升级，复盘记录下过程。

现在chatgpt这么火爆，每次都能看别人搭建的自己的Chatgpt服务，要是自己想搭建的话，由于chatgpt接口国内访问不到，需要使用海外服务器访问。本文用详细的步骤带你在亚马逊申请免费的12个月海外服务器，申请完后就可以部署自己的chatgpt服务了。

最近在学习网络协议相关的知识，在学习应用层协议时，对以前有耳闻的SSL/TLS和http/2协议有了更深入的了解，为了提高自己博客的安全性和网络性能，就借助nginx把博客网站配置成了http/2协议，同时也把学习的知识学以致用。

现在前端很多项目是借助webpack或vite等构建工具打包生成部署的代码，为了每次打包的静态资源不累加，打包之前都会把上一次生成的dist文件删除掉再打包，在这个过程中，dist文件是不存在的，浏览器访问或刷新前端，就会报403错误，直到新的dist打包完成，需要解决这个问题。

pm2（process manager）是一个进程管理工具，维护一个进程列表，可以用它来管理你的node进程，负责所有正在运行的进程，并查看node进程的状态，也支持性能监控，负载均衡等功能。

全程负责公司flutter移动端项目苹果公司开发者账户打包上线，在踩了无数坑后终于上架App Store了，把步骤梳理一下，加深印象。

在公司使用flutter进行开发时，每次打包测试或上线都要在本地手动打包，容易出错，效率低。所以需要配置自动化打包功能，经过网上查询后，发现了比较好用的打包工具fastlane,配置好后记录一下。

在负责的公司flutter移动端项目中有唤起钉钉授权登录的功能，把步骤梳理一下，加深印象。

react class组件context有两种传值方式，分别为createContext和getChildContext(){}

Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的核心框架 `vuejs` 本身，以及生态的官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用

记录liunx服务器常用命令，以供方便查阅。

小程序里面用户取消一次获取位置授权弹窗后，后续的弹窗就不会自动弹出来了，需要咱们手动引导一下。

扫码已经成为一种常见又方便的进入移动应用的途径，微信小程序也提供了扫码进入的功能，本文使用node实现二维码生成。

liunx系统centOS安装数据库mongodb v4.0.6版本并配置开机启动

阿里云服务器最简单方式利用nvm安装node.js环境