最后
我可以将最近整理的前端面试题分享出来,其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等,还在持续整理更新中,希望大家都能找到心仪的工作。
篇幅有限,仅展示部分截图:
import Top from './components/Top.vue'
import Bottom from './components/Bottom.vue'
import List from './components/List.vue'
export default {
name: 'App',
components: {
Top,
List,
Bottom
},
data() {
return {
todos: [{
id: '001',
title: '吃饭',
done: true
},
{
id: '002',
title: '睡觉',
done: false
},
{
id: '003',
title: '打豆豆',
done: false
},
]
}
},
methods: {
//添加一个todo
received(todoObj) {
this.todos.unshift(todoObj);
},
//取消勾选todo
checkTodo(id) {
this.todos.forEach((todo) => {
//函数体
if (todo.id === id) todo.done = !todo.done;
})
},
//删除
deleteTodo(id) {
this.todos = this.todos.filter(todo => todo.id !== id)
},
//全选 全不选
checkAllTodo(done) {
this.todos.forEach((todo) => {
todo.done = done
})
},
//清除所有已经完成的数据
clearAllTodo() {
this.todos = this.todos.filter((todo) => {
return !todo.done
})
}
}
}
/*base*/ body { background: #fff; } .btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 4px; } .btn-danger { color: #fff; background-color: #da4f49; border: 1px solid #bd362f; } .btn-danger:hover { 其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。 这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的) **[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)** 《前端开发四大模块核心知识笔记》  最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。 我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。