公司目前的组织架构、项目组成、技术方向、客户群体
es6； css3； 闭包；原型链；事件委派；作用域；作用域链
面试
-
axios（请求机制）
是基于promise，用于浏览器和node.js的一个http客户端
主要用于向后台发起请求，在请求中做更多的控制
支持promise、提供一些并发的方法、提供拦截器、支持csrf（跨站请求伪造）
-
axios、fetch、ajax的区别
前两者支持promise、后面是使用的callback方式
fetch、本质上脱离xhr、、默认不传cookie、不能监听请求的进度。
-
vuex（并发上来看适不适合）
一个专门为vue构建的状态集管理（目的：解耦，集中式管理）
- 主要是解决组件间状态共享的问题，原本是组件与组件之间的交流，转变为组件与仓库之间的交流
方便调用一些共用的数据、方便日后的维护、数据流更加清晰、代码更方便管理
vuex的核心
state、存放数据
mutations、变更状态
getters、相当于computed
actions、动作-----mutations
modules、对仓库拆分，方便对数据取（state中数据越存越多，进行拆分）
弹窗为form表单，关闭再打开保持状态（使用vuex）
- computed：在vue中动态渲染的一个函数
-
v-show：给dom对象添加display：none；
v-if：将dom对象移除
v-model：表单的数据双向绑定
- 等同于 v-bind绑定了一个value的属性， 用v-on把当前的元素绑定到了一个事件上
-
路由
全局的钩子函数
beforeEach：在路由切换开始时调用
afterEach：在路由切换离开时调用
局部到单个路由
beforeEnter
组件的钩子函数
beforeRouterEnter
beforeRouterUpdate
beforeRouterLeave
-
关于vue
vue是由饿了么团队开发并维护的一个渐进式js框架
使用了mvvm框架，数据驱动、双向绑定、组件
- vue生命周期
-
vue组件封装
目的：复用性高，便于解耦
1.采用ES6的
import ... from ...语法或CommonJS的require()方法引入组件
2.对组件进行注册,代码如下// 注册 Vue.component('my-component', { template: '<div>A custom component!</div>' })3.使用组件
<my-component></my-component>- 制作组件时，组件为中data为函数形象，主要是防止组件与组件之间的变量互相影响。
-
nextTick 解决dom异步操作，解决数据异步加载、后置型，初始化数据先执行
-
路由懒加载 延迟加载、按需加载
return ()=> import(`@/components/${view}.vue`)
-
vue-loader:
加载器、把vue组件转化为javaScript模块
- 动态渲染一些数据
- 三个标签都做了相对应优化，style可以直接使用es6、style也可以默认使用sass、提供了作用域的选择
- 开发阶段，提供热加载（实时更新）
-
插槽（slot）占位的（公交车占位），使组件的复用性更高
默认插槽（匿名）
具名插槽
作用域插槽（slot-scope）只作用于当前的solt
- 借助组件来实现，封装好的组件中加一个slot标签，在使用它的组件中标签对内添加内容
- 匿名只能添加一个，具名可以添加多个（可以添加名称，name属性），顺序问题
- 提供组件复用，提高效率
-
虚拟dom以js对象形式出现
真实dom以dom树的形式出现
优化了diff算法
更适合批量的修改dom，
设置key，可以最大程度的去利用节点
- 不设置key值，没有复用，再次重新追加
- 可以进行相关复用，减少消耗，对应索引
采用了新旧dom的对比，比较节点，获取你差异的dom，一次性更新到你真实的dom上
-
mvvm
MVC模式 m（模型） v（视图） c（控制器） 反馈不及时
MVVM模式 数据双向绑定 （三层）
view视图 model 数据， view与model与viewmodel都是双向的，而model与view之间没有任何关系，通过viewmodel中间这个媒介来进行相关的交互，以至于view与model可以更专注于做自己事情。
vue是专注于vue与viewmodel的框架，对应model的处理比较弱化，不过提出一个vuex来进行补充增强
-
keep-alive（保持我活着）
让不活动的组件活着
提供了include与exclude 两个属性 ，允许组件有条件的缓存
在生命周期created的时候，把需要缓存的node节点给保持到cache，需要的时候，在render中，根据name再进行取出来
vue中路由meta，meta中可以设置一些状态（路由元信息）
-
节流和防抖都是减少触发频率
节流：固定的单位时间内就能触发一次（不执行下一个事件）
防抖：固定的时间内反复触发，触发多次，只有最后一次生效。（删除前一个事件）滚动条滚动
搜索框输入（快慢的搜索）
-
node常用的模块
path：处理文件路径模块
fs：操作文件系统
http：提供http服务器功能
url：用来解析url
querystring：解析url中的查询字符串
zlib：压缩
- 切换node版本----nvm use/install
js与jquery
-
面向过程
先干什么，后干什么，顺序的来
-
面向对象
不同异步谁先谁后（找到角色，确定职责）
-
this指向
- this总是指向函数的直接调用者
- 如果有
new关键字，this指向new出来的那个对象 - 在事件中，
this指向触发这个事件的对象 - 函数预编译过程中，指向window；全局作用域中this指向window
- 函数.bind(obj)，会生成一个新函数，新函数的this，会永久的指向obj，因此，this被绑定了
-
箭头函数
不能当构造函数来使用，不能使用构造函数，没有自己的this
当箭头函数不存在，来去寻找this，父级上下文的this
不可以使用
arguments对象，该对象在函数体内不存在。如果要用，可以用Rest参数代替 -
垃圾回收机制
引用计数法
标记清除法
复制整理法
闭包----外面的执行函数上有计数，不会被清0；
网友评论