知识点 check list
Don’t be anxious, just do it.
JS
- 浏览器缓存
- 性能优化 地址栏输完 url， 回车之后，浏览器做了哪些工作
- JS数据类型 基本数据类型和复杂类型的区别
- js prototype的理解
- js 中
__proto__和prototype的区别和关系 - 判断变量是数组的方法
- 原型与原型链
- new 一个对象的过程
- JS 函数实参转换为数组
- typeof instanceof 底层原理实现
- this指向,箭头函数特点
- 事件轮询, promise, async await
- Promisetry产生的初衷 可以用catch吗 什么是Promise.try
- script 标签 defer async
- axois实现原理
- 对象、数组、map、set，等遍历的方法，分别怎么用的，什么原理（想要for of能遍历原型上的东西，可以用iterator）
- 跨域以及使用cors浏览器需要做什么处理 为什么要跨域，为什么要有事件轮询的机制 限制了什么，主要是限制cookie
- 各种继承方案（主要是红宝书里的）
- 三次握手，四次挥手详细了解，对https的了解
- cookie和session区别（cookie的数据是服务端返回后通过什么存到浏览器的，然后跨域会到服务器么，（分两个阶段）， cookie知多少包括用法，特性，domain和基本封装）
- 防止js攻击，xss crfs知多少
- 预编译以及变量声明提升函数提升等
- Websocket
- 对浏览器兼容性的理解和方法或者做过哪些兼容性处理
- 正则表达式匹配（转换时间，验证手机号等）
- symbol作用
- es5和es6区别
- es5实现es6的class
JS 算法
- 数据去重
- 去掉首尾空格
- 排序
- 深度拷贝
- 斐波那契数列求和
- js操tabletable作并对排序
- 找出所有乘数
CSS
- flex(需要详细说明每个属性),flex1是什么
- positionsticky
- 盒模型
- 百分比和vh的区别，height 100%和100vh的区别
- em,rem计算
- 垂直居中方式
- BFC相关知识
- 重排触发重新绘制的原理
- 节流防抖实现
React
- 做过和哪些回流和重绘相关的优化
- 虚拟dom的diff
- useEffect
- hook
- 新的声明周期
- immutablereselect和有什么好处
- 生命周期hook
- react列表key
Vue
- vue双向绑定的原理（vue答双向绑定的时候结合一些complie和watcher等流程答）（complie编译器编译的都是哪些东西，怎么抄编译的，把什么编译成什么）
- 实现一个vue底层的简单监听函数，就是实现订阅者发布者模式
- vue父子组件传值（多种方式）以及vuex
- vue生命周期及每阶段都能做什么（vue父子组件嵌套生命周期的顺序）
- vue router跳转的原理（刷新不刷新）
- vue的高级用法
- vuex是否是持久化的，持久化是需要结合本地缓存么
- seo渲染是在服务器端的，会出现白屏情况，vue渲染是会先加载结构的，慢慢渲染
- vue兼容性（2.0版本）（ie9以下不兼容因为object.defineProperty的兼容性）
- vue源码知多少
- jquery和vue区别和react的区别，mvc和mvvm框架区别，模块化那些区别
- props穿的数据和data里数据的区别
- Vue首次渲染页面时触发了哪些生命周期，props传数据时又触发了哪些生命周期
- vuex的api可以set（也能实现数据劫持），v-html，v-for, v-if同时用会怎么样，v-once，插槽等
Webpack
- 做过哪些优化
- 手写一个尽量多功能的webpack（快手问的QAQ）
h5
- 项目遇到的问题及解决方式
Ts
- 为什么要是用Ts
开放题
- 如何设计组件table或UI
其它
- IndexDB
- 数据库选型
- link用法原理能干啥与@import区别等
- 浏览器几个标签页之间怎么传递数据
- Flutter
- nginx 常用配置
js 异步编程
- 回调
- 事件监听
- 发布/订阅
- promise
- generator yield;
- async wait (终级方法)
promise 使用以及实现
击鼓传花， 每隔n出列一个人，求最后那个
mobox原理
node使用场景
柯理化实现
两个数组求交集
合并两个有序数组为一个有序数组
无序数组中的最大数和第二大数
Vue如何实现双向绑定
template模版编译过程
vue router 实现原理
navigator 实现原理
webpack 源码分析
https原理和tcp协议原理
http缓存问题
vuex的设计模式
深拷贝
数组去重
如何快速创建一个长度为100数值为1的数组
node next
盒子模型
垂直居中
flex布局跟浮动布局
排序算法
判断对象和数组
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Lee Blog！
相关推荐
2020-02-27
JS dom元素位置相关的内容
offsetWidth: 返回元素的宽度（包括元素宽度 + 内边距 + 边框，不包括外边距） offsetHeight: 返回元素的高度（包括元素高度 + 内边距 + 边框，不包括外边距） clientWidth: 返回元素的宽度（包括元素宽度 + 内边距，不包括边框和外边距） clientHeight: 返回元素的高度（包括元素高度 + 内边距，不包括边框和外边距） style.width: 返回元素的宽度（包括元素宽度，不包括内边距、边框和外边距） style.height: 返回元素的高度（包括元素高度，不包括内边距、边框和外边距） scrollWidth: 返回元素的宽度（包括元素宽度 + 内边距 + 溢出尺寸，不包括边框和外边距），无溢出的情况，与clientWidth相同 scrollHeigh: 返回元素的高度（包括元素高度 + 内边距 + 溢出尺寸，不包括边框和外边距），无溢出的情况，与clientHeight相同 style.width...
2020-02-29
JS new 一个对象的过程
首先让我回忆一下创建对象的三种方法 单休模式 1234567891011const Person = { name: "angelee", sayname: function() { return this.name; }}let ahui = Object.create(Person);ahui.name = "ahui"console.log(ahui.sayname()) // ahui 构造函数 123456789const Person = function (name) { this.name = name;}Person.prototype.sayname = function () { return this.name;}let ahui = new Person("ahui");console.log(ahui.sayname()); // ahui ES6...
2020-02-15
JS __proto__和prototype的区别和关系
首先，看别人怎么说的：1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)也是对象。它们都会具有对象共有的特点:对象具有属性 __proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。 2.方法(Function)方法这个特殊的对象，除了和其他对象一样有上述 __proto__...
2020-02-29
JS 函数实参转换为数组
实际参数在函数中我们可以使用 arguments 对象获得 （注：形参可通过 arguments.callee 获得），虽然 arguments 对象与数组形似，但仍不是真正意义上的数组。 0: […arguments]这个方法其实是用来代替下边方法一的 一：通过 Array.prototype属性调用 slice 方法1const args = Array.prototype.slice.call(arguments) Array 本身是没有 slice 方法，它的方法在 Array.prototype中，而我们在调用 slice 方法的时候，如果在 Array 本身没有找到 slice 方法的话，会通过它的原型链往上查找。 二. 通过调用[]的slice方法1const args = [].sclice.call(arguments, 0) 注意这里是[]， 不是 Array,为什么呢？ 先看下边 12345typeof []; // objecttypeof Array; // Funcion[].__proto__ === Array.prototype;...
2020-02-29
JS prototype
在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascript中不是基于‘类的’，而是通过构造函数（constructor）和原型链（prototype...
2020-03-01
JS typeof instanceof 你应该知道这么多
typeof主要是用来判断一个变量的类型 几个特殊的情况记一下： 123456typeof null // objecttypeof {} // objecttypeof [] // objecttypeof Object // functiontypeof Function // functiontypeof undefined // undefined 看到上边 typeof Object 的结果是 function 这里其实因为 Object 是一个构造函数， 而不是一个真正的对象， 只有实例化之后才会给出 object的结果 可以看一下下边代码： 1234console.log(typeof Object); // functionlet ahui = new Object();console.log(typeof ahui); // object 再看到上边： typeof null typeof {} typeof [] 结果都是 object， 很显然， 我们是不能通过 typeof...
