HTTISHERE · 阿汪同学
12
21
21
「TypeScript」类型检查机制 「TypeScript」类型检查机制
类型检查机制辅助开发,提高开发效率。 类型推断 类型兼容性 类型保护 类型推断不需要指定变量类型(韩式的返回值类型),ts 可以根据某些规则自动推断类型。 基础类型推断 let a = 1; // 推断为Number 最佳通用类型
2021-12-21
21
「SASS」使用指南(同步) 「SASS」使用指南(同步)
SASS 是 CSS 开发的一种预处理工具,使得 CSS 开发更加简单可维护。 1. 安装&使用SASS 是 Ruby 语言写的,所以需要先安装 Ruby 再安装 SASS。 npm install -g sass sass
2021-12-21
20
「ROAD 6」HTML 「ROAD 6」HTML
定义:XML 和 SGML。 namespaceHTML 标签-语义HTML 语法合法元素 Element:<tag></tag> Text:text Comment:<!-- comments -->
2021-12-20
17
「ROAD 6」CSS-动画 「ROAD 6」CSS-动画
Animation @keyframes (关键帧)定义 animation 使用 属性 animation-name: none(时间曲线); animation-duration: 0s(动画时长); animation-timin
2021-12-17
14
「ROAD 6」CSS-排版 「ROAD 6」CSS-排版
盒(Box)源代码:标签(tag),语义:元素(Element),表现:盒(Box)。排版和渲染的基本单位是盒。 盒模型 box-sizing Content-box Border-box 正常流 从左到右;同一行写的文字都是对齐的;一行
2021-12-14
13
13
11
19
19
「ROAD 6」 前端训练目录 「ROAD 6」 前端训练目录
知识框架 编程语言通识与JavaScript语言设计 词法类型 表达式与类型转换 语句 对象 结构化程序设计 浏览器原理 浏览器原理-HTML解析 浏览器原理-CSS计算 浏览器原理-排版 & 渲染 重学CSS 重学CSS
2021-11-19
10
13
12
「ROAD 6」浏览器原理-排版 & 渲染 「ROAD 6」浏览器原理-排版 & 渲染
排版 确定元素的位置。 主轴和交叉轴Main Axis元素的排布方向。 Cross Axis与主轴垂直的方向。 STEP 1: 确定主轴&交叉轴STEP 2: 收集元素进行(hang) 分行(这个行不是 row 是主轴行的意思)
2021-10-12
09
28
27
「ROAD 6」浏览器原理-HTML解析 「ROAD 6」浏览器原理-HTML解析
主要分析浏览器接收到服务器端传输过来的 HTML 如何将其解析为 DOM 的步骤。 STEP 1: 文件拆分 parse 接受 HTML 文本作为参数,返回一棵 DOM 树。 为了方便管理,单独拆分出parser.js。 STEP 2
2021-09-27
27
01
「ROAD 6」结构化程序设计 「ROAD 6」结构化程序设计
JS 执行粒度 Realm JS Context => Realm(粒度比宏任务更大) 宏任务 微任务 函数调用 语句/声明 表达式 直接量/变量/this… 如果使用 GLOBAL 变量对象是不需要用到 Realm。 在 JS 内
2021-09-01
08
27
「ROAD 6」对象 「ROAD 6」对象
并非数据存储的工具,每个对象都是唯一的。 也可以看重学前端的对象篇。 三要素 Identifier:唯一性(唯一标识); state:状态(描述对象); behavior:行为(状态的改变); 小练习:狗咬人,“咬”的行为如何使用对象
2021-08-27
27
「ROAD 6」语句 「ROAD 6」语句
可以参考之前学的重学前端的语句篇。 在 JavaScript 标准中,把语句分成了两种:普通语句和声明型语句。 常见的语句包括变量声明、表达式、条件、循环等。 Completion Record 用于描述异常、跳出等语句执行过程。 表示一
2021-08-27
23
20
3 / 6