StudyNotes

学习笔记持续更新中……

目录

Javascript专题

2.1.1. jQuery整体架构-核心功能函数揭秘

2.2.1. 选择器

2.3.1. Callbacks入门&原理分析

3.1.4. rest参数&underscore创建对象方式

3.1.4. underscore中你发现了什么?

3.2.1 & 2 & 3. Underscore辅助功能篇

3.4.1. 偏函数(partial) & 缓存(memoize)使用场景 源码分析

3.4.3. throttle 与 debounce 概念解析源码实现

3.5.5. template模板引擎设计

4.0 JavaScript模块化编程

专项分析

正则表达式

Javascript常见面试专题

js基础

谈谈你对原型链的理解？ ✨

如何判断是否是数组？

ES6模块与CommonJS模块有什么区别？

聊一聊如何在JavaScript中实现不可变对象？

JavaScript的参数是按照什么方式传递的？

js有哪些类型?

为什么会有BigInt的提案？

null与undefined的区别是什么？

0.1+0.2为什么不等于0.3？

类型转换的规则有哪些？

类型转换的原理是什么？

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

for in 和for of的区别

js机制

解释下变量提升？✨

一段JavaScript代码是如何执行的？✨

JavaScript的作用域链理解吗？✨

谈一谈你对this的了解？✨

箭头函数的this指向哪里？✨

理解闭包吗？✨

js内存

讲讲JavaScript垃圾回收是怎么做的？

JavaScript的基本类型和复杂类型是储存在哪里的？

异步

async/await 是什么？

async/await 相比于Promise的优势？

css常见面试专题

CSS选择器的优先级是怎样的？✨

有哪些方式（CSS）可以隐藏页面元素？

em\px\rem区别？

块级元素水平居中的方法？

块级元素，行内块级元素，内联元素？

CSS有几种定位方式 (position) ？

如何理解z-index？✨

如何理解层叠上下文？✨

清除浮动有哪些方法？

你对css sprites的理解，好处是什么？

谈谈对BFC的理解✨

你对盒模型的理解✨

标准盒模型和怪异盒模型有什么区别？✨

你对flex的理解？✨

你对grid的理解？✨

伪类和伪元素的区别是什么？

为什么有时候人们用translate来改变位置而不是定位？

关于CSS的动画与过渡问题

CSS scroll-behavior

ul内部除最后一个li以外设置右边框效果

flex: 1的完整写法？分别是什么意思？

css超出省略怎么写？

css预处理器，Less带来的好处？

html常见面试专题

doctype的作用是什么？✨

HTML、XHTML、XML有什么区别

浏览器乱码的原因是什么？如何解决？

常见的浏览器有哪些？什么内核？

什么是data-属性？

你对HTML语义化的理解？✨

HTML5与HTML4的不同之处？

有哪些常用的meta标签？

src和href的区别？

知道img的srcset的作用是什么？（追问）

还有哪一个标签能起到跟srcset相似作用？（追问）

有几种前端储存的方式？✨

这些方式的区别是什么？（追问）✨

Html5有哪些新特性？如何处理Html5性标签的浏览器兼容问题？如何区分Html和Html5？

请说明Html布局元素的分类有哪些？应用场景是哪些？

浏览器与新技术

常见的浏览器内核有哪些?

浏览器的主要组成部分是什么？

浏览器是如何渲染UI的？(webkit主流程)

浏览器如何解析css选择器？

DOM Tree是如何构建的？(待深入理解)

浏览器重绘与重排的区别？

如何触发重排和重绘？

如何避免重绘或者重排？(待深入理解)

前端如何实现即时通讯？(待深入)

什么是浏览器同源策略？

如何实现跨域？

深入理解浏览器的缓存机制 ✨

多进程架构中有哪些多进程?

Chrome进程架构

TCP协议：保证页面文件完整的送达浏览器

网络模型 OSI & TCP/IP

浏览器端发起HTTP请求流程

服务器端处理HTTP请求流程

从输入URL到页面展示这中间发生了什么

