摘要：
vue.js生命周期的八大状态： 1、beforeCreate（创建前）：vue实例初始化之前调用 此阶段为实例初始化之后，此时的数据观察和事件配置都还没有准备好，而此时的实例中的data和el还是underfined状态，不可用的，dom元素也未加载,此时使用html片段代码我们加上ref属性，用 阅读全文
摘要：
1 XSS攻击（跨站脚本攻击 Cross Site Scripting）XSS指攻击者添加代码嵌入到页面中，使用户访问时都会执行相应的嵌入代码，从而盗取用户资料、利用用户身份进行一系列侵害操作。（利用虚假输入表单骗取用户个人信息盗取账号等） 解决办法：客户端提交的数据先进行相应的过滤处理后再进行下一 阅读全文
摘要：
this.$router是vueRouter实例,包含了路由跳转方法和一些钩子函数 $router对象是全局路由的实例，是router构造方法的实例 路由实例方法: push(): push方法的跳转会向 history 栈添加一个新的记录，当我们点击浏览器的返回按钮时可以看到之前的页面。 go() 阅读全文
摘要：
v-if实质就是动态添加删除dom元素 v-show则是利用display属性来控制标签的显示和隐藏,其标签仍在dom中 display:none标签不占据原来的位置,会触发回流和重绘 visiablity:hidden标签仍占据原来位置,只触发重绘 阅读全文
摘要：
两者都是包管理工具 npm缺点:npm install速度慢,可能会出现安装版本不一致出现bug,如果在安装过程中出现了错误,仍会继续安装下去,这就会导致错误信息被遮盖 yarn优点: 速度快: npm安装是按队列执行每一个包,只有在当前包安装成功后才会安装下一个包;yarn则是并行安装而且如果曾经 阅读全文
摘要：
websocket是基于tcp的一种新协议,它实现了双全工通信,即允许服务器主动发信息给客户端,因此,再websocket协议中,服务器和浏览器只需要一次握手就可以建立持久性的连接,实现双向数据传输 传统的ajax轮询是在特定时间由浏览器向服务器发送http请求,然后服务器将最新数据发给客户端,这样 阅读全文
摘要：
单例模式 一个类只有一个实例,无论new多少次都是这一个实例,且提供全局访问 function VirtualDom(name, age) { this.name = name, this.age = age } VirtualDom.getInstance = (function(){ let i 阅读全文
摘要：
key属性必须是唯一标识,并且给key赋值的属性必须是不可变的(number或string) key作用: 提高渲染性能:若对数据进行：逆序添加、逆序删除等破坏顺序操作， 会产生没有必要的真实DOM更新，虽然界面效果没问题, 但效率低。 避免数据混乱结果出现:如果结构中还包含输入类的DOM： 会产生 阅读全文
摘要：
es6的模块化 es6的模块化是浏览器端和服务器端通用的模块开发规范,其设计思想就是尽量的静态化,在编译时就确定模块的依赖关系,以及输入输出的变量 其模块化规范中定义: 每个js文件都是一个独立的模块 导入其他成员用import关键字 向外共享成员变量用export关键字 AMD 异步加载模块,主要 阅读全文
摘要：
我们都清楚在XMLHttpRequest对象中可以通过 let xhr = new XMLHttpRequest(); xhr.open('GET or POST', url); xhr.send(); // 取消请求使用 xhr.abort() 在axios客户端中有两种取消当前请求的方式： 第一 阅读全文
