Aims:
- 通过关键词复习课堂内容;
- 了解前端术语
语义化
什么是语义化?
“对数据和信息进行处理,能够使机器理解。”
HTML语义化——元素(标签)、属性、属性值都有其含义。在实际使用中,针对不同的绘制页面的情况/需求,选择最恰当的元素。
如何做到语义化?
① 不可使用可视化工具书写代码。
② 不同的页面表现形式,使用不同的标签。
③ 了解每个标签和其属性、属性值的含义。
HTML
格式
- 不区分大小写,最好小写;
- 键值对, key="value"
- 空标签;
- 属性值可选择性忽略;
超链接
- 页面跳转
<a href="www.bing.com">跳转至另一个页面</a>
跳转至另一个页面。 - 页内跳转
额外知识的扩展
Electron:基于web前端技术来开发GUI的框架。
- GUI(graphic user interface): 桌面应用程序。
- 为什么是基于web前端技术?
-
利用html、css来绘制页面和控制布局; -
利用Javascript控制用户行为和业务逻辑 -
使用框架
-
- 跨平台(即,在不同的操作系统中也能使用,如linux、mac、windows...)
React
一个框架。 因为其组件化的功能,能够节省代码、将重复的代码封装、减少DOM的修改...
webRCT:网页即时通信。
使用浏览器来进行语音、视频、文字传输、文件传输等交流。
webGL: 3D绘画协议。
帮助HTML5 canvas加速渲染。
node.js
使js运行在服务端的开发平台。
web application: 网页应用。不用安装在PC本地,就可以使用的应用。
react+reactDOM 开发网页应用
react+reactNative 开发手机应用
rendering:渲染(将创建的html、css、js抽象语句在浏览器中实体化出来)