框架相关
原生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
);
});
});
}
}
}
}