前端语言串讲:
Javascript、HTML、CSS相互协调
Javascript:
1、Type:
String
Number
Boolean
Null
Undefined
Symbol
Object:Array and function
2、vocabulary:
Variable + operator
3、object:
value +method
4、function:
Function somename(param1, param2){
var a = param1 + “love“ + param2;
return a;
}
Somename(“me”, ”java”)
HTML:
***并非图灵完备,只是一门标记语言。
基本语法包括:标签(元素)、文本、注释、DTD(document type definition)、处理信息
标签分类:
1、 文档型:(title:标题,全局唯一;base:向页面所有相对url提供前缀,全局唯一,不建议使用;meta:约定好的键值对;link:rel决定类型,href决定引入地址;script:type指定MIME类型,可内嵌代码,外链文件)
2、 闭合型:闭合标签
、空标签:
3、 换行型:块级标签:
、行内标签:
4、 H5新元素:语义化标签(用对比不用好,不用比用错好)、媒体标签:、表单标签:、功能标签:
ARIA为我们设计UI系统提供指导意义。
HTML5存储:
WebGL & WebGPU:Demo:davidwalsh.name.webg-demo
WebAssembly(WASM):一种新的编码方式,可以直接在浏览器运行。
浏览器内:
前端JavaScript代码防盗混淆(SecurityWorker)
流媒体视频的编解码加速
短视频的冷启动加速
在线图片编辑工具( Squoosh)
原生应用移植(AutoCAD)
在线音乐制作工具
前端应用构建框架(Yew)
前端组件库(Blazor)
物理引擎(Ammo.js)
浏览器外:
物联网设备Wasm微内核
编译器代码编译目标
云技术应用
拓展
对用户友好:无需安装、无需强大硬件、升级非常方便、容错率强、传播方便
对开发者友好:心智模型成熟、丰富的API能力、框架工具标准化、开发调试简单、具备跨平台能力
领域成熟度:whatwg/w3c/ecma、浏览器厂商整合、各类web应用风靡、商用平面设计标准化、全面组件化
未来的方向:效率工具(Rust)、JS 2 Anything、服务端容器化、低(无)代码站点、大前端的统一、三维可视化
感受:
通过本课程的学习,能够对前端有一定的认识,知道了web的很多优点。但对这个课程还是有一点建议。
首先因为我是纯小白,可能就跟不上课程,同时课程录制的声音不清楚,加上课件几乎全英文,不是很友好。希望后续课程我能跟上。