总结一些前端面试必会的知识,将笔记整理跟大家分享,希望对大家有所帮助。
如果大家喜欢,可以点赞或留言我再继续更新面试题~~~~,谢谢大家~~~
🧃 HTML篇
HTML面试总结文章链接:juejin.cn/post/699163…
HTML5 有哪些新特性?
Doctype作⽤? 严格模式与混杂模式如何区分?它们有何意义?
如何实现浏览器内多个标签页之间的通信?
行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素和块级元素有什么区别?
简述一下src与href的区别?
浏览器本地存储 cookies,sessionStorage,localStorage 的区别?
XML和JSON的区别?
浏览器是如何渲染页面的?
iframe 的优缺点?
Canvas 和 SVG 图形的区别是什么?
🍷 CSS篇
CSS面试总结文章链接:juejin.cn/post/699201…
px rem em区别?
display:none和visibility:hidden的区别?
CSS中 link 和@import 的区别是?
介绍一下box-sizing属性和盒模型?
CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算?CSS3新增伪类有那些?
position的值, relative和absolute分别是相对于谁进行定位的?
CSS3有哪些新特性?
对BFC规范的理解?
常见兼容性问题?
清除浮动有哪些方法?
实现两栏布局的方式?(假设左侧宽200,右侧自适应-)
实现三列布局的方式?(假设高度已知,请写出三栏布局,其中左右宽度各为300px,中间自适应)
垂直水平居中?
三角样式
🍸 JS篇
js面试总结文章链接:juejin.cn/post/698422…
1、前++、后++、区别?
2、JS 有哪些数据类型?
3、js判断类型?
4、数据类型怎么检测?
5、Js数组的方法
6、JS中的Array.splice()和Array.slice()方法有什么区别?
7、数值转换
8、什么是跨域,常见跨域
9、http协议
10、HTTP状态码
11、说说你对闭包的理解?
12、如何阻止事件冒泡?
13、如何阻止默认事件?
14、事件代理
15、添加 删除 替换 插入到某个节点的方法?
16、document load 和document ready的区别?
17、Javascript的事件流模型都有什么?
18、null和undefined的区别?
19、call() 和 .apply() 的区别和作用?
20、mvc和mvvm模式原理
21、JS为什么要区分微任务和宏任务?
22、setTimeout和setInterval
23、深拷贝浅拷贝
24、重排重绘
25、防抖和节流?
26、一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
27、说说TCP传输的三次握手策略
28、说说你对语义化的理解?
29、你如何对网站的文件和资源进行优化?
30、请说出三种减少页面加载时间的方法?
31、js延迟加载的方式有哪些?
32、你有哪些性能优化的方法?
33、异步加载和延迟加载
34、GET和POST的区别,何时使用POST?
35、平时如何管理你的项目?
36、你如何优化自己的代码?
37、什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
38、网站重构的理解?
39、什么叫优雅降级和渐进增强?
40、栈和队列的区别?
41、栈和堆的区别?
42、对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?
43、数组去重indexOf
44、es6方法数组去重
45、冒泡排序
46、获取url中的参数
47、降维数组
48、js判断一个字符串中出现次数最多的字符,统计这个次数
49、写一个function,清除字符串前后的空格。(兼容所有浏览器)
50、如何用jquery禁用浏览器的前后进退按钮?
51、程序中捕获异常的方法?
52、js排序
🍹 ES6篇
ES6相关总结文章链接:juejin.cn/post/698013…
Map、Set
Maps 和 Objects 的区别?
for in 、for of区别?
var let const的区别?
箭头函数的理解?
普通函数和箭头函数区别?
使用箭头函数应注意什么?
关于then()方法的理解
promise原理实现
🍹 vue篇
vue面试总结文章链接:juejin.cn/post/699237…
1、那首先谈谈你对Vue的理解吧?vue.js是什么?
2、Vue与Angular以及React的区别?
3、vue 的生命周期?
4、vue生命周期的作用是什么?
5、vue生命周期总共有几个阶段?
6、第一次页面加载会触发哪几个钩子?
7、vue获取数据在哪个周期函数?
8、mvvm 框架是什么?
9、Vue中双向数据绑定是如何实现的?
10、vue是如何实现响应式数据的呢?(响应式数据原理)❗
11、vue中是如何检测数组变化的呢?
12、vue组件中的data为什么是函数?
13、分别简述computed和watch的使用场景?
14、created和mounted的区别?
15、vue-router的两种模式?
16、params和query的区别?
17、组件之间传值?
18、$nextTick的使用?
19、< keep-alive></ keep-alive>的作用是什么?
20、为什么使用key?
21、v-show和v-if指令的共同点和不同点?
22、如何让CSS只在当前组件中起作用?
23、如何获取dom?
24、说出几种vue当中的指令和它的用法?
25、v-modal的使用?
26、请说出vue.cli项目中src目录每个文件夹和文件的用法?
27、assets和static的区别?
28、v-on可以监听多个方法吗?
29、vue的两个核心点
30、vue和jQuery的区别
31、delete和Vue.delete删除数组的区别
32、axios的特点有哪些
33、vue初始化页面闪动问题
34、vue更新数组时触发视图更新的方法
35、vue常用的修饰符?
36、vuex相关问题
37、vuex是什么?怎么使用?哪种功能场景使用它?
38、关于VueX
39、使用Vuex的目的
40、Vuex 的五大核心
🥂 微信小程序篇
小程序面试总结文章链接:juejin.cn/post/699311…
1、简单描述下微信小程序的相关文件类型?
2、小程序的双向绑定和vue哪里不一样?
3、小程序页面间有哪些传递数据的方法?
4、小程序的生命周期函数
5、微信小程序的优劣势
6、如何实现下拉刷新
7、bindtap和catchtap的区别是什么?
8、简述下 wx.navigateTo(), wx.redirectTo(), wx.switchTab(), wx.navigateBack(), wx.reLaunch()的区别?
9、登录流程?
10、常用指令
本篇文章可能只是适用于初中级的前端,大家酌情阅读😊~~~
如果大家有更好的题目欢迎评论区哦,我们一起mark一个大的面试题库💪
如果大家喜欢,可以点赞或留言我再继续更新面试题~~~,谢谢大家💕💕💕~~~