![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
天涯T_T浪人
这个作者很懒,什么都没留下…
展开
-
js设计模式之装饰器
涉及模式装饰器原创 2021-10-17 13:50:27 · 118 阅读 · 0 评论 -
js class继承及各式声明总结
一级废话 二级废话原创 2021-09-28 10:13:37 · 117 阅读 · 0 评论 -
js计算时间跨度
1.在评论类需求会遇到 几分钟,几小时,几天前评论 0和1单位不加s,大于1加s显示复数:minutes function pluralize(time, label) { // 时间戳以秒算, 分钟,小时,天数 if (time === 1) { return time + label } return time + label + 's' } export function timeAgo(time) { const between = Date.原创 2021-04-30 14:36:25 · 290 阅读 · 0 评论 -
expor,export default和module.exports,exports比较
前两个是es6用法,编译时执行,代码在编译时就确定各自引用关系 后两个是commonjs用法,运行时执行; 1.export直接抛出的变量 用import {变量名} from 文件路径接受; 或者 export {变量名} 用 import 变量from 文件路径 2.export default 变量名,用import 变量名 from 文件路径 接受 注:在每个js文件中export default 只能用一次;export可以一直用;结合使用也不影响;结合使用时引入用import {原创 2021-04-29 10:48:44 · 197 阅读 · 0 评论 -
js 动态随机颜色
randomColor(){ return ‘#’ + Math.random().toString(16).substr(2, 6).toUpperCase(); }, :style="{background:randomColor()}原创 2021-04-07 18:49:09 · 312 阅读 · 0 评论 -
根据节点获取层级数据
根据最后一个节点 找到完整的层级数据 { value:1, label:1, children:[ { value:2, label:2, children:[ { value:4, label:4, } ] }, { value:3, label:3, children:[ { value:5, label:5, } ] } ] } 根据当前节点5 返回[1,3,5]完整的路径数据 node原数据 target当前节点值 unction deepFinds(node, target){ l原创 2021-04-05 00:30:18 · 223 阅读 · 0 评论 -
递归去除树状最后一层为空的children
使用场景:多级级联最后一级chidren数据给了数组,要做的是删掉空children,否则最后一级会出现空白但是又一直展示 原数据:{ label:1, value:1, children:[ { label:2, value:2, children:[] } , { label:2, value:2, children:[] } ] } 处理之后:子节点为空没了 { label:1, value:1, children:[ { label:2, value:2 } , { label:2, value:2原创 2021-04-05 00:17:54 · 2403 阅读 · 0 评论 -
promise基本使用总结
标题 promise基本使用总结 Promise对象代表一个未完成、但预计将来会完成的操作。 它有以下三种状态: pending:初始值,不是fulfilled,也不是rejected fulfilled:代表操作成功 rejected:代表操作失败 Promise有两种状态改变的方式,既可以从pending转变为fulfilled,也可以从pending转变为rejected。一旦状态改变,就「...原创 2019-06-19 12:03:12 · 210 阅读 · 0 评论 -
js堆和栈
标题 堆和栈 堆和栈都是运行时内存中分配的一个数据区,因此也被称为堆区和栈区,但二者存储的数据类型和处理速度不同。堆(heap)用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象;它是运行时动态分配内存的,因此存取速度较慢。栈(stack)中主要存放一些基本类型的变量和对象的引用,其优势是存取速度比堆要快,并且栈内的数据可以共享,但缺点是存在栈中的数据大小与生存期必须是确定的,...原创 2019-03-28 19:08:51 · 262 阅读 · 0 评论 -
es6关于函数和箭头函数指向的问题
标题 箭头函数指向 来看看this的一个使用案例: 1.在函数中,settimeout没有被调用,指向window: 2.箭头函数中,this指向定义时的this,而不是执行是的this: 3.多层嵌套箭头函数: 4.外层this指向window,内层this也会指向window: 5.箭头函数,非箭头函数混合情况: ...原创 2019-03-30 10:17:39 · 193 阅读 · 0 评论 -
jquery中$冲突问题
$冲突问题 <script src="itcast.js"></script> <script src="jquery-3.3.1.min.js"></script>原创 2019-03-22 20:24:04 · 326 阅读 · 0 评论 -
js部分localStorage,sessionStorage,ul传值
标题localStorage,sessionStorage,ul传值 localStorage: b页面内容: var str=‘hello’ var scopt=window.localStorage scopt[str]=‘word’ document.getElementsByTagName(‘button’)[0].onclick=function(){ window.location.h...原创 2019-03-13 19:59:10 · 253 阅读 · 0 评论 -
js兼容性异步加载封装
兼容性异步加载封装函数 <!-- 考虑到兼容性 下面是兼容异步加载js --> <script> function loadScript(url,callback){//路径、要执行的函数名 var script = document.createElement('script'); script.type = 't...原创 2019-03-21 19:00:11 · 174 阅读 · 0 评论 -
js原型链call,apply
原型链call,apply原创 2019-03-18 08:53:56 · 161 阅读 · 0 评论 -
事件中$(this)指向window的问题
##this指向window 箭头函数事件中(this)总是指向window,函数中function(e)传事件形参,(this)总是指向window,函数中function(e){}传事件形参,(this)总是指向window,函数中function(e)传事件形参,(this)也是指向window,如果要阻止默认事件等用到这个e,事件在两个函数中写,需要$(this)的单独一个事件函数中写。 ...原创 2019-03-20 17:49:36 · 2419 阅读 · 0 评论 -
es5初探
标题 es5相关 错误类型 严格模式 try …catch // Error:name六种:1.EvalError:eval()的使用和定义不一致 2.RandgeError:数值越界 3.ReferenceError:非法或不能识别的引用数值(没声明就调用的变量) 4.SyntaxError:语法解析错误 5.TypeError:操作数类型错误 6.URIError:URI处理函...原创 2019-03-14 21:03:40 · 200 阅读 · 0 评论 -
JS部分BOOM类封装函数
标题BOOM类封装函数 1.// 封装兼容性方法,可视区窗口大小 function getViewportOffset(){ if(window.innerHeight){ return{ w:window.innerWidth, h:window.innerHeight } }else{ if(document.compatMode===‘BackCompat’){ return{ w:docu...原创 2019-03-08 19:27:00 · 482 阅读 · 0 评论