前端语言串讲学习笔记 | 青训营

75 阅读2分钟

前端语言串讲:

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的很多优点。但对这个课程还是有一点建议。 首先因为我是纯小白,可能就跟不上课程,同时课程录制的声音不清楚,加上课件几乎全英文,不是很友好。希望后续课程我能跟上。