前端现状与趋势

现状

由于前端软件发展越来越复杂, 不是最初简单网页的状态, 内容丰富、交互丰富, 对前端的发展产生的深远的影响。不管是工具和是自身发展。

模块化

最初的简单页面, 一个URL对应一个页面, js代码几十行的情况, 一去不复返。

现有应用,对页面代码要求更高, 一个页面能够显示很多内容,甚至是无限制的内容。

对于各种内容,在同一个的页面上实现, 则需要对页面各个部分的代码进行模块化存储和使用。

 

原始阶段:

1、 使用全局命名空间, 例如yahoo的 yui, xxx.yyy = {}

2、 Immediately-Invoked Function Expression (IIFE)

 

成熟阶段:

1、 AMD -- 浏览器端模块化机制

2、 CommonJS -- NodeJS服务器端模块化标准

3、 CMD -- 浏览器端模块化机制

4、 UMD -- 兼容服务器端和浏览器端模块化机制

 

工程化

面向前端:

1、 webpack打包工具

2、 parcel打包工具

3、 eslint代码质量检查

4、 prettier代码风格归一化工具

5、 sass less postcss 编译工具

6、 uglyJS

 

工程依赖管理工具

1、 npm

 

组件化

各大框架都支持页面组件化功能:

vue

angularjs

react

emberjs

 

趋势

标准化

例如组件就贴近HTML组件标准发展。

 

泛UI化

前端页面不仅仅运行在浏览器中。

现在不断向其它领域扩张: 桌面(electron)、移动设备(react native 、 weex、 运行在webview组件中)。

凡是UI的地方,前端就有发言权。

 

转载于:https://www.cnblogs.com/lightsong/p/10360705.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值