http://www.ruanyifeng.com/blog/2019/08/web_components.html
框架入门及 VueMVC、MVP 与 MVVMMVCM（Model）：数据保存V（View）：用户页面C（Controller）：业务逻辑所有通信都是单向的。
View 传指令到 Controller
Controller 完成业务逻辑后，要求 Model 改变状态
Model 将新的数据发送到 View，用户得到反馈
MVP传统前端开发过程使用的 MVP 设计模式（eg.jQuery）。Model 数据层，View 视图层（DOM 式，负责绘制 UI 元素、与用户进行交互），Presenter 呈现层（处理与用户交互的逻辑）。
各部分之间的通信是双向的，View 与 Model ...
LeetCode分类做题方法发现输入和输出的规律，寻找突破点当给的例子太简单的时候可以自己多画一些复杂的例子选择合适的数据结构和程序结构（算法）
小技巧if..else.. 比较简单的话可以简写成 ？ ：的形式switch case 的写法对数组用 forEach，参数函数用了 return false，这里似乎只是回跳出循环而不是整个 return false？ 用 while 语句就不会有这种问题。似乎是因为 forEach 不支持 return false，此外 forEach 也无法终止
字符串557 反转字符串中的单词 III给定一个字符串，你需要反转字符串中每个单词的字符顺序...
前言吹爆这个博客：awesome-coding-js，强烈建议刷完这个博客
字符串常用API：操作方法。拼接concat(), 裁剪slice(), substr(), substring()，拆分变数组split()，repeat()（接收一个大于等于0的整数为参数，返回复制这个整数倍次数的字符串）位置方法。indexof(), lastIndexof()模式匹配方法。match()（接受一个正则做参数，返回匹配结果数组有）, search()(少用), replace()（第一个参数是正则或字符串，第二个是用来替换的字符串。要实现多次替换必须是用带g的正则）, startsWith(...
概述What & Whywhat：操作系统是管理计算机硬件和软件资源，提供用户交互界面的计算机程序Why：统一界面，操作硬件，简易地使用计算机
操作系统的基本功能
统一管理着计算机资源。eg. 处理器资源、IO 设备资源、存储器资源、文件资源
实现了对计算机资源的抽象。eg. 用户无需面向硬件接口编程； IO 设备管理软件，提供读写接口； 文件管理软件，提供操作文件接口
提供了用户与计算机之间的接口。eg. 图像窗口形式， 命令形式， 系统调用形式
操作系统的演进无操作系统—批处理系统（有多道程序设计的概念）—分时系统（能及时调试程序）
多道程序设计：多道程序设计使得批处理系...
概述篇计算机发展的四个阶段
1946-1957，电子管计算机
1957-1964， 晶体管计算机
1964-1980， 集成电路计算机（计算机具备进入千家万户的条件；出现操作系统）
1980-至今， 超大规模集成电路计算机
未来可能有：生物计算机， 量子计算机（腾讯量子实验室，阿里达摩院）微型计算机的发展历史：从集成电路计算机开始，两个特点：受限于性能（单核到多核CPU）；摩尔定律（集成电路性能每18-24个月就提升一倍）
计算机的分类
超级计算机，eg. 中大东校区的天河二号。 标记他们运算速度的单位是TFlop/s
大型计算机。IBM占据很大的份额。阿里提出了“去I（IB...
语法/pattern/flags
flags
g：全局匹配;找到所有匹配，而不是在第一个匹配后停止
i：忽略大小写
m：多行; 将开始和结束字符（^和$）视为在多行上工作（也就是，分别匹配每一行的开始和结束（由 \n 或 \r 分割），而不只是只匹配整个输入字符串的最开始和最末尾处
…
常用字符类别
. ：匹配任意单个字符。例如，/.y/ 匹配 “yes make my day” 中的 “my” 和 “ay”，但是不匹配 “yes”
\d ：匹配任意阿拉伯数字。等价于[0-9]。例如，/\d/ 或 /[0-9]/ 匹配 “B2 is the su...
JS 原理的实现实现一个 Promise()Promise 的特点：
new Promise 时需要传递一个函数 fn 作为执行器（执行器会立刻执行）
执行器中传递了两个参数：resolve 成功的函数、reject 失败的函数（他们调用时可以接受任何值的参数 value）
promise 状态只能从 pending 态转到 resolved 或者 rejected，如果状态发生改变执行相应缓存队列中的任务
promise 实例,每个实例都有一个 then 方法，这个方法传递两个参数，一个是成功回调 onfulfilled,另一个是失败回调 onrejected
promise 实例调...
HTML & CSS高度始终是宽度的 50%的盒子一个 div 垂直居中；其距离屏幕左右两边各 10px；其高度始终是宽度的 50%div 中有文本’A’；其 font—size:20px；文本水平垂直居中
12width: calc(100vw - 20px);height: calc(50vw - 10px);
上中下的 flex 布局，上下定高中间自适应
父盒子写 display:flex; flex-direction: colum; 子盒子写 flex: 1
父盒子写 height: calc(100vh - xx px) 或直接 100vh
实现一个图片容器要求：...
变量提升与var、let及const
函数提升优先于变量提升（var），函数提升会把整个函数挪到作用域顶部，变量提升只会把声明挪到作用域顶部
var 存在变量提升，我们能在声明之前使用。let、const 因为暂时性死区的原因，不能在声明前使用
var 在全局作用域下声明变量会导致变量挂载在 window 上（变成window的属性），其他两者不会
let 和 const 作用基本一致，但是后者声明的变量不能再次赋值
var、let及const的区别
let（建议用let取代var）
作用域是块级作用域（之前只有函数作用域和全局作用域）（并且for循环的括号和{}是在两个不同的作用域，...
数据类型数据类型ES 中有 6 种基本数据类型：undefined（未声明），null（空对象指针，可以说一个变量想用来保存对象，未保存之前最好使其等于 null），boolean，number，string，symbol（fromES6））；一种复杂数据类型：Object引用类型有：Object，Array，Function，Date，RegExp
基本类型与引用类型区别引用类型（对象类型）和基本类型（原始类型）不同的是，基本类型存储的是值，引用类型存储的是地址（指针）。当创建了一个引用类型的时候，计算机会在内存中帮我们开辟一个空间来存放值，但是我们需要找到这个空间，这个空间会拥有一个...
布局基础知识1、display 属性：block（块级元素），inline-block，none（会在页面看不到，并且不会在页面占据空间），flex（flex 布局），inline-block（应用场景：eg. 让很多个有宽高的 div 从左到右铺满页面；此时最好也设置 vertical-align：top）2、div { max-width: 600px; margin: 0 auto; }用 max-width 代替 width，防止浏览器页面表现出现水平滚动条；margin：0 auto 实现盒子的左右居中3、盒模型的 box-sizing 属性：设成 border-box，元素的...
