为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第九天 六大场景 梳理开发痛点 解锁前端进阶路

标签:
前端工具

学习课程名称:六大场景 梳理开发痛点 解锁前端进阶路
章节名称:前端工程化如何从入门到进阶?
讲师姓名:Brian


课程内容:

  1. 前端工程化工具介绍
  2. webpack 五大核心概念
  3. 脚手架和CLI工具
  4. CLI脚手架工作原理

什么是前端工程化?

前端工程化是指将前端开发的流程规范化、标准化,包括开发流程、技术选型、代码规范、构建发布等,用于提升前端工程师的开发效率和代码质量。

开发流程:
需求分析、版本控制、缺陷管理、文档管理、自动化、性能测试、发布部署……

技术选型:
UI框架(iView Ant Element Mint Cube) JS框架(MVVM) Template

代码规范:
标准(Standard airbnb Prettier) 公司(谷歌/百度 腾讯/美团 饿了么) 模块化

构建发布:
Jenkins Webpack Gulp Yarn Docker Rancher Kubernetes Harbor ECS ……

为什么要前端工程化?

复杂度高: 前端项目的多功能,多页面,多状态,多系统
规模大:团队开发,多人协作,代码质量管理
要求高:页面性能优化(CDN/异步加载/请求合并),CSS 兼容性,单页面应用,服务端渲染……

怎么做?
从业务着手
简单的单页面应用,使用gulp打包+同步工具实现开发全流程
从复杂度考虑
框架最终要服务于我们的项目,而非累死累活的去维护框架
Jenkins git/gitlab webpack React/Vue/Angular
从已知向未知扩展
不同的技术有不同的适应点,选择适合的才是最好的


图片描述

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消