随笔分类 -  js

歌词解析排序
摘要：1.解析歌词代码如下： let str=`[01:33.50]1111 [02:33.50]asas2222 [03:33.50]3333 [01:35.50][03:33.51] 44[]44 [01:36.50] [03:33.52] [03:33.56]55 55 [01:35.52] [03 阅读全文
posted @ 2019-04-22 14:25 yuesu 阅读(260) 评论(0) 推荐(1)
HTML和实体相互转换
摘要：// HTML和实体相互转换 String.prototype.convertEntity=(function(){ // 字符实体表 let entity = { quot : '"', lt : '', amp : '&', nbsp : ' ' } let entity_cover_key='',entity_cover={}; for(let item in entity){ enti... 阅读全文
posted @ 2019-04-19 10:26 yuesu 阅读(645) 评论(0) 推荐(0)
区分数据类型
摘要：1.分两类 原始值，引用值，null单独处理 2.区分引用值 function typeFn(target){ if(target===null) return null; let template={ '[object Array]':'array', '[object Object]':'object', '[object N... 阅读全文
posted @ 2019-03-28 09:51 yuesu 阅读(297) 评论(0) 推荐(0)
label应用-跳出多层循环
摘要：一、label: switch,while,for和do语句允许有一个可选的前置标签（label）,配合break语句使用。 二、应用 1.使用label跳出双循环 2.使用continue跳出单次循环 3.使用break跳出单层循环 阅读全文
posted @ 2019-03-27 15:52 yuesu 阅读(380) 评论(0) 推荐(0)
js滚动加载
摘要：// 滚动加载 function onScroll() { if (this.curPage > this.totalPage) return; var scrollTop = document.body.scrollTop || document.documentElement.scrollTop; var scrollHeigh... 阅读全文
posted @ 2019-01-24 17:50 yuesu 阅读(192) 评论(0) 推荐(0)
js-获取特定对象的值，key忽略大小写
摘要：let options={ shareUserId:123, } // let shareUserId=options.shareUserid||options.shareUserId||options.shareUserID; for (let item in options){ if(item.toLowerCase()=='shareuserid'){ l... 阅读全文
posted @ 2019-01-04 14:41 yuesu 阅读(2555) 评论(0) 推荐(0)
js常用函数
摘要：1.获取地址中的参数值 2.格式化时间 3.版本号比较 阅读全文
posted @ 2018-11-28 16:38 yuesu 阅读(141) 评论(0) 推荐(0)
js 中的forEach，for in ,for of 的使用
摘要：推荐在循环对象属性的时候，使用for...in,在遍历数组的时候的时候使用for...of。 1.for in 遍历对象的key 一般不推荐遍历数组，因为for in遍历后的不能保证顺序，而且原型链上的属性也会被遍历到， 因此一般常用来遍历非数组的对象并且使用hasOwnProperty()方法去过 阅读全文
posted @ 2018-10-16 17:04 yuesu 阅读(662) 评论(0) 推荐(0)
div 模拟输入框,支持输入表情
摘要：1.html结构 2.默认分享文案：发现一个好玩的歌房，快来一起玩吧~ ， 获取鼠标时，默认文案消失 2.最多输入140个汉字，支持输入表情 屏蔽回车，粘贴处理，表情处理 4.分享操作 分享内容：对表情，特殊字符处理 点击分享：防止频繁点击操作，判断有无网 阅读全文
posted @ 2018-10-16 10:58 yuesu 阅读(1065) 评论(0) 推荐(0)
div 模拟输入框
摘要：1.默认分享文案：发现一个好玩的歌房，快来一起玩吧~ ，获取鼠标时，默认文案消失 利用 empty,focus,before 伪元素解决，模拟placeholder 2.最多输入140个汉字 ，已输入文字数量随输入实时变化。超出140汉字时，不能输入进去 问题： 1.输入框粘贴，去掉格式，截取字数 阅读全文
posted @ 2018-10-08 11:09 yuesu 阅读(755) 评论(0) 推荐(0)
js encodeURI 和 encodeURIComponent 的区别
摘要：一、共同点 把字符串作为 URI 进行编码 方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。 二、区别 1.encodeURI(URIstring): 对在 URI 中具有特殊含义的 ASCII 标点符号，不会进行转义的 阅读全文
posted @ 2018-08-30 18:12 yuesu 阅读(4824) 评论(0) 推荐(1)
js 带表情的评论输入框问题
摘要：1.输入框粘贴处理 2.控制字数 内部文字和表情个数 3.转换表情 4.特殊字符转换 5.设置光标位置 6.插入字符串 阅读全文
posted @ 2018-08-02 17:39 yuesu 阅读(588) 评论(0) 推荐(0)
js 元素到指定的相对定位的父元素的距离
摘要：//元素到顶部左侧的距离 elem： DOM对象 type：top，left function getElementDistance (elem,type){ var offset; switch(type){ case 'top': offset='offsetTop'; break; case 'l... 阅读全文
posted @ 2018-07-31 16:47 yuesu 阅读(4205) 评论(0) 推荐(0)
html分享QQ,微信，显示分享图片,标题，简介
摘要：一、分享QQ 二、分享微信 3.调用 阅读全文
posted @ 2018-07-12 17:36 yuesu 阅读(722) 评论(0) 推荐(0)
js 深拷贝
摘要：1.正确处理的对象只有 Number, String, Boolean, Array, 扁平对象，即那些能够被 json 直接表示的数据结构。 2.通过递归复制 3. jquery 阅读全文
posted @ 2018-07-10 17:50 yuesu 阅读(619) 评论(0) 推荐(0)
iframe:获取iframe中的元素
摘要：二、获取iframe中的元素 阅读全文
posted @ 2018-07-09 11:14 yuesu 阅读(868) 评论(0) 推荐(0)
JS
摘要：一、 JavaScript 判断一个对象{}是否为空对象 var c = {}; if(JSON.stringify(c) == "{}"){ console.log(7);} 二、对象属性key为变量 var thetop = "top", obj = { [thetop]: 10 }; cons 阅读全文
posted @ 2018-07-09 11:12 yuesu 阅读(101) 评论(0) 推荐(0)
html图片加载失败时显示默认图
摘要：2. 阅读全文
posted @ 2018-07-09 11:05 yuesu 阅读(1213) 评论(0) 推荐(0)