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）...

LeetCode分类做题方法发现输入和输出的规律，寻找突破点当给的例子太简单的时候可以自己多画一些复杂的例子选择合适的数据结构和程序结构（算法） 小技巧if..else.. 比较简单的话可以简写成 ？ ：的形式switch case 的写法对数组用 forEach，参数函数用了 return false，这里似乎只是回跳出循环而不是整个 return false？ 用 while 语句就不会...

前言吹爆这个博客：awesome-coding-js，强烈建议刷完这个博客 字符串常用API：操作方法。拼接concat(), 裁剪slice(), substr(), substring()，拆分变数组split()，repeat()（接收一个大于等于0的整数为参数，返回复制这个整数倍次数的字符串）位置方法。indexof(), lastIndexof()模式匹配方法。match()（接受...

概述What & Whywhat：操作系统是管理计算机硬件和软件资源，提供用户交互界面的计算机程序Why：统一界面，操作硬件，简易地使用计算机 操作系统的基本功能 统一管理着计算机资源。eg. 处理器资源、IO 设备资源、存储器资源、文件资源 实现了对计算机资源的抽象。eg. 用户无需面向硬件接口编程； IO 设备管理软件，提供读写接口； 文件管理软件，提供操作文件接口 提供了用户与...

概述篇计算机发展的四个阶段 1946-1957，电子管计算机 1957-1964， 晶体管计算机 1964-1980， 集成电路计算机（计算机具备进入千家万户的条件；出现操作系统） 1980-至今， 超大规模集成电路计算机 未来可能有：生物计算机， 量子计算机（腾讯量子实验室，阿里达摩院）微型计算机的发展历史：从集成电路计算机开始，两个特点：受限于性能（单核到多核CPU）；摩尔定律（集成电...

语法/pattern/flags flags g：全局匹配;找到所有匹配，而不是在第一个匹配后停止 i：忽略大小写 m：多行; 将开始和结束字符（^和$）视为在多行上工作（也就是，分别匹配每一行的开始和结束（由 \n 或 \r 分割），而不只是只匹配整个输入字符串的最开始和最末尾处 … 常用字符类别 . ：匹配任意单个字符。例如，/.y/ 匹配 “y...

JS 原理的实现实现一个 Promise()Promise 的特点： new Promise 时需要传递一个函数 fn 作为执行器（执行器会立刻执行） 执行器中传递了两个参数：resolve 成功的函数、reject 失败的函数（他们调用时可以接受任何值的参数 value） promise 状态只能从 pending 态转到 resolved 或者 rejected，如果状态发生改变执行相...

HTML & CSS高度始终是宽度的 50%的盒子一个 div 垂直居中；其距离屏幕左右两边各 10px；其高度始终是宽度的 50%div 中有文本’A’；其 font—size:20px；文本水平垂直居中 12width: calc(100vw - 20px);height: calc(50vw - 10px); 上中下的 flex 布局，上下定高中间自适应 父盒子写 displ...

变量提升与var、let及const 函数提升优先于变量提升（var），函数提升会把整个函数挪到作用域顶部，变量提升只会把声明挪到作用域顶部 var 存在变量提升，我们能在声明之前使用。let、const 因为暂时性死区的原因，不能在声明前使用 var 在全局作用域下声明变量会导致变量挂载在 window 上（变成window的属性），其他两者不会 let 和 const 作用基本一致，但是...

数据类型数据类型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; ...