共计 2701 个字符,预计需要花费 7 分钟才能阅读完成。
前言
在逛技术网站时,在一篇文章上面看到了一条评论,这条评论仁者见仁智者见智。我独自放出来说,是因为他讲到了 根底。根底是重要的一个学习环节,在面试中很多问题都不难,都是根底上内容,回不回的上就看你根底是否牢固了,面试官也从中晓得你学的怎么。
评论
我因为学习趣味浓,从测试到 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 面试题材料。学根底内容不难,但把根底学的扎实了,这也是须要工夫的。