1.简单且必须掌握的

1.MVVM是什么

将MVC中的V变为了MVVM,实现了双向绑定。其中VM就是vue的作用,这样页面的动态化可以通过vue来操作,而不是页面直接与后端操作,实现了前后端的分离

Empty Activity Empty Views Activity 区别_大数据

Empty Activity Empty Views Activity 区别_导航栏_02

2.为什么vue采用异步渲染  ? 

Empty Activity Empty Views Activity 区别_导航栏_03

 这样可以理解为渲染节流

nextTick():异步方法,返回promise    是微任务

3.watch  computed  method

Empty Activity Empty Views Activity 区别_大数据_04

 4.

Empty Activity Empty Views Activity 区别_项目实战_05

 5.vue生命周期

Empty Activity Empty Views Activity 区别_变量提升_06

Empty Activity Empty Views Activity 区别_变量提升_07

6.null和undefied的区别

  1. null代表空对象,undefied代表声明了未定义
  2. null一般给对象赋初值,undefied一般给基本类型赋初值 
  3. null是关键字,undefied不是保留字可以作为变量名,为了安全可以通过void 0得到安全的undefied值
  4. null的typeof是object,undefied的typeof是undefied

7.let var const

  • let是es6版本,var是es5版本
  • let不可以重复声明,var可以重复声明
  • let是块级作用域,var是函数/全局作用域
  • let没有变量提升,var有变量提升
  • const需要有初始值

Empty Activity Empty Views Activity 区别_导航栏_08

 8.箭头函数和普通函数区别

Empty Activity Empty Views Activity 区别_导航栏_09

Empty Activity Empty Views Activity 区别_项目实战_10

 不用return:没有花括号  或者只有一句

9.json的理解

Empty Activity Empty Views Activity 区别_大数据_11

 

Empty Activity Empty Views Activity 区别_变量提升_12

Empty Activity Empty Views Activity 区别_导航栏_13

Empty Activity Empty Views Activity 区别_导航栏_14

Empty Activity Empty Views Activity 区别_变量提升_15

Empty Activity Empty Views Activity 区别_变量提升_16

2.有关项目的

1.如果要跨域请求,十分推荐参考这个;还有导航菜单无限极处理:v-for+递归前端面试必备:使用vue+elementui仿京东商城企业级项目【vue项目实战】_哔哩哔哩_bilibili

1.day1

Empty Activity Empty Views Activity 区别_变量提升_17

1. 使用element ui:main.js中引入并vue.use,然后可以使用

2.hash模式,history模式需要后端的支持

2.day2

Empty Activity Empty Views Activity 区别_导航栏_18

1. local页面刷新不会丢失,相当于页面关掉也不会丢失  sessionstorage浏览器关闭数据会丢失,一般选择这个。直接调用   sessionStorage.setItem()就可以存储, sessionStorage.remove()就可以清除

2.先布局  再逻辑

布局变化:首先左边栏需要router进行配置,然后点击的时候对应的路由跳转到新的页面,并且将新的页面的内容展示到<routerview>中;多级的就是在路由里面写一个children,然后就是些子请求的对象

组件,导出后直接采用组件名称作为标签引入

总结:可以实现登录,无权限不登陆:通过路由拦截,如果不满足条件就回到登录页面:router.beforeEach(function(from,to,next){XXXXX;next()}

后端整体布局:导航栏点击哪一个就在main部分展示哪个对应的内容,这里首先是点击的时候通过路由展示新的组件;点击了一个导航后,当刷新时还保留这个导航不会回到首页中:加一个:default-active="$route.path" exact;导航栏会根据后端数据显示多级:通过v-for进行展示,通过递归进行无限极的判断并展示;进入首页后展示首页导航的内容,而不是整体的空白布局:需要在整体布局中进行重定向,将进入后在main部分重定向到首页:redirect:'./XXX',其中./表示同级地址;面包屑怎么与导航栏同步:首先我们知道导航栏是通过路由进行变化的,因此在面包屑部分需要获取到路由的全部信息create(){this.list=this.$route.matched},然后监听路由的变化实现同步watch(to,from){this.list=to.matched};图片资源的引入:require(‘@图片地址’)

整体上的流程跳转都实现好以后,接下来就是对每一个组件进行完善,页面设计以及展示

2.【仿美团APP前端项目实战开发】前端程序员必备的JavaScript项目实战,找工作涨薪面试简历必备的一个前端项目_前端入门级项目实战

Empty Activity Empty Views Activity 区别_导航栏_19

p4.项目代码规范  命名方式

p5.

3.书籍学习

1.正则

正则中\b表示边界处  \D表示与\d相反的那些,即不是数字   \s是代表空格

2.ES6标准入门(第2版)

1.let:块级作用域(作用是可以防止内部变量被外部的覆盖;防止记录循环的局部变量泄露为全局变量)  不存在变量提升 不可以重复声明 暂时性死区