码迷,mamicode.com
首页 > 其他好文 > 详细

前端现状与趋势

时间:2019-02-11 01:18:44      阅读:250      评论:0      收藏:0      [点我收藏+]

标签:ber   amd   pos   命名空间   部分   parcel   ret   com   npm   

现状

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

模块化

最初的简单页面, 一个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的地方,前端就有发言权。

 

前端现状与趋势

标签:ber   amd   pos   命名空间   部分   parcel   ret   com   npm   

原文地址:https://www.cnblogs.com/lightsong/p/10360705.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!