前端杂学1

Posted 2023-03-07 Coding With you.....

1.简单且必须掌握的

1.MVVM是什么

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

2.为什么vue采用异步渲染  ？    调用1次nexttick

 这样可以理解为渲染节流

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

3.watch  computed  method

 4.

 5.vue生命周期

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需要有初始值

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

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

9.json的理解

 

2.有关项目的

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

1.day1

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

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

2.day2

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项目实战，找工作涨薪面试简历必备的一个前端项目_前端入门级项目实战_哔哩哔哩_bilibili

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

p5.

3.书籍学习

1.正则

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

2.ES6标准入门（第2版）

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