前端面试知识点复习（持续更新）

前端全自学小白周一收到字节跳动抖音前端开发周三面试通知，情急之下的佛脚一则。
内容来源：
https://www.jianshu.com/p/70ff586f8e96?utm_source=desktop&utm_medium=timeline

html

html5的新特性（重要）
https://www.cnblogs.com/binguo666/p/10928907.html
websocket理解和使用
https://www.runoob.com/html/html5-websocket.html
浏览器模型常见对象
https://www.cnblogs.com/clean/p/7607164.html
Cookie、sessionStorage、localStorage的理解和区别
https://blog.csdn.net/weixin_42614080/article/details/90706499
页面dom渲染过程，重排和重绘
https://www.cnblogs.com/duanlianjiang/p/5032286.html
文件上传实现
https://www.cnblogs.com/zhaozhenghao/p/11376768.html
https://www.cnblogs.com/viewts/p/10820785.html
web storage和cookie的区别
https://www.cnblogs.com/miluluyo/p/11109033.html

css

行内元素与块级元素区别
https://blog.csdn.net/qq_40283423/article/details/84941832
flex布局（重要）
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
css预处理器less、sass
https://www.cnblogs.com/nayek/p/11747751.html
css3新特性（重要）
https://www.jianshu.com/p/56b7302d7f7f
伪元素before和after的用法
https://www.cnblogs.com/wonyun/p/5807191.html
伪元素相关：
https://www.w3school.com.cn/css/css_pseudo_elements.asp
display、float、position（重要）的关系
https://www.jianshu.com/p/e8a8f4224464
https://www.iteye.com/blog/zccst-2193102
盒模型（重要）
https://www.runoob.com/css/css-boxmodel.html
https://www.jianshu.com/p/824eed8ce119
水平和垂直居中方法（重要）
https://www.cnblogs.com/yugege/p/5246652.html
https://blog.csdn.net/wsymcxy/article/details/82389779
上下两个div设置margin为20px，两个div的间距是多少，为什么
https://blog.csdn.net/jiwei_1234____5/article/details/104109356
BFC
https://blog.csdn.net/sinat_36422236/article/details/88763187
grid
http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
animation
https://www.runoob.com/cssref/css3-pr-animation.html
css中的单位
https://www.w3school.com.cn/cssref/css_units.asp
margin和padding的区别
https://www.cnblogs.com/zxnn/p/8186225.html

JS
https://blog.csdn.net/cc9200/article/details/101765967
14. es6新特性（重要）
https://www.jianshu.com/p/ac1787f6c50f
15. promise异步和async/await（重要）
https://segmentfault.com/a/1190000016788484
https://www.jianshu.com/p/bf27abc56ccf
15. 浅拷贝和深拷贝的理解，实现深拷贝
https://zhuanlan.zhihu.com/p/73853308
16. dom事件流，事件委托
https://blog.csdn.net/u014465934/article/details/87915995
17. 跨域的理解和解决方法
https://www.jianshu.com/p/79daa0d45aac
18. Array对象的一些常用方法
https://blog.csdn.net/tangxiujiang/article/details/79612935
19. js数据类型：undefined、null、boolean、number、string、object、function、array（重要）
https://blog.csdn.net/weixin_30810583/article/details/97933682
20. jquery链式调用实现原理（重要）
https://blog.csdn.net/major_zhang/article/details/81709332
https://www.cnblogs.com/songqun/p/6017951.html
21. 防抖和节流
https://segmentfault.com/a/1190000018428170
https://www.cnblogs.com/momo798/p/9177767.html
22. 如何判断一个变量是数组类型还是对象类型
https://blog.csdn.net/qq_34035425/article/details/82421513
https://www.cnblogs.com/dreamingbaobei/p/9803491.html
23. for in for of forEach map的区别
https://blog.csdn.net/qq_32657025/article/details/79537340
24. 模块机制，amd和commonjs
https://blog.csdn.net/arsaycode/article/details/78959780
https://www.cnblogs.com/moxiaowohuwei/p/8692359.html
25. this对象和bind,call函数使用
https://blog.csdn.net/a695993410/article/details/80155454
26. prototype原型对象的理解，实现一个方法，传入一个string类型的参数，然后将string的每个字符间加个空格返回
https://blog.csdn.net/flyingpig2016/article/details/53048394
27. 函数申明与函数表达式的区别
Javascript 中函数声明和函数表达式是存在区别的，函数声明在JS解析时进行函数提升，因此在同一个作用域内，不管函数声明在哪里定义，该函数都可以进行调用。而函数表达式的值是在JS运行时确定，并且在表达式赋值完成后，该函数才能调用。
https://www.cnblogs.com/chaoyuehedy/p/9110063.html
28. arguments对象，定义log代替console.log
https://www.cnblogs.com/huangwenjietk/p/10850307.html

