前言
在逛技术网站时，在一篇文章上面看到了一条评论，这条评论仁者见仁智者见智。我独自放出来说，是因为他讲到了 根底。根底是重要的一个学习环节，在面试中很多问题都不难，都是根底上内容，回不回的上就看你根底是否牢固了，面试官也从中晓得你学的怎么。
评论
我因为学习趣味浓，从测试到 java 到前端一路学过来，当初就处于什么都懂，什么都半桶水的难堪场面。我因为喜爱前端界面而慢慢的专一于前端。广和精，这一对矛盾又对立的兄弟，在前端折腾死了很多人，我面试过的一些公司，一些说你深度不够，一些说你太过狭窄，聊下来我就想打人。
我静下来缕了一下，前端倒退应该是根底肯定要精（三大根底：html, js, css），因为前端所有的新技术都是基于这三门技术，离不开他们；其余基于这些扩大进去的不论是框架、技术，能够广。罕用的要相熟，没法实际的要理解，平时能够做些小我的项目，甚至设置一个小我的项目，一直的用新技术去实现这个小我的项目。底层精，下层广，这就是一个扎实的前端技术工程师。
对于前端方向，说实话任何一个方向真的都能够深挖，做 css，能够钻研 css 的很多利用,；做 html5，更是有成千上万的需要。前提是要先生存下来，有站着的资本，而后才能够走你本人的方向。大神之所以自在，是因为有了生存根底，他们能够腾出手来做感兴趣的钻研了。
小编这篇不讲根底学什么、怎么学，打算前面独自写一篇详讲。这篇时把对于 vue、js、css 这三方面根底整顿了 3 套面试题，html 在面试中问的不多，没有去整顿但有须要的小伙伴们评论通知小编，小编后续更新。
Vue 面试题总结
vue-cli 工程
- 构建的 vue-cli 工程都到了哪些技术，它们的作用别离是什么？
- vue-cli 工程罕用的 npm 命令有哪些？
- 请说出 vue-cli 工程中每个文件夹和文件的用途
- 请你具体介绍一些 package.json 外面的配置
vue 外围知识点
- 对于 Vue 是一套渐进式框架的了解
- vue.js 的两个外围是什么？
- 请问 v-if 和 v-show 有什么区别
- vue 罕用的修饰符
- v-on 能够监听多个办法吗？
- vue 中 key 值的作用
- vue-cli 工程降级 vue 版本
- vue 事件中如何应用 event 对象？
- $nextTick 的应用
- Vue 组件中 data 为什么必须是函数
- v-for 与 v-if 的优先级
- vue 中子组件调用父组件的办法
- vue 中 keep-alive 组件的作用
vue-router
- vue-router 如何响应 路由参数 的变动？
- 残缺的 vue-router 导航解析流程
- vue-router 有哪几种导航钩子（导航守卫）？
- vue-router 传递参数的几种形式
- vue-router 如何定义嵌套路由？
- <router-link></router-link> 组件及其属性
- vue-router 实现路由懒加载
- vue-router 路由的两种模式
- history 路由模式配置及后盾配置
UI 款式
- vue 组件的 scoped 属性的作用
- 如何让 CSS 只在以后组件中起作用？
- vue 中罕用的 UI 组件库
- 如何适配挪动端？【经典】
- 挪动端媒体查问
- vue 内容垂直和程度居中
- vue-cli 引入图片的办法
- 挪动端常见款式问题
- 文本超出暗藏
MVVM 设计模式
- MVC、MVP 与 MVVM 模式
- MVC、MVP 与 MVVM 的区别
- MVVM 的实现原理
- Object.defineProperty()办法
- ES6 中定义的类和对象
- JS 中的文档碎片
- 解构赋值
- Array.from
- Array.reduce()
- 递归的应用
- Obj.keys()与 Obj.defineProperty
- vue 我的项目优化，缩短首屏加载工夫
还有 vuex、http 申请、罕用性能、罕用性能等面试题内容没有列举进去，须要 Vue 面试题小伙伴们请点击这间接支付
javaScript 前端经典面试题
JS 运行机制 / 单线程 / 异步
- 如何了解 js 的单线程？
- js 为什么是单线程的？
- 同步和异步的区别是什么？别离举一个同步和异步的例子？
- 何时须要异步？
- 什么是工作队列？
- 请说出下列值？
- 栈和队列的区别？
- 栈和堆的区别？
- 什么是 event loop？
- event-loop 流程？
- 哪些语句会放入异步工作队列中？
- 何时被放入工作队列？
JS 中的内置函数 / 内置对象
- js 中有哪些内置函数 / 数据封装类对象？
- js 中有哪些内置对象？
- js 变量依照存储形式辨别为哪些类型，并形容其特点？
- 字符串办法 / String 对象办法?
- 数组办法 / Array 对象办法？
- 数组 API？
- 对象 API？
dom
- dom 是哪种根本的数据结构？
- dom 操作的罕用 api 有哪些？
- dom 节点的 attribute 和 property 有何区别？
- dom 构造操作 / 怎么增加、移除、挪动、复制、创立和查找节点 / dom 操作的罕用 api？
- dom 事件的级别？
- dom 事件模型？
- dom 事件流？
- 形容 dom 事件捕捉的具体流程？
- event 对象的常见利用？
- 自定义事件 / 模仿事件？
- 通用事件绑定 / 编写一个通用的事件监听函数？
- dom 树、render 树的关系 / dom 树、render 树的区别（第 2、3 条）？
JS 根底
- 对 js 的了解？
- 请说出以下代码输入的值？
- 把以下代码，改写成顺次输入 0 -9
- 如何辨别数组对象，一般对象，函数对象
- 面向对象、面向过程
- 面向对象的三大根本个性
- XML 和 JSON 的区别？
- Web Worker 和 webSocket？
- Javascript 垃圾回收办法？
- new 操作符具体干了什么呢？
- js 提早加载的形式有哪些？
- WEB 利用从服务器被动推送 Data 到客户端有那些形式？
100 道 CSS 面试题
- 介绍一下规范的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？
- CSS 选择符有哪些？
- ::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。
- 伪类与伪元素的区别
- CSS 中哪些属性能够继承？
- CSS 优先级算法如何计算？
- 对于伪类 LVHA 的解释?
- CSS3 新增伪类有那些？
- 如何居中 div？
- display 有哪些值？阐明他们的作用。
- position 的值 relative 和 absolute 定位原点是？
- CSS3 有哪些新个性？（依据我的项目答复）
- 请解释一下 CSS3 的 Flex box（弹性盒布局模型），以及实用场景？
- 用纯 CSS 创立一个三角形的原理是什么？
- 一个满屏品字布局如何设计?
- CSS 多列等高如何实现？
- 常常遇到的浏览器的兼容性有哪些？起因，解决办法是什么，罕用 hack 的技巧？
- li 与 li 之间有看不见的空白距离是什么起因引起的？有什么解决办法？
- 为什么要初始化 CSS 款式？
- 什么是蕴含块，对于蕴含块的了解?
结束语
篇幅起因每篇面试题材料列举的一部分题目，无论是须要其中 1 套的还是 3 套都须要的小伙伴们，间接点击这支付 vue、js、css 面试题材料。学根底内容不难，但把根底学的扎实了，这也是须要工夫的。