1.子向父,子postMessage,父监听message; 2.父向子,父postMessage,子监听message; 3.测试发现,子向父postMessage的时候,源可以写为‘*’,父向子postMessage的时候,源需要写成子的源,(也就是子页面的协议+主机号+端口) 测试代码部分:
web开发
-
使用postMessage来实现父子通信跨域
-
vuex 设置state时的骚操作,批量设置state
vuex,state,批量,vue,react
-
nuxt如何在其它js文件中使用store
在新建的js文件中想用store里面的数据,比如token想在封装的axios里面,请求头里面去使用,亦或者通过app的JS接口获取token并存储在store里面。我们都知道如何在vue中如何使用。
-
Meteor 离线安装组件包
Meteor中国镜像,离线安装,package复制
-
meteor在不同端口启动服务
当没有任何参数时,run是默认行为,在幕后,它3000端口开启node.js服务器实例,同时开启监听3001端口的MongoDB服务
-
node-gyp,mac,No Xcode or CLT version detected! 报错,npm
Mac解决:xcode-select: error: command line tools are already installed, use "Software Update" to install updates
-
LRU原理以及js实现
LRU(Least recently used,最近最少使用)算法根据数据的历史访问记录来进行淘汰数据,其核心思想是“如果数据最近被访问过,那么将来被访问的几率也更高”。
-
vue生成的__ob__: Observer无法解析jsonp
computed 从vuex获得数据,watch监听数据 然而问题就出现在了监听上,监听不到,给个setTimeOut 1000 就能检测到数据了,不然打印时又数据,用的时候时空的,不知道时什么原因。
-
clipboard复制成功但是粘贴板是空的
将文本复制到剪贴板应该不难。配置它不需要几十个步骤,也不需要加载数百KB的js文件 。但最重要的是,它不应该依赖Flash或任何臃肿的框架。这就是clipboard.js存在的原因。
-
Property or method "toJSON" is not defined on the instance but referenced during render.
其实这并不是一个错误,这是一个提醒,网上又很多也遇到这样问题的,但并不是和我的一样。
-
yarn和npm命令对比
npm 与 yarn命令比较
-
echarts标题(title)配置
show:true,//显示策略,默认值true,可选为:true(显示) | false(隐藏) text: '主标题',//主标题文本,'\n'指定换行 link:'',//主标题文本超链接,默认值true target: null,//指定窗口打开主标题超链接,支持'self' | 'blank',不指定等同为'blank'(新窗口) subtext: '副标题',//副标题文本,'\n'指定换行 sublink: '',//副标题文本超链接
-
non-passive event listener 解决
在vue项目中解决Chrome控制台non-passive event listener输出问题
-
fixed z-index失效
作为一个假的前端,在调试一个页面时出现了如下bug。 左侧的菜单固定为fixed时,二级菜单无法设置有效的z-index,导致菜单隐藏在页面元素之下,明明页面元素的z-index是1,但是无论把菜单的z-index设置为多大,都不管用。
-
js中利用prototype给类添加方法
你可能会想,这不就是个简单的函数声明?没错,这个函数就是一个类的定义的实现。如何使用这个类呢?看下面的代码:var cls1 = new MyClass(); 这样,利用new就可以生成MyClass的一个实例了。所以在js中可以说函数就是类,类就是函数。
-
javascript中为何在匿名function函数后面还外加
它可以解释成为“匿名函数自调用”,也就是说,定义一个匿名函数,然后马上调用它(因为它是匿名的,如果不立即调用就获取不到该函数的引用了)。通常它被应用在一些大型的JS框架中(如上面所说的),因为这个匿名函数的函数体相当于提供一个匿名的名字空间,这样就不会再与用户自定义的JS函数、变量、对象发生冲突了。尽管JS没有显示地提供命名空间的定义和使用机制,但这种匿名方式却不失为是一种很好的解决命名空间问题的方法。
-
深入理解js的prototype以及prototype的一些应
prototype是函数的一个属性,并且是函数的原型对象。引用它的必然是函数,这个应该记住。
-
js根据对象某一属性去重的实现方式
通过filter的属性进行去重, 因为map key唯一,所以你想要根据哪个属性去重,res.has(a)里a就可以改成什么,比如a.name
-
js把树结构变成数组
js递归遍历树结构(tree)
-
ant [Vue warn]: Invalid prop: custom validator check failed for prop "pagination".错误
遇到这样的问题,一般是props中的pagination有值不匹配造成的 我们可以通过打印数据检测一下有没有赋给其空值