前端面试知识点汇总

基础:

HTML:

语义化

标签

存储

CSS:

盒子模型、

定位、

层级、

过渡(transition)、

动画、

transform、

常用布局、

flex、

less、

sass

JS:

基本类型

作用域/作用域链

this使用

原型/原型链

闭包

面向对象编码

同步/异步/回调/promise/asnyc、await

模块化

框架:

Vue全家桶

1、 vue生命周期

2、 vue组件的data为何是一个函数?

3、 v-if和v-show区别

4、 computed和watch的区别

5、 vue-loader是什么?使用它的用途有哪些?

6、 $nextTick是什么

7、 v-for key的作用

8、 vue的双向数据绑定原理

9、 组件传值

10、         Prop验证,和默认值

11、         请说下封装vue组件过程

12、         Vue.js的template编译

13、         scss是什么?在vue.cli的安装使用步骤?有哪几大特性

14、         vue如何监听对象或者数组某个属性的变化

15、         vue如何获取dom

16、         v-on可以监听多个方法吗?

17、         Vue项目目录,assets和static的区别

18、         slot插槽

vuex(状态管理)

1、 怎么使用vuex

2、 Vuex有几个核心属性,分别是什么

3、 从vuex获取的数据能直接更改吗

4、 Vuex中的数据在页面刷新后数据消失

5、 mutation和action的区别

6、 在v-model上怎么使用vuex中state的值

vue-router(路由页面管理)

1、 怎么使用vue-router

2、 怎么定义vue-router的动态路由?怎么获取传过来的动态参数

3、 Vue-router的导航钩子

4、 vue路由传参

5、 路由按需加载

工程化:

babel

webpack(原理+如何配置+优化打包体积、速度)

nodejs

微信小程序

性能优化:

访问页面地址—>页面首次加载时间—>渲染完整页面时长

1、 减小资源大小(webpack)

压缩html/css/js、压缩图片/音频、消除无用代码

2、 避免同一时间,多次请求

css雪碧图、图片懒加载、列表懒加载、路由懒加载、代码分块加载(webpack)、预加载技术、小程序分包/预加载

3、 利用缓存

CDN分发、浏览器自带、localStroage/sessionStroage/cookie

移动端web开发

1、 绝对单位相对单位:px=>rem/vw/rpx

2、 弹性布局:flex、grid布局

3、 Hairline(1px的粗线处理)

4、 小程序开发相关采坑

5、 H5动画

原文地址:https://www.cnblogs.com/zhaomeizi/p/14470662.html