function log(msg)　{
  console.log(msg);
}
function log(){
  console.log.apply(console, arguments);
};

上下文的理解,如何确保可以访问到count

var User = {
  count: 1,
  getCount: function() {
    return this.count;
  }
};

console.log(User.getCount());
var func = User.getCount;
console.log(func());
// 1和undefined。

var func = User.getCount.bind(User);
console.log(func());

函数式编程,实现函数multi(2)(3)(4)=24

function multi(n){
  var fn = function(x) {
    return multi(n * x);
  };
  fn.valueOf = function() {
    return n;
  };
  return fn;
}
multi(1)(2)(3)(4) == 24; // true

DOM（重要）
https://blog.csdn.net/qq_40471415/article/details/89319671
BOM（重要）
https://blog.csdn.net/liujie19901217/article/details/51039750
Ajax（重要）
https://www.runoob.com/ajax/ajax-tutorial.html
JSON
https://www.w3school.com.cn/json/index.asp
https://www.jianshu.com/p/658ac368e478
Javascript框架理解（重要）
https://www.cnblogs.com/fundebug/p/9181621.html
https://www.ibm.com/developerworks/cn/web/wa-jsframeworks/
跨域问题
https://blog.csdn.net/yup1212/article/details/87633272
https://www.cnblogs.com/ysocean/p/9380551.html
this（重要）
https://www.cnblogs.com/pssp/p/5216085.html
https://www.cnblogs.com/halao/p/11512791.html
== 和 ===的区别
https://www.cnblogs.com/nelson-hu/p/7922731.html
get和post
https://www.cnblogs.com/chengchengla1990/p/9004797.html
promise（重要）
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise
https://www.liaoxuefeng.com/wiki/1022910821149312/1023024413276544

VUE（和ajax都很重要）

vuex的原理（重要）
http://www.imooc.com/article/291242
https://www.jianshu.com/p/d95a7b8afa06
vue-router传参和监听变化
https://blog.csdn.net/weixin_37861326/article/details/80525720
过滤器和指令的使用，是否使用过全局过滤器
https://www.cnblogs.com/21-forever/archive/2019/06/29/11105567.html
https://www.cnblogs.com/520yh/p/11684400.html
组件通信方式了解几种？
https://segmentfault.com/a/1190000019208626
计算属性compute和侦听器watch，可否修改compute里的值，怎么改
https://blog.csdn.net/MiemieWan/article/details/83749112
slot插槽，slot-scope使用
https://blog.csdn.net/qq_40616529/article/details/94033417
this.$nextTick的用法
https://www.cnblogs.com/jin-zhe/p/9985436.html

REACT（没用过就不用管）

创建组件的方式
https://blog.csdn.net/qishuixian/article/details/85984403
redux工作流程
https://www.cnblogs.com/goodjobluo/p/9077010.html
组件生命周期
https://www.runoob.com/react/react-component-life-cycle.html
react-router-v4理解
https://www.cnblogs.com/ruoshuisanqian/p/10848153.html
高阶组件
https://www.jianshu.com/p/5dea58b49d0e
https://react.docschina.org/docs/higher-order-components.html

小程序

谈谈你对小程序开发的理解
https://www.cnblogs.com/jiqing9006/p/8986794.html
小程序点击按钮传参是怎么做的
https://blog.csdn.net/c0411034/article/details/100426807
小程序开发中是否用了框架，ui组件样式怎么写的
https://www.cnblogs.com/jonezzz/p/9856197.html
登录流程
https://www.cnblogs.com/gaollard/p/9597366.html

专业知识

HTTP
https://blog.csdn.net/qq_36908872/article/details/80602437
TCP和UDP
https://www.cnblogs.com/williamjie/p/9390164.html
为什么HTTPS安全
https://www.cnblogs.com/zhangsanfeng/p/9125732.html
https://www.cnblogs.com/zhangsanfeng/p/9125732.html
三次握手和四次挥手（重要）
https://blog.csdn.net/qq_38950316/article/details/81087809

算法
上学期刚刚考完的算法就忘得一干二净了。。。
排序（重要）、动态规划（0-1背包）、贪心、二叉树及其遍历、单链表反转（重要）、取质数、找数组中和为给定数的两个元素、线性顺序存储和链式存储的区别优缺点

切图
https://baike.baidu.com/item/切图/9435981?fr=aladdin
https://www.cnblogs.com/padding1015/p/7085539.html

其他

前端性能优化（重要）https://www.jianshu.com/p/f7beecc77033
交互流程
http://www.visionunion.com/article.jsp?code=201907010030
用户体验
用户需求

Annkor

发布了4 篇原创文章 · 获赞 9 · 访问量 249

私信关注

前端面试知识点复习（持续更新）

猜你喜欢