![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 56
hhf235678
这个作者很懒,什么都没留下…
展开
-
web端上传静态资源至阿里云OSS
鉴于安全性,本文采用的是服务端签名后直传方式。 本文分为两部分讲解: JavaScript客户端签名直传 小程序签名直传 服务端签名后直传 — 官方文档 一、JavaScript客户端签名直传 上传中使用了 plupload. 详见官方文档 本文中的代码是经过删改过后的代码,若想看完整的具体代码,请点击: 阿里官方客户端代码 下载 // 代码中使用的Base64、Crypto、pluplo...原创 2020-01-14 16:32:25 · 1423 阅读 · 1 评论 -
同域名下iframe父子页面间的通信
iframe元素的获取方式: 1. 获取iframe的window对象 iframe.contentWindow 2. 获取iframe的document对象 iframe.contentDocument 父页面调用子iframe页面 <!--js方法--> 1. 使用contentWindow属性 document.getElementById('iframe...原创 2020-01-08 17:08:48 · 570 阅读 · 0 评论 -
不同域下的iframe实现父子窗口通信
如果父页面与子页面的协议、端口号、域名一致,则可以通过获取元素的方式进行通信,但某一个不一致时,则需要通过window.postMessage()方式进行通信 父页面: <div> <iframe :src="xxx" id="parentPage"></iframe> </div> <script> // 获取子页面传...原创 2020-01-08 17:06:37 · 1009 阅读 · 0 评论 -
实现元素在浏览器中全屏
如何实现全屏 需要考虑2个问题: 当前浏览器是否支持全屏 想全屏的元素是否支持全屏 一、 如何判断当前元素是否能够实现全屏 function supportFullPage(element){ var requestFullscreen = element.requestFullscreen ||element.mozRequestFullScreen ||element.webkit...原创 2020-01-08 15:47:32 · 206 阅读 · 0 评论 -
js中replace作用以及用法
replace作用以及用法 1. 作用:替换字符串中的内容 2. 用法: str.replace(regexp|substr, newSubStr|function) 3. 参数说明: - regexp(pattern): 一个RegExp对象或者其字面量。该正则所匹配的内容会被第二个参数的返回值替换掉 - substr(pattern): 字符串。若在str中包含substr则会被newS...原创 2019-10-12 18:51:29 · 3837 阅读 · 0 评论 -
过一遍ES6(五) --- 字符串的扩展
1. 字符的Unicode编码 JavaScript允许采用\uxxxx形式表示一个字符,其中xxxx表示字符的Unicode码点。 \uxxxx表示法只限于码点在\u0000(数字0) ~\uFFFF之间的字符。 超出范围的字符,需要使用双字节的形式表示 若超出,如 \u20BB7,JavaScript会理解成\u20BB+7。由于\u20BB是一个不可打印字符,所以只会显示一个空格,后面跟着...原创 2018-10-09 11:38:50 · 577 阅读 · 0 评论 -
过一遍ES6(三)--- 对象的解构赋值
解构:ES6按照一定的模式,从数组和对象中提取值,对变量进行赋值 对象的结构赋值与数组结构赋值的不同之处:数组元素时按次序排列的,变量的取值由它的位置决定;对象的属性没有次序,变量必须与属性同名,才能取到正确的值。 对象的结构赋值 1 形式 let { bar, foo } = { foo: "aaa", bar: "bbb" }; foo // "aaa" bar // "bbb" le...原创 2018-09-03 20:30:54 · 361 阅读 · 0 评论 -
过一遍ES6(四) --- 其他类型的解构赋值
本文主要内容: ① 字符串的解构赋值 ② 数值和布尔值的解构赋值 ③ 函数参数的解构赋值 ④ 解构赋值过程中圆括号的使用 ⑤解构赋值的用途 解构赋值的规则是,只要等号右边的值不是对象或者数组,就先将其转为对象。undefined和null无法转为对象,所以对它们进行解构赋值均会报错 1 字符串的解构赋值 通过解构赋值,字符...原创 2018-09-04 20:44:58 · 248 阅读 · 0 评论 -
过一遍ES6知识点(一)
let 和 const 命令 let 的使用 let 用来声明变量,只在let命令所在的代码块中有效。【代码块:使用花括号包住的内容称为代码块{}】 利用let只在当前代码块中有效的特性 解决 for 循环中的问题: 总结: - var声明的变量在全局范围内都有效,全局变量只有一个i,所以每一次的循环,变量i的值度会发生改变。在数组a的函数内部的变量i指向...原创 2018-08-29 20:55:25 · 368 阅读 · 0 评论 -
过一遍ES6(二)--- 数组的解构赋值
解构:ES6按照一定的模式,从数组和对象中提取值,对变量进行赋值 数组的结构赋值 形式: 从数组中提取值,按照对应的位置,对变量赋值 let [a, b, c] = [1, 2, 3] 嵌套数据进行结构 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo //...原创 2018-08-31 20:03:35 · 1191 阅读 · 0 评论 -
在swiper插件中放置使用videojs插件的视频
由于要使用videojs插件,所以需要引入video.js和css文件(自己从网上找) swiper轮播图的布局可以根据自己的喜好来排布。 当视频播放时停止轮播。播放完毕时开始轮播。 html: <div class="last-swiper-container" id="last_page"> <div class="swiper-wrapp...原创 2018-05-21 13:10:44 · 6270 阅读 · 0 评论 -
swiper插件的使用
使用步骤 引入swiper.min.js文件 新建一个swiper对象 var mySwiper = new Swiper('.swiper_c5', { autoplay: 1500 }) 根据自己需求对对象进行编辑 例如:淡入淡出效果 var mySwiper = new Swiper('.swiper_c5', { effect: 'fade', ...原创 2018-04-10 13:17:17 · 495 阅读 · 0 评论 -
js中的预解析问题
预解析 => 声明的提升 1. 以var 声明的变量 会预解析 2. 以let 声明的变量 不会进行预解析 3. 函数的声明会 预解析 4. 函数表达式 不进行预解析 例子: foo() function foo () { var a = 1 console.log(a) } function foo () { var a = 2 ...原创 2018-02-24 17:49:27 · 366 阅读 · 0 评论