line-height  line-height: 基准线之间的距离；半行距：(line-height - fontSize) / 2  把正方形变圆形 border-radius: 边框半径 // border-radius 大于50%都可以 border-radius: 50%; rem 和 em  rem: root em (root: 根)  Flexbox display: flex; // 水平垂直居中 div { display: flex; // 主轴方向居中 justify-content: center; // 垂轴方向居中 align-items: center; } /...

浏览器大致结构  用户界面 -> 浏览器引擎 -> 渲染引擎  用户界面： 用于展示初标签页窗口之外其他的用户界面； 浏览器引擎： 用于在用户界面和渲染引擎之间传递数据，下面有数据持久层； 渲染引擎：渲染用户请求的页面内容，下面有网络模块和 js 解析器，一般被称为浏览器的内核；   目前浏览器是一个多进程结构  单进程浏览器的缺点： 1.不稳定； 2.不安全（数据共享，访问其他标签页数据）；3. 不流畅；

第一课 高级语言与低级语言各自的特点  高级语言：  简单、抽象； 方便读写； 执行效率差； 需要编译；    低级语言(机器语言)：  执行速度快； 难编写； 易出错； 兼容性差；   JavaScript语言   JS语言是 函数式编程 + 面向对象编程； JS 是动态类型语言：编写代码时不需要写明变量类型；相较于静态类型语言，源代码中提供的信息太少了，编译器无法在代码运行前编译出机器代码。 JS 运行速度快：采用了 JIT（Just-In-Time Compilation 运行时编译）技术；p.s. （AOT运行 前编译[C++]） JS引擎：在 js 代码被 CPU 执行前将其转换为低...

第1集 为什么学React？  大厂出品（Facebook）；找工作需要；简单易学；  第2集 React简介  React是用来构建用户界面的 Javascript 库；三个特点  声明式编程（相比较于命令式编程）； 组件化（高复用）； 一次学习，随处编写（Web:ReactDOM, 移动端：ReactNative, VR：React360）；   第3集 CRA介绍  CRA: 官方脚手架工具 Create React App用Create React App 创建一个React项目  npx create-react-app HelloWorld cd HelloWorld yarn s...

一、 看代码，说输出  var a = 1; (() => { console.log(a); a = 2; })(); // 输出 1 var a = 1; (() => { console.log(a); var a = 2; })(); // 输出 undefined，变量提升 var a = 1; (() => { console.log(a); let a = 2; })(); // 输出 “Uncaught ReferenceError: Cannot access 'a' before initialization” if (1 == '1') { consol...