HTML,CSS,JavaScript是如何变成页面的？

变量提升

为什么会出现栈溢出

块级作用域：var缺陷以及为什么要引入let和const

JavaScript是如何支持块级作用域的

作用域链和闭包：代码中出现相同的变量，JavaScript引擎如何选择

垃圾回收：垃圾数据如何自动回收

编译器和解析器：V8如何执行一段JavaScript代码的

该如何实现多种类型文件的下载呢？

HTTP/1.1的优点和缺点

HTTP/2 的多路复用

浏览器安全：页面安全

跨站脚本攻击XSS

CSRF攻击

沙盒：页面和系统之间的隔离墙（系统安全）

HTTPS：让数据传输更安全 (网络安全)

常见的手写编程题

new的模拟实现

call和apply的模拟实现

JavaScript深入之bind的模拟实现

防抖 & 节流

深浅拷贝

手写Promise

手写数组去重、扁平化函数

React面试专题

详解React生命周期

ReactDOM与表单

高阶组件

详解Virtual DOM

react16废弃的生命周期，原因?

聊一聊 hooks 怎么处理生命周期？

深入 setState 机制

setState 循环调用风险

详解 React 16 的 React Fiber && Diff 策略

React 16 之前不足

什么是Fiber

React 如何实现调度

React中的性能优化

React事件机制

react生态：

React-router原理

Redux原理

Webpack专题面试题

webpack的核心概念

常用的loader

常用的plugin

如果现在需要引入一种文件，比如.wy类型的文件，那么应该配置loader还是plugins？请说明理由。

通过npm run build命令打包和直接输入webpack命令打包，有什么区别？

请说明Babel-loader，babel-core和babel-preset之间是什么关系？

请写一个通用的.babelrc配置，要求能够兼容到ie8

请列举编译css所需要用到的loader和它们的顺序。

尝试写一个具有404页面的webpack-dev-server

webpack工作原理

编写loader

雪碧图的处理

如何用webpack来优化前端性能?

如何提高webpack的打包速度?

webpack与grunt、gulp的不同？

创建Plugin

开启模块热替换

Tree Shaking原理

webpack是如何实现动态导入的

计算机基础

HTTP专题

HTTP有哪些方法？

这些方法的具体作用是什么？

GET和POST有什么区别？✨

PUT和POST都是给服务器发送新增资源，有什么区别？

PUT和PATCH都是给服务器发送修改资源，有什么区别？

http的请求报文是什么样的？✨

http的响应报文是什么样的？✨

聊一聊HTTP的部首有哪些？✨

聊一聊HTTP的状态码

同样是重定向307，303，302的区别？

HTTP的keep-alive是干什么的？

为什么有了HTTP为什么还要HTTPS？

HTTPS是如何保证安全的？✨

HTTP2相对于HTTP1.x有什么优势和特点？

HTTP的缓存的过程是怎样的？✨

什么时候会触发强缓存或者协商缓存？✨

TCP专题

TCP 的特性

请简述TCP\UDP的区别

说一说OSI七层模型

讲一下三次握手？✨

讲一下四次握手？✨

安全

有哪些可能引起前端安全的的问题?

XSS分为哪几类?

如何预防XSS?

CSRF是什么?

CSRF的攻击类型?

如何预防CSRF?

网络劫持有哪几种?

如何应对网络劫持?

性能优化专题

工程化专题

babel 原理， 写一个babel

数据结构与算法

排序算法

介绍一下快排原理以及时间复杂度，并实现一个快排

洗牌算法

插入排序

希尔排序

归并排序

查找算法

二分查找算法与时间复杂度

勘误及提问

如果有疑问或者发现错误，可以在相应的 issues 进行提问或勘误。

如果喜欢或者有所启发，欢迎 star，对作者也是一种鼓励。

License

所有文章采用[知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议]

字符串相乘 删除字符串中出现次数 >= 2 次的相邻字符 滑动窗口最大值问题 常数时间插入、删除和获取随机元素