文档章节

前端工程的三大阶段

博为峰教研组
 博为峰教研组
发布于 2017/02/13 19:03
字数 371
阅读 13
收藏 0

从本质上讲,所有Web应用都是一种运行在网页浏览器中的软件,这些软件的图形用户界面(Graphical User Interface,简称GUI)即为前端。目前市场上有太多的web应用,看的让人眼花缭乱。经过多年的开发,在这里我将前端工程归纳为以下三个阶段:

第一阶段:技术选择

前端工程建设的第一项任务就是根据项目特征进行技术的筛选。目前前端开发的框架很多,针对不同类型的项目,需要的框架是不同的,开发之前,先选择适当的技术。

第二阶段:简单的构建优化

技术选好以后,就可以开始敲代码了。不仅仅要解决运行效率,还要兼顾运行性能。前端工程进行到第二阶段会选型一种构建工具,对代码进行压缩,校验,之后再以页面为单位进行简单的资源合并。

第三阶段:模块化开发

分而治之是软件工程中的重要思想,在对复杂系统进行开发和维护时,我们需要使用这种思想,同样在完成前端代码编写之后,为了便于代码的长期维护,我们可以使用模块化来对前端进行开发。主要是对JS和CSS进行模块化开发。

 

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 49
博文 1224
码字总数 479077
作品 0
黄浦
程序员
前端工程——基础篇

前端工程——基础篇 > 喂喂喂,那个切图的,把页面写好就发给研发工程师套模板吧。 你好,切图仔。 不知道你的团队如何定义前端开发,据我所知,时至今日仍然有很多团队会把前端开发归类为产...

kevin_pang
2015/09/07
590
0
FIS3 发布,来自百度的前端解决方案

就在过去的若干月里面,FIS 团队和 @fouber 一起就 FIS 发布以来一年多的使用情况做了一些总结,并且对其不完善地方做了抽象,终于确定了 FIS 的下一代 FIS3。如今 FIS3 在 FIS 团队的努力下...

oschina
2015/07/09
13.6K
29
Python 全栈开发实践--SanicCRUD-vue

背景 本项目将使用Sanic + Vue2 + Webpack2 配合最简单CRUD的逻辑来诠释基于Python的全新一代高性能全栈开发实践的Demo。 这份小礼物,将献给所有刚走出校园、献给和我一样即将步入不惑之年...

boylegu
2017/06/19
729
1
高效全栈 Java 开发实践--SpringBoot-vue

背景 如今Web开发领域,当有人提到Java时,总会让人觉得臃肿、古老而过时且开发效率没有某些动态语言高效,甚至在此之前还有人高喊 “Java 已死!”,但是事实真是如此吗?其实如果你一直关注...

boylegu
2017/07/11
10.1K
43
前端构建和工程化工具--Dawn

Dawn Dawn 取「黎明、破晓」之意,原为「阿里云·业务运营团队」内部的前端构建和工程化工具,现已完全开源。它通过 和 将开发过程抽象为相对固定的阶段和有限的操作,简化并统一了开发人员的...

匿名
2017/11/02
145
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Minifilter的动态安装、加载及卸载

MINIFILTER框架的文件系统过滤驱动,无法使用的CreateService和OpenService进行动态加载。 看了一下,使用Inf文件安装Minifilter驱动的方式是在注册表驱动服务项下比传统驱动多创建了Instanc...

simpower
29分钟前
3
0
idea新建springCloud项目(6)- Config Server使用

1.在IDEA新建springCloud项目-Config Server 修改版本,和之前建的eureka项目版本一致,修改完记得刷新: 删除掉不需要的文件: 2.把Config S 服务注册到eureka上去,配置git地址,启动项目 ...

monroeCode
35分钟前
4
0
大数据可视化项目开发总纲

第1章 开发文档总纲 1.1 开发工具清单 名称 版本 备注 Pentaho-bi server pentaho-server-ce-7.1 Pentaho Cde为其内置工具 Pentaho-prd pentaho-prd-ce-7.1 Pentaho Report Designer报表工具...

ZhangLG
35分钟前
4
0
pip安装超时问题

pip3 install --default-timeout=100 tensorflow 设置为100秒 参考: User Guide How to solve ReadTimeoutError: HTTPSConnectionPool(host='pypi.python.org', port=443) with pip?......

亚林瓜子
37分钟前
2
0
fragment 旋转时保持当前实例

设备旋转时保存Fragment的交互状态: setRetainInstance(true);

zdglf
39分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部