js
qq_36934775
这个作者很懒,什么都没留下…
展开
-
setTimeout的参数
参考链接示例:function timeout(ms) { return new Promise((resolve, reject) => { setTimeout(resolve, ms, 'done','123','333'); });}timeout(100).then((value,v1,v2) => { console.log(value,v1,v2);});结果是:done undefined undefined原因:Promise.r原创 2022-05-25 16:41:50 · 174 阅读 · 0 评论 -
获取固定长度的字符串
const getStrLen = (str,len) => { if(!str) return ''; var strlen = 0; if(str.length*2 <= len) return str; var s = ""; var tmp = ""; for (var i = 0; i < str.length; i++) { if (str.原创 2022-04-25 11:51:28 · 326 阅读 · 0 评论 -
设置某个div的内容全屏显示
<FullscreenOutlined onClick={()=>handleFull()}/>const handleFull=()=>{ var fullscreen = false; let fullarea = document.getElementById('container') if (fullscreen) { // 退出全屏 if (document.exitFullscreen) {原创 2022-04-25 11:45:04 · 549 阅读 · 0 评论 -
React 阻止冒泡失效
在react中可以用下面的阻止冒泡: e.stopPropagation(); e.nativeEvent.stopImmediatePropagation();e.nativeEvent 才是原生 DOM 事件的那个 eventReact组件类似onClick的事件是合成事件,本质上所有绑定是代理到document上的,所有绑定都会冒泡到document层去执行A、阻止合成事件间的冒泡,用e.stopPropagation();B、阻止合成事件与最外层document上的事件间的冒泡,用e原创 2021-07-27 11:12:37 · 903 阅读 · 0 评论 -
stopPropagation与stopImmediatePropagation的区别
参考链接stopPropagationevent.stopPropagation();阻止事件冒泡。stopImmediatePropagationevent.stopImmediatePropagation(); 阻止事件冒泡并且阻止该元素上 同事件类型 的监听器被触发。对的所以除了上面的绑定方式,还可以直接:e.stopPropagation(); e.nativeEvent.stopImmediatePropagation();...原创 2021-06-25 11:03:36 · 128 阅读 · 0 评论 -
实现下载图片
下载事件: let eleLink = document.createElement("a"); eleLink.style.display = "none"; eleLink.href = qrData.qrcode + "&access_token=" + token + "&down_flag=1"; eleLink.download = this.event_id + ".png"; document.body.append原创 2021-06-17 15:12:24 · 127 阅读 · 0 评论 -
js实现鼠标拖拽多选功能示例
参考链接<textarea readonly="readonly" name="code" class="PHP"><!DOCTYPE html><html><head> <title>鼠标拖拽多选功能</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <st原创 2021-05-18 15:34:23 · 327 阅读 · 0 评论 -
js 深拷贝和浅拷贝
参考链接浅拷贝的方法用Object.assign()深拷贝方法一:JSON.parse(JSON.stringify)方法二:采用递归的方法:原创 2021-05-13 15:38:27 · 83 阅读 · 0 评论 -
div js+css 阻止点击穿透+实现点击穿透
参考链接:https://blog.csdn.net/weixin_36270908/article/details/100575779遇到的问题是:在做订阅号分享到微信显示水印的时候遇到的,因为水印是盖在最上层的,所以订阅号文章中的视频按钮点击就不生效了,也就是视频点击不会播放。这里解决方法就是给水印这层的div设置事件穿透,让点击透传到下层去。 用到了一个纯样式: pointer-events: none;...原创 2021-01-11 09:23:37 · 1816 阅读 · 0 评论 -
e.target和e.currentTarget区别
参考链接:https://www.cnblogs.com/lovemomo/p/10751389.html原创 2020-11-03 17:07:54 · 264 阅读 · 0 评论 -
momentjs的使用
参考:moment中文网https://www.cnblogs.com/MrZhujl/p/11398704.html使用获取当前时间moment()获取今天0时0分0秒moment().startOf('day)获取本周第一天(周日)0时0分0秒moment().startOf('week')获取当前月第一天)0时0分0秒moment().startOf('month')获取今天23时59分59秒moment().endOf('day')原创 2020-10-23 15:47:06 · 154 阅读 · 0 评论 -
word-wrap和word-break区别
word-wrap:break-wordword-wrap 属性用来标明是否允许浏览器在单词内进行断句会首先尝试挪到下一行,看看下一行的宽度够不够,不够的话就进行单词内的断句。word-break:break-all;word-break属性用来标明怎么样进行单词内的断句。它断句的方式非常粗暴,它不会尝试把长单词挪到下一行,而是直接进行单词内的断句。主要区别:word-wrap:break-word会首先起一个新行来放置长单词,新的行还是放不下这个长单词则会对长单词进行强制断句;而wo原创 2020-07-17 10:32:08 · 238 阅读 · 0 评论 -
js 构造函数
什么是构造函数1.在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。2.构造函数首字母大写(规范),通过new创建的是引用类型为什么要是用构造函数1.在使用对象字面量创建一系列同一类型的对象时,这些对象可能具有一些相似的特征(属性)和行为(方法),此时会产生很多重复的代码,而使用构造函数就可以实现代码的复用。构造函数的执行过程a、当以 new 关键字调用时,会创建一个新的内存空间,标记为 一个的实例b、 函数体内部的 this 指向该内存c、执行函数体内的代码d、原创 2020-06-12 14:54:13 · 452 阅读 · 0 评论 -
this,apply,call
this的指向重点:哪个对象调用函数,函数里面的this指向哪个对象。ES6 提供了箭头函数,增加了我们的开发效率,但是在箭头函数里面,没有 this ,箭头函数里面的 this 是继承外面的环境。call 和 apply 的作用,完全一样,唯一的区别就是在参数上面。call 接收的参数不固定,第一个参数是函数体内 this 的指向,第二个参数以下是依次传入的参数。apply接收两个参数,第一个参数也是函数体内 this 的指向。第二个参数是一个集合对象(数组或者类数组)参考链接:this原创 2020-06-07 14:13:16 · 112 阅读 · 0 评论 -
ajax和axios、fetch的区别
https://www.jianshu.com/p/8bc48f8fde75原创 2019-05-21 14:09:37 · 91 阅读 · 0 评论 -
h5页面在不同iOS设备上的问题总结
参考链接:https://mp.weixin.qq.com/s/j5emRZ1QvwdoAvqBdEx-OQ原创 2019-04-10 09:56:44 · 256 阅读 · 0 评论 -
判断对象是否是空对象?
方法一:将JSON对象转化为JSON字符串,在判断是该字符串是否是“{}”var data={};var b=(JSON.stringify(data)==&amp;amp;quot;{}&amp;amp;quot;);alert(b)//true方法二:for in循环判断var obj={};var b=function(){for(var key in obj){return false;}{return true};}al...原创 2018-11-02 18:02:16 · 684 阅读 · 0 评论 -
call和apply
Javascript中的每一个Function对象都有一个apply()方法和call()方法,使用方法如下:function.apply(thisObj[,argArray])//第一个参数是对象,第二个参数是数组,只有2个参数function.call(thisObj,[,arg1[,arg2[,[,...argN]]]])//可有多个参数,第一个是对象,之后的是一串参数列表详细定义:...原创 2018-11-06 15:21:04 · 90 阅读 · 0 评论 -
html5将图片转换成base64代码
参考链接:https://www.jianshu.com/p/90fc1f9042a8优点:可以减少http请求,具有一定的加密功能。缺点:图片编码化base64的时候大小会变大,但是通过gzip优化以后基本差不多所以在应用的过程当中较小的图片可以直接编码成base64,较大的图片则不建议如此使用。h5的接口FileReader.readAsDataURL(),这个接口可以将文件转换成...原创 2019-02-21 17:41:31 · 4952 阅读 · 0 评论 -
this
参考链接:https://mp.weixin.qq.com/s/rRv6-8Y2ZNVfzQ8IkKnOWAthis是很多人会混淆的概念,但是其实他一点都不难,你只需要记住几个规则就可以了。this只依赖于调用函数的对象优先级最高的是构造函数call,apply,bind能改变this的指向,优先级仅次于new的构造函数箭头函数没有this,箭头函数的this只取决于他外面的第一个不是...原创 2019-02-25 18:10:25 · 112 阅读 · 0 评论 -
js 清除浮动的方法
方法一:用overflow给浮动元素的父级标签添加css:方法二:加空标签这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。方法三:使用after伪对象清除浮动。...原创 2019-03-01 17:22:25 · 1106 阅读 · 0 评论 -
图片上传 压缩 旋转
参考链接:https://blog.csdn.net/mm782642353/article/details/87896558原创 2019-02-26 10:57:09 · 163 阅读 · 0 评论 -
js执行机制
参考链接:https://mp.weixin.qq.com/s/m4hFgXfW_8jSuf2Y9RURDw除了广义的同步任务和异步任务,还有更细的定义:macro-task(宏任务):包括整体代码script,setTimeout,setInternalmicro-task(微任务):Promise,process.nextTick不同类型的任务会进入对应的Event Queue,例...原创 2019-03-06 14:58:40 · 188 阅读 · 0 评论 -
直播
TcPlayer - 腾讯直播 SDK 的网页播放器其中包含直播、录播的解决方案。重点解决跨域的问题。https://www.cnblogs.com/stnlcd/p/7262034.html原创 2019-03-11 18:43:21 · 168 阅读 · 0 评论 -
md5加密
代码:js链接:http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js原创 2019-03-26 11:36:58 · 119 阅读 · 0 评论 -
h5 放大缩小,拖动
用touchzoomdemo:https://github.com/appue/touchzoom原创 2019-04-10 17:21:10 · 1408 阅读 · 0 评论 -
fastclick.js导致input和textarea聚焦难的问题
都是修改fastclick.js文件input的聚焦难的解决方法:参考链接:https://github.com/ftlabs/fastclick/issues/548textarea的问题参考链接:http://www.php.cn/js-tutorial-387360.html...原创 2019-04-08 10:03:00 · 838 阅读 · 0 评论 -
关于请求的数据很多的情况
关于调后端的接口,返回的数据量很大的情况,很难给出大概返回的数据(几兆)是多大的时候会出问题,应该关注的点是大概接口什么时候能返回数据,一般超过两三百毫秒用户就会觉得页面反应有点慢了,影像这个时间的因素有很多:服务器配置缓存设置使用(redis等等)数据库设计(又包括了索引的使用)数据量的大小(数据库的吞吐量)网络带宽因素等...原创 2019-04-11 15:49:09 · 653 阅读 · 0 评论 -
js计算字符长度
获取中英文混合的长度:一个汉字是2个字节,一个数字和一个英文是1个字节方法一:export const DataLength = (fData) =&amp;amp;amp;amp;gt; {var intLength = 0for (var i = 0; i &amp;amp;amp;amp;lt; fData.length; i++) {if ((fData.charCodeAt(i) &amp;amp;amp;amp;lt; 0)原创 2018-11-05 14:11:29 · 8891 阅读 · 0 评论