暑期带你不走偏快速学习前端开发

原型，原型链

闭包

事件循环

作用域，作用域链

提升

js异步解决方案发展和优缺点

promise

async/await

异步方案

异步

Object.prototype.toString.call() 、 instanceof 以及 Array.isArray()

类型判断

es5、es6继承除了写法外有什么区别？

继承

this的绑定规则和优先级

call 和 apply 的区别是什么，哪个性能更好一些

this

setInterval

上下文

堆和栈的区别？是数据结构还是内存？

Set、Map、WeakSet、WeakMap

new

全局作用域中，const、let不在window，在哪里？如何获取？实现原理

==转换规则

箭头函数与普通函数（function）的区别是什么？构造函数（function）可以使用 new 生成实例，那么箭头函数可以吗？为什么？

a.b.c.d 和 a['b']['c']['d']，哪个性能更高

ES6 代码转成 ES5 代码的实现思路是什么

为什么普通 for 循环的性能远远高于 forEach 的性能，请解释其中的原因。

数组里面有10万个数据，取第一个元素和第10万个元素的时间相差多少

基础

正则

柯里化

进阶

基础知识

时间复杂度

改进

冒泡排序

排序算法

复杂度

洗牌算法

算法

观察者模式

订阅者模式

设计模式

setTimeout、promise、aync/await区别

其他

哈希表

写一个单向链数据结构的 js 实现并标注复杂度

实现

数据结构

来个对象克隆函数？

深度遍历，广度遍历

算法实现

防抖节流

扁平化数组

promise.finally

Promise.all 使用、原理实现及错误处理

race

限制最大并发请求数

使用迭代的方式实现 flatten 函数

a == 1 && a == 2 && a == 3，a？

比如 sleep(1000) 意味着等待1000毫秒，可从 Promise、Generator、Async/Await 等角度实现

实现一个 sleep 函数

call、apply、bind

LazyMan('Tony').eat('lunch').eat('dinner').sleepFirst(5).sleep(10).eat('junk food');// Hi I am Tony// 等待了5秒...// I am eating lunch// I am eating dinner// 等待了10秒...// I am eating junk food

LazyMan类

其他功能实现

Proxy 实现简单的数据绑定

基础实现

手写实现

js

div 水平垂直居中

<img src="1.jpg" style="width:480px!important;”>，此代码不改如何让宽度是300px？几种方式？

无缝轮播

如何用 css 或 js 实现多行文本溢出省略效果，考虑兼容性

介绍下 BFC、IFC、GFC 和 FFC

分析比较 opacity: 0、visibility: hidden、display: none 优劣和适用场景。

css

标签

html

http2多路复用

https握手过程

HTTPS 握手过程中，客户端如何验证证书的合法性

https

中间人攻击

介绍下 http1.0、1.1、2.0 协议的区别？

为什么 HTTP1.1 不能实现多路复用

http(s)

dns

cdn

三次握手四次挥手

tcp

udp

websocket

五层结构

跨域

状态码

缓存

cookie、session、token

为什么要减少请求

定义

目的

场景

301

302

对seo的影响

替代方案

方案

参考https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/241

重定向

网络

是什么

如何优化

重绘重排

输入url到页面渲染出来的过程

V8垃圾回收机制

可以分成 Service Worker、Memory Cache、Disk Cache 和 Push Cache，那请求的时候 from memory cache 和 from disk cache 的依据是什么，哪些数据什么时候存放在 Memory Cache 和 Disk Cache中？

浏览器缓存读取规则

永久性重定向（301）和临时性重定向（302）对 SEO 有什么影响

SEO

浏览器

对前端工程化的理解？

搭建本地mock服务

引入代码检查工具

请求代理？

图片压缩

自动生成雪碧图

资源内联

根据浏览器构建

根据环境构建

构建性能（速度）优化

构建体积优化

构建

引入单元测试

引入e2e测试

pxtorem

其他插件

热更新原理

webpack 中 loader 和 plugin 的区别是什么

babel 怎么把字符串解析成 AST，是怎么进行词法/语法分析的

webpack

构建工具

如何进行前后端分离开发

mockjs实践

mockjs请求拦截原理

mockjs

前后端分离

对模块化的理解？模块化的目的是什么？

js模块化发展史？可从IIFE、AMD、CMD、CommonJS、UMD、webpack(require.ensure)、ES Module、<script type="module"> 这几个角度考虑。

css模块化

模块化

组件化

工程化

key的作用

原理

mutation 为什么不能异步

双向绑定和 vuex 是否冲突

vuex

v-if、v-show、v-html 的原理是什么，它是如何封装的

Vue 中的 computed 和 watch 的区别在哪里

Vue 中的 computed 是如何实现的

nextTick 的原理

Vue 的父组件和子组件生命周期钩子执行顺序是什么

为什么子组件不可以修改父组件prop？修改了，vue是如何监控并警告的？

双向绑定原理（Model和View如何双向修改）

React 和 Vue 的 diff 时间复杂度从 O(n^3) 优化到 O(n) ，那么 O(n^3) 和 O(n) 是如何计算出来的？

问题集

Vue

flutter

框架

组件开发

vdom的理解？是什么？为什么？

比原生DOM快？

vdom

拓展

如何开始一个或设计一个项目？考虑什么？

前端路由实现

前端路由权限

埋点目的

为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片？

埋点

登录机制

解决移动端 Retina 屏 1px 像素问题

移动端屏幕适配

如何处理中文输入（输入匹配）

骨架屏

ssr

项目设计

性能指标

vue 渲染大量数据时应该怎么优化？

vue 如何优化首页的加载速度？vue 首页白屏是什么问题引起的？如何解决呢？

如何在 H5 和小程序项目中计算白屏时间和首屏时间，说说你的思路

前端项目如何找出性能瓶颈

性能优化

登录页加密

反爬虫

xss和csrf

异常捕获

实现 token 加密

介绍下前端加密的常见场景和方法

接口如何防刷

安全

在输入框中如何判断输入的是一个正确的网址

开发问题

前端知识体系