前端工程化有哪些？

最新推荐文章于 2022-07-25 21:49:02 发布
最新推荐文章于 2022-07-25 21:49:02 发布
阅读量185 收藏
点赞数
分类专栏： vue 前端面试题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FieeSingle/article/details/120186765
版权

前端工程化有哪些

模块化

模块化只是在文件层面上，对代码或资源的拆分；

组件化

而组件化是在设计层面上，对UI（用户界面）的拆分。

规范化

  • 目录结构的制定
  • 编码规范
  • 前后端接口规范
  • 文档规范
  • 组件管理
  • Git分支管理
  • Commit描述规范
  • 定期CodeReview
  • 视觉图标规范

自动化

自动化测试

持续集成

自动化构建

自动化部署

在湖边捡碎花
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
什么是前端工程化？
GitChat
06-28 2万+
前端越来越复杂，前端面试的要求也越来越高。如何提升前端开发水平？如何应对前端面试？我在日常工作中前端的开发框架以 Vue 为主，使用 Webpack 解决接口 mock、代码检查、代码编译、构建、压缩、添加版本号、部署等全流程的工作。涉及到的技术点有 Vue、Vuex、ESlint、stylelint、mock、Webpack、Sass、PostCSS 等。对前端的要求相比几年前已经从单纯的 JavaScript、CSS 问题变成了更多以工程化为主的问题。
前端工程化
shmily_zhan的博客
06-30 495
前端工程化包含：模块化，组件化，规范化，自动化 模块化：js模块化、css模块化、资源的模块化 组件化：从ui拆分下来的每个包含模板（html）+样式（css）+逻辑（js）功能完备的结构单元，我们称之为组件。 规范化： 目录结构的制定 目录结构的合理设定，能为项目带来很多优点： 有助于提高项目的逻辑结构合理性； 对应扩展和合作； 方便资源的统一定位管理。 编码规范 制定一套良好的编码规范可以增强团队开发协作、提高代码质量。.
人们常说的前端工程化到底是什么？
weixin_34366546的博客
08-31 129
前端工程本质上是软件工程的一种。软件工程化关注的是性能、稳定性、可用性、可维护性等方面，注重基本的开发效率、运行效率的同时，思考维护效率。一切以这些为目标的工作都是"前端工程化"。工程化是一种思想而不是某种技术。举例说明： 要盖一栋大楼，假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干，直到把大楼垒起来，这样做往往意味着中间会出...
前端工程化介绍
lovepink527的博客
12-28 1030
1. 前端工程化是什么？ 前端工程化就是通过各种工具和技术，提升前端开发效率的过程 前端工程化：转化工具、格式化工具、脚手架工具、压缩工具、自动化工具。。。 工程化不等于某个工具 Powered by Node.js 2. 脚手架工具 Yeoman 可以帮助开发人员创建项目的基础结构代码，可以创建很多框架的基础代码 (1)全局安装yo npm install --global yo (2) 安装generator npm install --global generator-webapp (3)
详解前端工程化
w1404273025的博客
07-25 734
详解前端工程化
什么是前端工程化？如何做前端工程化？
hlmih的博客
07-03 1092
复杂的Web应用，一般需要几十上百人共同开发维护，其前端界面也颇具规模，工程量是非常庞大的，这就要求我们从软件工程师的角度来思考前端开发，用工程化的手段来解决前端开发中遇到的各种问题，提升团队的开发效率。这就是所谓的前端工程化。 如果有想学习前端的程序员，可来我们的前端学习扣qun：953049818， 免费送前端的视频教程噢！ 我每晚上8点还会在群内直播讲解前端知识，欢迎大家前来学习哦。 前端工程化如何做 一些人可能认为，前端工程化无非就是库/框架选型+简单的构建化+JavaScript/CS.
滴滴前端工程化思维
02-24
纵观互联网的发展历史，没有哪一刻能像现在这样，存在...可维护性越来越差随着web应用系统的复杂度不断提升，需要兼顾开发效率和产品实际运行效率，而组件化和模块化的价值又在于分治，所以会在开发阶段运用组件化和
前端工程化 体系设计与实践 高清完整版
12-13
适读人群 ：本书适合对前端工程化有一定理解和实践的中高级前端工程师阅读，同样适合对前端工程化感兴趣的服务器端开发者以及运维人员阅读。 1.本书由周爱民老师倾情作序，美团技术总监赵强、搜狐高级技术经理邵充、...
什么是前端工程化
xuanwuziyou的专栏
11-29 705
一.什么是工程化 一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。 工程化是为了解决问题。 工程化并不等于某个工具，工程化应包含规划一个项目的整体工作流架构。 一些成熟的前端工程化的集成：create-react-app、 vue-cli、 angular-cli、 gatsby-cli， 它们都约定了项目的文件结构，提供了热更新、自动编译、模块文件支持、代码校验等功能。 二.前端工程化要解决的问题 传统语言、语法的弊端 无法使用模块化/组件化 重复的机械式工作 代码风.
前端工程化及相关技术理解
dba7542的博客
11-07 214
前端在发展，那不是一点快啊，现在的前端项目不再是拼凑几个html页面和写上一堆Jquery就能完成的，web业务正在变得日益复杂，一个Web App的开发难度，类似于开发一个简易型的native app，随之带来了一系列的问题，如何进行高效的多人开发，如何保证优秀的性能，还有如何减少加班时间等等。 前端工程化的内容有哪些？ 模块化规范化自动化组件化 一、模块化 模块化是多人协作的...
前端工程化是什么？
qq_45240472的博客
04-11 625
小白眼中的前端开发: 会写HTML + CSS + JavaScript就会前端开发 需要美化页面样式，就拽一个bootstrap过来 需要操作DOM或发起Ajax请求，再拽一个jQuery过来 需要渲染模板结构，就用art-template 等模板引擎 实际的前端开发: 模块化(js 的模块化、css 的模块化、其它资源的模块化) 组件化(复用现有的UI结构、样式、行为) 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git 分支管理) 自动化(自动化构建、自动部署、自动化测试)
（43）前端工程化总结
Java田根旺
01-19 251
解说前端工程化概念 前端工程化是开发前端过程中用到的技术的总和。说白了，就是我们日常生活中的项链，它是由主子和线组装成的，那么每一颗珠子都是一个技术，我们把我们学过的技术，例如HTML,CSS,JS,JQuery等等，这些技术用一个线连接起来，就可以做成一个项链，那么这根线就是我们的前端工程化，其实前端工程化就是把我们学的技术汇总起来，连接起来。 代码的压缩（htmlmin、imagemin、uglify、cleanCss）注释：压缩html,图片，js,css 代码的转换（babel、less、sa
前端工程化(一)
逆风飞舞2016的博客
01-12 4203
前言web应用复杂度的增加，特别是单页面应用的风靡。组件化，工程化，自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。前端工程的3个阶段第一阶段： 库/框架选型Animate.css jQuery vue.js underscore.js React.js Backbone.js Bootstarp zepto.js jade normalize.css compas
前端工程化！你了解多少？
屈小康
09-07 210
什么是前端工程化？ 一切能够提升前端开发效率，提高前端应用质量的手段和工具都是前端工程化。 如何做前端工程化？ 前端工程化就是为了让前端开发能够自成体系，所以我看来应该从模块化 组件化 规范化 自动化 四个方面来说说。 模块化 简单来说，模块化就是将一个大文件拆分成相互依赖的小文件，在进行统一的拼装和加载。 JS模块化 在ES6之前，JavaScript一直没有模块系统，这对开发大型复杂的前端工程造成了巨大的障碍。对此社区制定了一些模块加载方案，如CommonJS、AMD和CMD等。 现在ES6已
应对复杂性的前端工程化策略
此外，持续集成和自动化测试等实践也有助于确保代码质量和一致性，进一步推动前端工程化的成熟。 滴滴前端工程化思维关注的是如何在快速变化的互联网环境中，通过创新的架构设计、组件化策略、代码管理以及标准化的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值