Coder_FHH的博客

必备知识：Event() 构造函数, 创建一个新的事件对象 Event。第一个参数为所创建事件的名称。LocalStorage：默认情况下，当前页面修改localStorage，本页面是无法监听的，只有同源的其他页面才可以监听到本页面localStorage的改变。所以默认监听localstorage变化的三个条件：至少打开了两个同源页面其中一个页面修改了localStorage另外的同源页面做了localStorage的监听监听方法：// 回调的e对象中含有localStorage改

一.Vuex篇当需要使用Vuex中的状态state或方法mutations/actions时，简单的用法是这样的：dom里：$store.state.hasLogined，scirpt里：this.$store.state.hasLogined当项目Vuex仓库比较庞大时，推荐使用如下写法：1.state/getterscomputed: { ...mapState(['state1','state2'])}如果属性位于仓库的子模块里：computed: { ...mapS

window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机 (两个页面的模数 Document.domain设置为相同的值) 时，这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。一、发送消息otherWindowRef.postMessage(message, targ

// 构造函数const Func = function() { this.name = 'fhh'; this.age = 18;}const myFunc = new Func(); // new 一个构造函数做了什么?结果: myFunc: { name: 'fhh', age: 18}1.new 一个对象let obj = new Object();2.把new出来的空对象的__proto__指针指向构造函数Func的prototype指针，即指向Func的原型对象o

看到两种反向代理解决跨域的原理，觉得都很有道理，记录一下。(前提是服务器端不支持跨域访问，不然也不需要前端做跨域处理了)一. 虚拟服务器这点vue自带的反向代理就是采用这个原理。当进行跨域访问时，vue会生成一个虚拟服务器，请求将发送到虚拟服务器，虚拟服务器代替你去访问目标服务器，由于服务器端不存在跨域访问的问题，所以虚拟服务器将请求到的数据再返回给你。二.中间层跨域策略是浏览器的安全策略，服务器端并不存在跨域访问这一说。当进行跨域访问时，浏览器如果直接发送给目标服务器，这时浏览器的请求源和目标服

正常情况下，页面路径相同但参数不同的跳转是无法实现热更新的，这是因为Vue自身设计时候的机制，会自动复用相同的组件。以下有两种思路可实现页面热更新：一、通过key属性在当前页面组件对应的router-view上加上key属性，key设为$route.fullPath保持唯一性，这样当你页面参数变化时，由于你设了key值，页面组件无法复用，便会重新渲染页面。二、通过watch方法watch可用来监听页面数据的变化，因此可在watch中监听当前页面路由的变化，当参数发生变化时，调用你自己写好的页面re

一.导航守卫1.如果不清楚导航守卫概念的，附上官网链接官网传送门const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { if(from.name == 'home') { // from.meta.savedY = window.pageYOffset from.meta.savedY = document.documentElement.scrollTop

一、防抖防抖是指函数在n秒内只能执行一次，如果函数在此期间又触发了，会重新计算n秒的时间。二、节流节流是指连续触发事件，但是n秒内只执行一次，会稀释函数的执行频率。

1.在css中设置::-webkit-scrollbar { display: none!important; width: 0px; height: 0px; }

https://www.jianshu.com/p/be7c95714586

构造函数的执行流程1.立即创建一个新的对象2.在新建的对象设置为函数中的this3.顺序执行函数中的代码4.返回该新建的对象