2019年3月份前端面试的知识点总结

前言:2019年3月份进行的前端面试,大概面试了有8家左右,针对他们面试的知识点,面试结束后都进行了 ,然后写在了手机的备忘录,有机会进行一下补习,总结的可能不是很全面,望见谅

this指向,总是指向上一级对象
如果直接function然后调用,上一级则是window
new可以改变this指向,
谁调用就指向谁

生命周期只调用一次,每次进入新页面都会执行一次,离开时销毁。

async与defer区别

异步(async) 脚本将在其加载完成后立即执行,而 延迟(defer) 脚本将等待 HTML 解析完成后,并按加载顺序执行。

new操作符

创建一个空对象,并且this变量引用该对象,同时还继承了 该函数的原型

属性和方法被加入到this引用的对象中

新创建的对象由this所引用,并且最后隐式的返回this

// 添加 移除 替换 插入

appendChild()

removeChild()

replaceChild()

insertBefore()

面向对象
多态,封装,继承
vuex 的理解
store

核心库的四个属性
state
存放数据 里面可以放置任何类型的数据
this.$store.state.属性名获取到

getters 获取state里面存放的任何数据 可以return state.属性名 获取到
也可以mapGetters([ 定义的名字 ])获取到
mapGetters 需要在页面中import引入
actions 发出动作告诉mutation要修改state 里面数据
可以做 条件判断,异步操作(setTimeout , setInterval),ajax请求,触发事件,等动作 但是只是发出dispatch actions ,通过 commit 提交给mutation,而不会修改任何数据,有多余的参数可以通过payload方式来传递
mutation 修改数据, actions 提交过来的数据,在这里来修改,然后提交给state ,render,页面渲染完成,各司其职。
通常vuex数据在computed里面完成监听。
适用于大型项目组件间的通信,数据通用共存。

面向对象
js是单线程的, 浏览器才是实现异步的关键
大部分依靠回调函数。

replace
替换之前的历史返回记录

push
跳转以后,返回键有返回历史记录

生命周期
页面以及数据的加载过程。

初始化,data el
数据
原型链 数组的原型 array.ptototype

数组的copy跟push 跟concat
原型,原型对象,原型链 是啥

promise用法
回调
执行函数之后再执
行下一个函数

跨域,不同协议,域名,端口

axios跨域
index.js中配置proxytable

跨域的方式
jsonp
coxrs

http 与https算不算跨域 算 不同协议
axios同时请求多个接口
(axios.all[接口1,接口2,])

css3垂直居中

闭包

img路劲转成base64好处 (转base64可以自己设置大小,一般建议10kb 一下)

css3画半圆

css3新增 动画,旋转,

html5新标签 video article section nav header

vue双向绑定原理
事件监听,set get 属性方法

vue监听事件 watch 监听
mounted 钩子函数
computed 计算属性

路由加#跟不加的区别(hash 跟 history)

axios原理跟ajax的区别
axios是ajax的升级 封装的更好
ajax不能跨域。
data datatype url async

页面优化
cdn三方插件引入缓存
img,css,js压缩
代码 结构优化复用

webpack打包/多页面应用
可以再压缩的位置加上对应压缩页面的名字,其他压缩位置也需要加上

同级之间通信 vuex
或者中间件 event.bus

父子 props ,子父通信 $emit $on

v-show跟v-if区别

自定义指令

es6

  • 小程序

vue冒泡 == @click=stop
取消默认事件 == href.prevent
去空格 == v-model.trim

数组的拷贝(第二个数组拷贝第一个,如果第二个数组改变,第一个会变化吗
会。)

http跟https区别

http 不是很安全 基本TCP 明文传输。
https 安全 证书加密 基于 tls/ssl 传输
tls 与ssl是类似东西
应用层将数据先传到tls和ssl,加密后再传到tcp里面传输
ssl是加密套件 tls 是ssl的升级版 现在基本上使用tls加密套件 分对称性加密, CA 证书

猜你喜欢

转载自blog.csdn.net/jyy5806/article/details/93466968
今日推荐