![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
CherryCola_zjl
enjoy it
展开
-
audio移动端无法自动播放(safari,chrome,微信内置浏览器)
有同学反映有一个奇葩的问题,audio标签 在移动端无法自动播放。尤其是ios系统,在safari以及微信内置浏览器上。聪明的你肯定能想到如下代码:var audio = document.getElementById("audioID"); audio.play();发现不行后思索一番,决定加一个定时器延时执行。一定是audio没加载完的问题,嗯!一定是!我是天才!!!setTimeout(()=>{ var audio = document.getElementById("原创 2021-01-19 20:08:45 · 1768 阅读 · 3 评论 -
var、let、const三种声明变量的方式之间的具体差别
var let 声明后可变,const声明后不可变,复合类型数据不可变的是储存地址指针,而非属性值,例如下例是没有问题的const obj ={ a: 2}obj.a = 1let const 作用域块作用域 (大括号{}),而var作用于函数作用域或全局作用域if(1){ let a = 1 var b = 2}console.log(b) //2console.log(a) //ReferenceError: a is not definedvar 声明.原创 2021-01-12 15:00:11 · 518 阅读 · 0 评论 -
答应我,搞懂call、apply好嘛
总结一句话:改变函数内部的 this 指向,并执行函数。call、apply 是 Function 构造函数原型对象上的方法,所有的函数(包括call)都可以调用 call 和 apply。call先看一下原生call的效果(运行在浏览器环境)let context = { name: 'z'}// 全局环境, 用let变量不会挂在window上var name = 'j'function say(age,sex){ console.log(this.name+age+sex原创 2021-01-05 19:11:17 · 2180 阅读 · 1 评论 -
彻底搞懂JS事件循环机制(event loop)
知识点:js异步实现EventLoop、消息队列宏任务 与 微任务同步模式与异步模式首先要确定 js是单线程语言,js在设计之初用作用户互动,以及操作DOM。这决定了它只能是单线程(例如多线程操作同一dom,一个删除一个修改,这样会产生冲突)。但倘若只有同步模式,遇到耗时操作,页面便会阻塞,就像接口请求不到数据,或者图片未加载完成,页面就卡住一直等待。这样显然不现实也不实用。所以异步模式应运而生。你可能会有疑问,单线程的js是怎么完成异步操作的,可以这么理解js是单线程语言,但运行环境可原创 2020-12-31 14:47:48 · 8993 阅读 · 10 评论 -
移动端相册选择并上传图片
<input ref="fileInput" multiple id="fileInput" @change="getImg" type="file" accept="image/jpeg,image/jpg,image/png"><img :src="item.src" alt="" srcset="" v-for='(item,index) in upImg' :key="index">getImg(){ let inputDOM = this.$refs.fil原创 2020-06-18 12:57:07 · 478 阅读 · 0 评论 -
手把手教你nginx解决前端本地跨域问题
先下载ngnix,因为大部分人是windows 开发环境,所以文章介绍的也是windows版本这是目录打开配置文档,新建一个自己的配置文件my.conf,引用 nginx.conf server { listen 8888; #监听端口 可以访问127.0.0.1:8888 server_name localhost; #...原创 2020-04-27 13:42:13 · 3051 阅读 · 0 评论 -
js生成二维码
import QRCode from '../utils/weapp-qrcode.js'// 初始化let qrcode = new QRCode('canvas', { text: "1", width: qrcodeWidth, height: qrcodeWidth, colorDark: "#000", colorLigh...原创 2019-03-04 17:48:30 · 1922 阅读 · 0 评论 -
js 数组 sort排序不准
如果没有指明 compareFunction ,那么元素会按照转换为的字符串的诸个字符的Unicode位点进行排序。例如 “Banana” 会被排列到 “cherry” 之前。当数字按由小到大排序时,9 出现在 80 之前,但因为(没有指明 compareFunction),比较的数字会先被转换为字符串,所以在Unicode顺序上 “80” 要比 “9” 要靠前。// 数字排序应改为funct...转载 2019-05-15 15:15:47 · 2994 阅读 · 1 评论