课程内容:
1. 前端语言的基本能力
2. 前端语言的协作配合
3. 你不知道的HTML(5)
4. 拓展分享
一、前端语言的基本能力
① 图注:
② HTML
③ CSS
④ JavaScript
⑤ Browser
前端语言的协作语言
① Trending
② CSS in HTML
③ JavaScript in html
④ HTML in JavaScript
function renderHello(){
var template = document.getElementById('template').innerHTML;
var rendered = Mustache.render(template,{name:'Luke'});
document.getElementById('target').innerHTML = rendered;
}
⑤ CSS in JavaScript
三、你不知道的HTML(5)
① HTML DTD
- HTML并非图灵完备,它只是一门标记语言。
- 基本语法如下:
② HTML 全部标签分类
③ HTML head标签
head:
- title:标题,全局统一
2.base:
- 向页面所有相对URL提供前缀
- 全局唯一,不建议使用
3.meta:
- 通常是约定好的键值对
- 例如:charset,http-equiv
4.link:rel决定类型,href决定引入地址
5.script:type指定MIME类型,可内嵌代码,可外链文件
④ HTML body功能性标签
⑤ HTML ARIA
- 了解ARIA并非只是为了供盲人阅读,它可以为我们设计UI系统提供指导意义。
⑥ HTML5语义化标签
- 建议:用对比不用好,不用比用错好。
⑦ HTML5存储
⑧ HTML5 indexedDB
⑨ HTML5 PWA & AMP
⑩ HTML5 Audio
11.HTML5 video
12.HTML5 二进制
13.HTML5 API
14.HTML5 Web Worker
15.HTML5 Web Socket
16.HTML5 Shadow DOM
17.HTML5 Web Component
18.HTML5 SVG & Canvas
19.webGL & WebGPU
20.webGL & WebGPU
21.HTML5 WebAssembly
拓展交流
1. web 的风靡
2.大前端
**3.MVC & MVVM & MVP
4.总结
-
以上便是前端语言串讲笔记的全部内容了,感谢您的阅读,我会继续努力的!