随笔分类 -  js

摘要:vue项目中使用$.once(‘hook:beforeDestory‘,() => {})用法 一、清理定时器问题 在vue项目通常我们清理定时器的方法时,通常有两种方法 方法一:1、首先在vue实例的data中定义定时器的名称: export default{ data(){ timer:null 阅读全文
posted @ 2022-03-16 15:23 wamm521 阅读(1318) 评论(0) 推荐(0)
摘要:在vue中,父组件中使用子组件方法的和传递过来的参数时直接只用参数就可以了,如下: // child this.$emit('change', param) // parent @change='parentHandle(param)' 如果我们在使用子组件方法的同时,还想使用自定义参数呢,使用场景 阅读全文
posted @ 2022-01-07 20:09 wamm521 阅读(564) 评论(0) 推荐(0)
摘要:1.nrm nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,使用这个就可以快速地在 npm 源间切换 2.安装nrm 在命令行执行命令,npm install -g nrm,全局安装nrm。 3.使用 执行命令nrm ls查看可选的源。 nrm ls 阅读全文
posted @ 2022-01-07 14:27 wamm521 阅读(892) 评论(0) 推荐(0)
摘要:一个类可以去继承其他类里面的东西,这里定义一个叫Person的类,然后在constructor里面添加两个参数:name和birthday; 下面再添加一个自定义的方法intro,这个方法就是简单地返回this.name和this.birthday; class Person{ constructo 阅读全文
posted @ 2021-08-17 19:44 wamm521 阅读(80) 评论(0) 推荐(0)
摘要:请求二进制流的时候,自动将流转换成blob对象,在axios请求的时候在请求体里设置 responseType: 'blob' 但是突然失效了,后来发现是引入mockjs导致的。(好大的坑!!!) 转载 mockjs的坑是会把responseaaType属性自动设置为空 https://blog.c 阅读全文
posted @ 2020-09-21 10:35 wamm521 阅读(3275) 评论(0) 推荐(0)
摘要:pickerOptions: { disabledDate(time) { console.log(this) //undefined 拿不到vue实例 console.log(_this.searchForm.timeValue)//可以拿到值 console.log(_this) //vue实例 阅读全文
posted @ 2020-09-15 11:13 wamm521 阅读(3077) 评论(0) 推荐(1)
摘要:目前使用过四种 1、递归递归去复制所有层级属性 function deepClone(obj){ let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj "object"){ for(key in obj){ if(obj.hasO 阅读全文
posted @ 2020-09-10 13:58 wamm521 阅读(7283) 评论(0) 推荐(0)
摘要:深拷贝和浅拷贝的本质区别就是深拷贝是新开辟一个新的地址空间,对象的改变不会影响原数组;浅拷贝只是复制原对象,指针仍然指向原数组,当前数组变化的时候会触发原数组的改变。 写在前面 各类技术论坛关于深拷贝的博客有很多,有些写的也比我好,那为什么我还要坚持写这篇博客呢,之前看到的一篇博客中有句话写的非常好 阅读全文
posted @ 2020-09-10 11:42 wamm521 阅读(960) 评论(0) 推荐(0)
摘要:一 : 为什么要了解浏览器渲染页面的机制,主要还是性能的优化。 了解浏览器如何进行加载,我们可以在引用外部样式文件,外部JS时,将它们放到合适的位置,是浏览器以最快的速度,将文件加载完毕。 了解浏览器如何进行解析,我们可以在构建DOM结构,组织CSS选择器的时候,选择最优的写法,提高浏览器的解析速率 阅读全文
posted @ 2020-09-10 10:50 wamm521 阅读(242) 评论(0) 推荐(0)
摘要:想要继承,就必须要提供个父类(继承谁,提供继承的属性) 一、原型链继承 重点:让新实例的原型等于父类的实例。特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!)缺点:1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新实例 阅读全文
posted @ 2020-09-10 10:44 wamm521 阅读(321) 评论(0) 推荐(0)
摘要:bject.defineproperty 用于 监听 对象的数据变化 用法 Object.defineproperty(obj, key, descriptor) 例如: let obj = { age: 11} let val = 1 Object.defineproperty(obj, 'nam 阅读全文
posted @ 2020-09-10 10:39 wamm521 阅读(994) 评论(0) 推荐(0)
摘要:for (var i = 0; i < arr.length - 1; i++) { for (var j = i + 1; j < arr.length; j++) { if (arr[i].deptName arr[j].deptName) { this.$showWarningMsg('事业部 阅读全文
posted @ 2020-09-09 16:38 wamm521 阅读(4418) 评论(0) 推荐(1)
摘要:1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {fo 阅读全文
posted @ 2019-11-06 16:24 wamm521 阅读(347) 评论(0) 推荐(0)
摘要:防抖和节流严格算起来应该属于性能优化的知识,但实际上遇到的频率相当高,处理不当或者放任不管就容易引起浏览器卡死。所以还是很有必要早点掌握的。 节流概念(Throttle) 主要应用场景有:scroll、touchmove 防抖概念(Debounce) 主要应用场景有:input验证、搜索联想、res 阅读全文
posted @ 2019-11-06 14:36 wamm521 阅读(291) 评论(0) 推荐(0)
摘要:今天修改form表单,发现有好几个input值保存不上,上网搜索了一下是$.serializeArray()获取不到disabled的值。如果想要让input元素变为不可用,可以把input设为readonly,而不是disabled; 如果想让input元素变为不可用,可以把input设为read 阅读全文
posted @ 2019-08-30 09:55 wamm521 阅读(2688) 评论(0) 推荐(1)
摘要:echarts version: 3.1.2 修改图例点击事件样例代码: 当第一次点击图例时,只显示点击的图例。 当还剩一个图例被取消选中后,自动全选中所有图例。 var triggerAction = function(action, selected) { legend = []; for ( 阅读全文
posted @ 2019-08-09 14:42 wamm521 阅读(7653) 评论(0) 推荐(0)
摘要:请求完成后回调函数 (请求success 和 error之后均调用)。这个回调函数得到2个参数:XMLHTTPRequest) 对象和一个描述请求状态的字符串("success", "notmodified", "nocontent","error", "timeout", "abort", 或者 阅读全文
posted @ 2019-08-08 14:57 wamm521 阅读(4363) 评论(0) 推荐(0)
摘要:首先描述一下定义以及用法 Object.defineProperty()的作用就是直接在一个对象上定义一个新属性,或者修改一个已经存在的属性。 Object.defineProperty(obj, prop, desc)obj 需要定义属性的当前对象prop 当前需要定义的属性名desc 属性描述符 阅读全文
posted @ 2019-08-06 18:37 wamm521 阅读(299) 评论(0) 推荐(0)
摘要:javascript的原型链有显式和隐式两种: 显式原型链:即我们常见的prototype; 隐式原型链:在一般环境下无法访问,即不可见,在FireFox下可以通过__proto__方式访问;隐式原型链用于javascript引擎内部对原型链的搜寻,通过显示原型链来设置; 一、prototype和_ 阅读全文
posted @ 2019-07-10 19:10 wamm521 阅读(11586) 评论(0) 推荐(1)
摘要:一. 普通对象与函数对象 JavaScript 中,万物皆对象!但对象也是有区别的。分为普通对象和函数对象,Object 、Function 是 JS 自带的函数对象。下面举例说明 在上面的例子中 o1 o2 o3 为普通对象,f1 f2 f3 为函数对象。怎么区分,其实很简单,凡是通过 new F 阅读全文
posted @ 2019-04-01 14:13 wamm521 阅读(311) 评论(0) 推荐(0)