前端面试题含泪汇总(基础+进阶+框架+性能优化+兼容+网络请求+web安全+其他)

前端面试题含泪汇总(基础+进阶+框架+性能优化+兼容+网络请求+web安全+其他)
最新回答
手可摘星辰

2021-06-11 20:12:55

面试题汇总:基础+进阶+框架+性能优化+兼容+网络请求+web安全+其他

第一章节:面试题基础篇

1.1 HTML面试题:列举行内元素、块级元素、空元素的示例;解释页面导入样式时,link与@import的异同;解释title与h1、b与strong、i与em的区别;img的title与alt有何不同;常见图片格式如png、jpg、gif的用途。

1.2 CSS面试题:描述CSS盒子模型;区分line-height与height;CSS选择符的种类,哪些属性可继承;CSS优先级算法的计算方式;使用CSS绘制三角形;实现盒子水平垂直居中;display的值及其功能;理解BFC规范;清除浮动的方法;在网页中应使用奇数还是偶数字体及其原因。

1.3 JavaScript基础面试题:介绍延迟加载JS的方法;解释数据类型的种类;分析null与undefined的区别;解释=与===的差异;说明JS微任务与宏任务;作用域相关的考题。

第二章节:面试题进阶篇

2.1 ES6面试题:比较var、let、const的区别;作用域相关的考题;合并对象的方法;箭头函数与普通函数的区别;Promise的状态;find与filter的区别。

2.2 webpack面试题:webpack插件的使用。

2.3 Git面试题:Git常用命令;解决冲突的步骤;GitFlow工作流。

第三章节:面试题框架篇

3.1 Vue面试题:Vue2.x生命周期的解释;keep-alive的作用;v-if与v-show的区别;v-if与v-for的优先级;ref与nextTick的功能;scoped原理;实现样式穿透的方法;组件传值的途径;computed、methods、watch的区别;props与data优先级;Vuex的属性;单向数据流与双向数据流的解释;mutations与actions的区别;持久化存储的方法;Vue项目打包上线流程;SPA的缺点;路由导航守卫的应用;动态路由的实现;双向绑定原理;虚拟DOM与diff算法;MVVM框架的概念。

3.2 微信小程序面试题:自定义头部的实现;URL的不校验。

3.3 uni-app面试题:生命周期函数的使用;条件编译的应用。

第四章节:面试题性能优化篇

4.1 加载优化:提升加载速度的技术。

4.2 图片优化:图片资源的优化策略。

4.3 渲染优化:提高渲染效率的方法。

4.4 首屏优化:快速展现页面内容的技巧。

4.5 Vue优化:Vue框架的性能提升策略。

第五章节:面试题兼容篇

5.1 页面样式兼容:实现跨浏览器的兼容性。

第六章节:面试题网络请求篇

6.1 跨域面试题:跨域问题的解决。

6.2 http与https的区别:理解协议的异同。

第七章节:WEB安全篇

7.1 XSS攻击:防范跨站脚本攻击的方法。

7.2 SQL注入:避免SQL注入漏洞的策略。

7.3 接口安全:保护接口免受攻击的措施。

第八章节:其他类面试题

8.1 token:token机制的原理与应用。

8.2 SEO:搜索引擎优化的策略与实践。