编写自己的脚手架,提高新建项目效率
前端主题切换的几种实现
几种方案实现主题切换,适用于预设主题和自定义主题,可以根据实际需要和实现复杂度灵活选择。
Docker实现前后端自动化部署
用Docker实现Github上提交代码后自动化部署,让购买的百度云
服务器派上用场~
lerna实现Monorepo
lerna的方式实现Monorepo
按需引入组件库的几种方式
之前升级项目的ui版本时,ui组件的版本错误。无论修改npm版本还是cdn版本均无法解决。
经过同事 @东哥 的排查,发现是样式被覆盖,去除项目中的某sdk组件可恢复正常。
细究原因,项目和sdk中引入了相同ui组件,sdk是使用webpack打包的文件,打包成一个总文件,项目中ui组件版本被覆盖,导致项目样式错误。
// 后续发现应该是 没有把ui组件在打包时externals掉,引入了css文件
同时后续决定了解关于项目实现按需引入的方式。
前端路由模式hash和history
最近工作时,遇到了页面关于页面跳转的问题,就继续了解了下两种路由模式的异同。
Webpack基础配置
一些Webpack4的基础配置
伪类和伪元素,以及一些应用
日常中尽量使用伪类去替代一些js的使用
前端工程代码规范 Eslint + Prettier + Husky + Commitlint+ Lint-staged
使用代码规范插件实现项目代码规范化
Commonjs和Es Module
总是对exports和module.exports的用法分不清?export和export default混用?快来看看他们的用法吧!