基础:
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动画