
js
Coder_FHH
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
如何监听storage仓库变化(只限localstorage)
必备知识:Event() 构造函数, 创建一个新的事件对象 Event。第一个参数为所创建事件的名称。LocalStorage:默认情况下,当前页面修改localStorage,本页面是无法监听的,只有同源的其他页面才可以监听到本页面localStorage的改变。所以默认监听localstorage变化的三个条件:至少打开了两个同源页面其中一个页面修改了localStorage另外的同源页面做了localStorage的监听监听方法:// 回调的e对象中含有localStorage改原创 2021-07-19 17:47:54 · 2891 阅读 · 0 评论 -
Vue的一些常用高阶用法
一.Vuex篇当需要使用Vuex中的状态state或方法mutations/actions时,简单的用法是这样的:dom里:$store.state.hasLogined,scirpt里:this.$store.state.hasLogined当项目Vuex仓库比较庞大时,推荐使用如下写法:1.state/getterscomputed: { ...mapState(['state1','state2'])}如果属性位于仓库的子模块里:computed: { ...mapS原创 2021-06-10 15:18:41 · 1169 阅读 · 0 评论 -
双屏传输消息window.postMessage
window.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机 (两个页面的模数 Document.domain设置为相同的值) 时,这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制,只要正确的使用,这种方法就很安全。一、发送消息otherWindowRef.postMessage(message, targ原创 2021-03-31 15:49:05 · 394 阅读 · 0 评论 -
new 操作符做了什么
// 构造函数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原创 2021-03-31 15:21:28 · 211 阅读 · 1 评论 -
前端解决跨域的三种方式
看到两种反向代理解决跨域的原理,觉得都很有道理,记录一下。(前提是服务器端不支持跨域访问,不然也不需要前端做跨域处理了)一. 虚拟服务器这点vue自带的反向代理就是采用这个原理。当进行跨域访问时,vue会生成一个虚拟服务器,请求将发送到虚拟服务器,虚拟服务器代替你去访问目标服务器,由于服务器端不存在跨域访问的问题,所以虚拟服务器将请求到的数据再返回给你。二.中间层跨域策略是浏览器的安全策略,服务器端并不存在跨域访问这一说。当进行跨域访问时,浏览器如果直接发送给目标服务器,这时浏览器的请求源和目标服原创 2020-10-13 10:22:39 · 11230 阅读 · 2 评论 -
Vue开发中页面路径相同但参数不同的跳转实现热更新
正常情况下,页面路径相同但参数不同的跳转是无法实现热更新的,这是因为Vue自身设计时候的机制,会自动复用相同的组件。以下有两种思路可实现页面热更新:一、通过key属性在当前页面组件对应的router-view上加上key属性,key设为$route.fullPath保持唯一性,这样当你页面参数变化时,由于你设了key值,页面组件无法复用,便会重新渲染页面。二、通过watch方法watch可用来监听页面数据的变化,因此可在watch中监听当前页面路由的变化,当参数发生变化时,调用你自己写好的页面re原创 2020-09-29 17:31:34 · 1225 阅读 · 0 评论 -
APP端页面位置保持的几种方法(Vue篇)
一.导航守卫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原创 2020-09-08 11:20:15 · 458 阅读 · 0 评论 -
防抖和节流
一、防抖防抖是指函数在n秒内只能执行一次,如果函数在此期间又触发了,会重新计算n秒的时间。二、节流节流是指连续触发事件,但是n秒内只执行一次,会稀释函数的执行频率。原创 2020-09-06 17:48:44 · 155 阅读 · 0 评论 -
移动端开发滚动(但不显示滚动条)
1.在css中设置::-webkit-scrollbar { display: none!important; width: 0px; height: 0px; }原创 2020-09-06 12:14:50 · 951 阅读 · 0 评论 -
js的原型和原型链
https://www.jianshu.com/p/be7c95714586转载 2020-09-01 14:48:35 · 129 阅读 · 0 评论 -
js的构造函数
构造函数的执行流程1.立即创建一个新的对象2.在新建的对象设置为函数中的this3.顺序执行函数中的代码4.返回该新建的对象原创 2020-09-01 14:34:36 · 136 阅读 · 0 评论