HTTISHERE · 阿汪同学
  文章分类
随笔 3 LeeCode 1 读书&听书 1 大前端 20 JavaScript 20 android 1 HTML 1 日本語 3 手帳 2 css/Less 1 React 21 Vue 2 微信小程序 1 Taro 1 周刊 6 Notion 3 开发 3 日语初级 1 Daily 5 TypeScript 9 algorithm 2 SASS 1 browser 3 CSS/Less 4
「编程训练」 TicTacToe 「编程训练」 TicTacToe
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compat
2022-01-14 大前端
ROAD 6
「ROAD 6」HTML 「ROAD 6」HTML
定义：XML 和 SGML。 namespaceHTML 标签-语义HTML 语法合法元素 Element：<tag></tag> Text：text Comment：<!-- comments -->
2021-12-20 大前端
ROAD 6
「ROAD 6」CSS-动画 「ROAD 6」CSS-动画
Animation @keyframes （关键帧）定义 animation 使用 属性 animation-name: none（时间曲线）； animation-duration: 0s（动画时长）； animation-timin
2021-12-17 大前端
ROAD 6
「ROAD 6」CSS-排版 「ROAD 6」CSS-排版
盒（Box）源代码：标签（tag），语义：元素（Element），表现：盒（Box）。排版和渲染的基本单位是盒。 盒模型 box-sizing Content-box Border-box 正常流 从左到右；同一行写的文字都是对齐的；一行
2021-12-14 大前端
ROAD 6
「ROAD 6」CSS-语法知识 「ROAD 6」CSS-语法知识
语法 简单选择器 * div svg|a (namespace) .cls #id [attr=value] :hover ::before 复合选择器 <简单选择器> <简单选择器> <简单选择器>（
2021-12-13 大前端
ROAD 6
「ROAD 6」CSS-知识体系 「ROAD 6」CSS-知识体系
语法研究 Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification Appendix G. Grammar of CSS 2.1 CSS 总体结构 @charset
2021-12-13 大前端
ROAD 6
「ROAD 6」 前端训练目录 「ROAD 6」 前端训练目录
知识框架 编程语言通识与JavaScript语言设计 词法类型 表达式与类型转换 语句 对象 结构化程序设计 浏览器原理 浏览器原理-HTML解析 浏览器原理-CSS计算 浏览器原理-排版 & 渲染 重学CSS 重学CSS
2021-11-19 大前端
ROAD 6
Vue & React 目录 Vue & React 目录
Categories · React Categories · Vue
2021-11-19 大前端
Vue React
「ROAD 6」浏览器原理-排版 & 渲染 「ROAD 6」浏览器原理-排版 & 渲染
排版 确定元素的位置。 主轴和交叉轴Main Axis元素的排布方向。 Cross Axis与主轴垂直的方向。 STEP 1: 确定主轴&交叉轴STEP 2: 收集元素进行（hang） 分行（这个行不是 row 是主轴行的意思）
2021-10-12 大前端
ROAD 6
「ROAD 6」浏览器原理-CSS计算 「ROAD 6」浏览器原理-CSS计算
主要分析将 DOM 树加上 CSS 规则的步骤。 STEP 0: 环境准备npm install css CSS库 STEP 1: 收集 CSS 规则 遇到 style 标签时，需要将 CSS 规则保存收集； 调用 CSS parser
2021-09-28 大前端
ROAD 6
「ROAD 6」浏览器原理-HTML解析 「ROAD 6」浏览器原理-HTML解析
主要分析浏览器接收到服务器端传输过来的 HTML 如何将其解析为 DOM 的步骤。 STEP 1: 文件拆分 parse 接受 HTML 文本作为参数，返回一棵 DOM 树。 为了方便管理，单独拆分出parser.js。 STEP 2
2021-09-27 大前端
ROAD 6
「ROAD 6」浏览器原理 「ROAD 6」浏览器原理
HTTP 协议URL -> (HTTP) ->HTML ->( parse) -> DOM -> (CSS computing) -> DOM with CSS -> layout ->DOM
2021-09-27 大前端
ROAD 6
「ROAD 6」结构化程序设计 「ROAD 6」结构化程序设计
JS 执行粒度 Realm JS Context => Realm（粒度比宏任务更大） 宏任务 微任务 函数调用 语句/声明 表达式 直接量/变量/this… 如果使用 GLOBAL 变量对象是不需要用到 Realm。 在 JS 内
2021-09-01 大前端
ROAD 6
「ROAD 6」对象 「ROAD 6」对象
并非数据存储的工具，每个对象都是唯一的。 也可以看重学前端的对象篇。 三要素 Identifier：唯一性（唯一标识）; state：状态（描述对象）; behavior：行为（状态的改变）; 小练习：狗咬人，“咬”的行为如何使用对象
2021-08-27 大前端
ROAD 6
「ROAD 6」语句 「ROAD 6」语句
可以参考之前学的重学前端的语句篇。 在 JavaScript 标准中，把语句分成了两种：普通语句和声明型语句。 常见的语句包括变量声明、表达式、条件、循环等。 Completion Record 用于描述异常、跳出等语句执行过程。 表示一
2021-08-27 大前端
ROAD 6
「ROAD 6」表达式与类型转换 「ROAD 6」表达式与类型转换
表达式运算符的优先级，为了使代码逻辑更加符合普遍认知。 Member（成员访问） a.b a[b] foostring let a = "httishere"; function foo() { console.log(ar
2021-08-20 大前端
ROAD 6
「ROAD 6」词法类型 「ROAD 6」词法类型
unicode https://home.unicode.org/ for (let i = 0; i < 128; i++) { console.log(String.fromCharCode(i)); }
2021-08-19 大前端
ROAD 6
「ROAD 6」编程语言通识与JavaScript语言设计 「ROAD 6」编程语言通识与JavaScript语言设计
语言按语法分类 非形式语言 形式语言（乔姆斯基谱系） 0 型：无限制文法（?::=?） 1 型：上下文相关文法(??::=??) 2 型：上下文无关文法(::=?) 3 型：正则文法(::=?) 文法：词法和语法。 产生式（BN
2021-08-16 大前端
ROAD 6
「大前端」实践 「大前端」实践
性能 while 循环快还是 for 循环快？|0 是不是比 Math.floor 性能好？ 一切没有 profiling 的性能都是耍流氓。凡是真正有价值的性能优化，必定是从端到端的业务场景建立体系来考虑的。 性能体系的建立可以分成以下
2021-03-11 大前端
js
「大前端」知识框架 「大前端」知识框架
2021-03-08 大前端
前端