框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

name: ‘海底两万里上册’,

img: require(‘…/img/1 (1).jpg’)

}, {

name: ‘人间失格月亮和六便士罗生门局外人4册套装’,

img: require(‘…/img/1 (2).jpg’)

},

{

name: ‘西游记原著正版人民文学出版社吴承恩完整版’,

img: require(‘…/img/1 (3).jpg’)

},

{

name: ‘人生十二法则’,

img: require(‘…/img/1 (4).jpg’)

},

{

name: ‘易中天中华史’,

img: require(‘…/img/1 (5).jpg’)

},

{

name: ‘朝花夕拾鲁迅原著正版无删减完整版’,

img: require(‘…/img/1 (6).jpg’)

},

{

name: ‘资治通鉴白话版全集正版原著全6册’,

img: require(‘…/img/1 (7).jpg’)

},

{

name: ‘沉默的巡游东野圭吾’,

img: require(‘…/img/1 (8).jpg’)

},

{

name: ‘海底两万里上册’,

img: require(‘…/img/1 (1).jpg’)

}

]

}

},

components:{

Header

},

computed: {

// …mapGetters([“getAddressList”, “getLoginUser”])

},

methods:{

handle(name){

alert(name+‘借阅成功！’);

},

goto(name,img) {

//直接调用$router.push 实现携带参数的跳转

this.$router.push({

path: ‘/Bookinfo’,

query: {

name: name,

img:img

}

})

},

Search() {

// search 是 v-model=“search” 的 search

var search = this.search;

if (search) {

this.searchData = this.tableData.filter(function(product) {

// 每一项数据

// console.log(product)

return Object.keys(product).some(function(key) {

// 每一项数据的参数名

// console.log(key)

return (

String(product[key])

// toLowerCase() 方法用于把字符串转换为小写。

.toLowerCase()

// indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

.indexOf(search) > -1

);

});

});

}

}

}

}