前端开发及构建流程

版权声明:.net/web/医疗技术的木子纵横的个人分享 https://blog.csdn.net/muzizongheng/article/details/85246831
前端 IDE: VS Code git for vscode tfs for vscode
前端 js 框架: Angular
前端第三方依赖包管理: NPM
前端模块打包管理 : Webpack
前端自动化测试框架 : karma + jasmine/ Jest
前端代码覆盖率 : Istanbul
前端 CI/CD: gitlab + Jenkins/Travis; 或者 TFS
服务器: nginx /IIS
后端IDE: VS2007 +
后端框架:.net core
部署: docker
调试: chrome dev tools + sourcemap
 
其他:
Css bootstrap SASS/LESS
Typescript + tslint + lodash


流程管理: 

开发(库、框架选型; 脚手架;组件化约定;)
第三方依赖的管理
构建
审查
测试
部署

版本管理:
git


资源管理:

资源依赖处理:

性能关注点:
由“增量”原则引申出的前端优化技巧几乎成为了性能优化的核心,有加载相关的按需加载、延迟加载、预加载、请求合并等策略;有缓存相关的浏览器缓存利用,缓存更新、缓存共享、非覆盖式发布等方案;还有复杂的BigRender、BigPipe、Quickling、PageCache等技术。这些优化方案无不围绕着如何将增量原则做到极致而展开。





watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L211eml6b25naGVuZw==,size_16,color_FFFFFF,t_70

------------------------------------------------------------------------------------------------------------

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L211eml6b25naGVuZw==,size_16,color_FFFFFF,t_70

------------------------------------------------------------------------------------------------------------

watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L211eml6b25naGVuZw==,size_16,color_FFFFFF,t_70

猜你喜欢

转载自blog.csdn.net/muzizongheng/article/details/85246831