标签：语言 框架 DOM 6.0 前端 标记 ECMAScript 超文本
1 前端演进
1.1 前端三要素
html
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。css
层叠样式表，也是一门标记语言。不可以自定义变量、不可以引用，主要缺陷有：
1 语法不够强大，无法嵌套书写，导致很多重复的工作量
2 没有变量和复用机制，维护工作量大
为了解决这类问题，前端开发人员会使用一种预处理器的工具（一种进行web页面样式设计，通过编译器转化为正常的组件），减少冗余代码，提高代码的可维护性和开发效率。
js
javascript 是一门弱类型脚本语言，其源代码在发往客户端运行之前不需要编译，而是将文本格式的字符代码发送给六卡其由浏览器解释执行。
目前我们普遍使用的是ECMAScript 5.01.2 前端框架演进
jquery：入门学习的，大家熟知的js框架，优点是简化了DOM操作，缺点是DOM操作太频繁，影响性能，更多使用它是为了兼容ie6、7、8。
Angular:Google 收购的前端框架，由一群java程序员开发，其特点是将后台的MVC模式搬到了前端，并增加了模块化开发的理念，与微软合作，采用typescript语法开发；对程序员友好，对前端程序员不友好；最大的缺点是版本前后不兼容。
React：Facebook出品，一款高性能的JS前端框架，特点是使用虚拟DOM，减少真实的DOM操作，提高前端渲染效率，但是学习使用成本较高。
Vue：一门渐进式js框架，综合了模块化和虚拟dom 的优点。2 ES6的特点
2.1 块级作用域 关键字let，常量const
2.2 对象字面量的属性赋值简写
2.3 赋值结构
2.4 函数参数
2.5 箭头函数
2.6 字符串模板
2.7 迭代器
2.8 生成器
2.9 Class
2.10 Modules
2.11 Proxies
2.12 Symbols
2.13 Promises
2.14 其它API
3 ES6 与 ES5 的区别
3.1 默认参数
ES6中，可以直接在函数的入参后面加上默认参数值，简单粗暴。
3.2 模板对象
在拼接字符串时，使用``字符，配合${}实现字符串拼接与多行字符串的的方便性。
3.3 解构赋值
3.4 箭头函数
类似于lambda表达式
3.5 Promises
异步模拟同步
3.6 let 与 const
使用块级作用域与不可变常量，已经接近于后端了。
3.7 Classes
使类的继承变得简单易用
3.8 模块
4 说明
我是后端出身，非专业前端，所以我不会耗费太多的精力去把前端的东西研究特别透。本文的很多特性，是我看过一些视频和简书后简单整理的。只是对es6的一个简单介绍。后续我会针对于vuejs 详细学习。
标签：语言,框架,DOM,6.0,前端,标记,ECMAScript,超文本 来源： https://www.cnblogs.com/fireballs/p/11297474.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。