通过jsBridge方法,H5可以调用客户端(ios,android)的内部方法,同样,客户端也需要能调用H5页面里定义的js方法,但是在vue里,所有的方法都是在组件内部声明的,也只能在组件内部调用,并没有绑定window对象下面,这样一来,vue组件里定义的方法怎么暴露给window对象,提供给外部调用呢? mounted() { // 将backToday方法绑定到window下面,提供给外部调用 window['backToday'] = () => { this.goToday() }…

先来看一道题 let id = 2; let json = { id: 1, show:function(){ setTimeout(function(){ console.log(this.id); },2000) } } json.show(); 假设没有头部的let id = 2;  那么代码会输出undefined表示id未定义 加上let id = 2;呢  结果还是显示undefined.这是为什么,不是什么声明了一个全局变量let id = 2;了吗 那么这里的this.id的th…

开发chrome插件时遇到一个问题,那就是单文件组件的data数据需要从chrome提供的storage对象中获取,但是 chrome.storage.sync.get 方法是异步获取数据的,需要通过它的回调函数进行使用获取到的数据,没有返回值 解决方案就是 通过Function.bind(context)方法进行绑定上下文信息,这样就可以正常的在回调函数中进行设置到 vue 单文件组件的数据里面了 beforeMount:function(){ chrome.storage.sync.get(…

方法一:(最简单也是最笨的方法) window.a = function(){}window.b = function(){}window.c = function(){} 方法二:(利用jq的extend方法) window.c = function(){}$.extend(window,{ a:function(){}, b:function(){}, c:function(){}, }) 方法三:(利用js) (() => {   var defining = {      a: func…

如果你的浏览器,与NPM服务器,不是同一个机器(不是localhost),那么会导致这个报错. 我搜索了好久,才发现这个是可以在webpackjs里配置的(即vue.config.js): https://webpack.js.org/config... module.exports = { devServer: { sockHost: 'http://localhost:5001/', disableHostCheck: true, } } 在每个系统里进行配置这个即可…

…

① window对象(Math方法也属于window对象): window对象是JavaScript中的顶级对象,所有定义在全局作用域中的变量.函数都会变成window对象的属性和方法,window对象下的属性和方法调用的时候可以省略window 例如:window.alert();  window.console;  window.document ② BOM中的常用对象.事件 (1)onload事件 window.onload 所有资源加载完成再执行onload里面的代码,包括外部资源(图片…

window.open详解 window.open("sUrl","sName","sFeature","bReplace"); sUrl:可选项.字符串(String).指定要被加载的HTML文档的URL地址.假如无指定值,则about:blank的新窗口会被显示. sName:可选项.字符串(String).指定打开的窗口的名字.这个名字可以用于form或a对象的TARGET属性.此名字也可以使用下列通用名称:_media…

在混合开发中,HTML界面经常性的需要调用APP端提供的原生方法,而且在很多时候,APP端需要各种回调,如果将所有的回调方法写在内部,不是很方便,而且有些时候,APP端需要定义一些主动触发HTML界面的方法,此时就会出现一个略坑的问题: 如果将该方法写在vue methods内,当APP主动去触发这些方法时,就会发现无法获取到这些方法,导致出错! 针对这个回调问题,在询问了一些同事之后找到问题所在:在APP端主动触发HTML方法的时候,会到window下面去查找该方法,但是如果将方法设置到met…

$(document).ready和window.onload的区别 $(document).ready和window.onload都是在都是在页面加载完执行的函数,大多数情况下差别不大,但也是有区别的. 如果需要获取DOM绑定元素的属性值时,最好使用window.onload,因为他是在所有元素加载完毕才执行,如果使用$(document).ready,DOM已经加载,但是DOM绑定的元素属性没有加载,所以属性不生效. 要解决这个问题,可以使用 Jquery 中另一个关于页面加载的方法 ---…