前端工程化——(1发展与了解)

简介: 前端工程化——(1发展与了解)

1. 前端发展历程


  • (1995)Brendan Eich发明Javascript


  • (2005)Ajax广泛应用


  • (2008)V8引擎发布


  • (2009)Node.js发布


  • (2010)NPM 0.1版发布


  • (2013)Webpack 1.0版发布


  • (2013)React 1.0版发布


  • (2014)Vue 1.0版发布


2. 开发模式历程


  • (1995-2005)前后端混合开发:服务端渲染,javascript仅实现交互


  • (2005-2013)前后端分离开发:利用ajax实现前后端分离、SPA模式等


  • (2013-2014)模块化开发:npm管理,webpack编译打包等


  • (2014-至今)模块化+MVVM:基于 React 或 Vue



3. 前端研发架构图



不使用前端工程化遇到的问题:


  1. js全局作用域冲突(使用模块化npm解决,webpack模块打包)


  1. 编码规范问题(使用eslint)


  1. 资源压缩和合并(webpack打包压缩)


  1. 高版本js降级(babel工具)


前端工程化解决了前端开发效率开发规范访问性能等问题

相关文章
|
6月前
|
资源调度 前端开发 测试技术
前端工程化实践:从零搭建现代化项目构建流程
【4月更文挑战第6天】本文介绍了前端工程化的概念和重要性,包括模块化、自动化、规范化和CI/CD。接着,讨论了选择合适的工具链,如包管理器、构建工具和测试框架。然后,详细阐述了如何从零开始搭建一个基于React的现代化项目构建流程,涉及初始化、代码规范、测试、CSS处理、代码分割和CI/CD配置。最后,提到了持续优化与迭代的方向,如性能优化、类型检查和微前端。通过这样的实践,开发者可以提升开发效率和代码质量,为项目长远发展奠定基础。
299 0
|
6月前
|
前端开发 测试技术 持续交付
版本控制和团队协作:前端工程化的关键要素
版本控制和团队协作:前端工程化的关键要素
|
6月前
|
自然语言处理 前端开发 测试技术
前端工程化最佳实践:项目结构、代码规范和文档管理
前端工程化最佳实践:项目结构、代码规范和文档管理
|
4月前
|
JSON 前端开发 JavaScript
前端工程化:Webpack配置全攻略
【7月更文挑战第14天】
71 6
|
4月前
|
JSON 缓存 前端开发
前端工程化:Webpack配置全攻略
【7月更文挑战第18天】
53 1
|
5月前
|
缓存 前端开发 JavaScript
前端性能优化实践与工程化
前端性能优化实践与工程化
|
6月前
|
资源调度 JavaScript 前端开发
【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
|
5月前
|
前端开发 安全 JavaScript
前端工程化实战 - 日程管理
前端工程化实战 - 日程管理
44 0
|
5月前
|
存储 JavaScript 前端开发
前端工程化
前端工程化
48 0
|
5月前
|
运维 前端开发 JavaScript
什么是前端工程化❓
什么是前端工程化❓
68 0