随笔分类 -  js

js技巧
摘要：if...else... function getAge(age) { if (age <= 12) { return "儿童"; } else if (age > 12 && age <= 28) { return "青年"; } else if (age > 28 && age <= 50) { 阅读全文
posted @ 2022-03-31 15:39 zhongfang99 阅读(34) 评论(0) 推荐(0)
js变量、作用域、内存
摘要：传递参数 function setName(obj) { obj.name = '小明' } var person = new Object() setName(person) console.log(person.name) // '小明' 注意： 在以上代码中创建了一个对象，并将其保存在了变量p 阅读全文
posted @ 2021-08-01 22:32 zhongfang99 阅读(62) 评论(0) 推荐(0)
如何将URL中的UTF-8字符串转成对应的中文字符串
摘要：在项目中我们有时需要将url中的UTF-8字符串转换成中文使用。 getCharFromUtf8(str) { var cstr = ""; var nOffset = 0; if (str == "") return ""; str = str.toLowerCase(); nOffset = s 阅读全文
posted @ 2021-08-01 21:03 zhongfang99 阅读(520) 评论(0) 推荐(0)
如何在vue项目中使用两个版本的npm包依赖
摘要：最近在开发新需求时遇到一个问题，页面是图表可视化，使用的是echarts。在页面中包含一个地图和一个词云图。一开始echarts默认安装的是5.0+版本，可以地图的鼠标点击地图时总是会出现同时高亮两个省市且鼠标悬浮展示的框中内容不变。问题改了许久也没有得到解决，最终发现是因为版本过高导致的不稳定性。 阅读全文
posted @ 2021-08-01 20:59 zhongfang99 阅读(930) 评论(0) 推荐(0)
闭包
摘要：function Foo() { var i = 0; return function() { console.log(i++); } } var f1 = Foo(), f2 = Foo(); f1(); f1(); f2(); 0 1 0 函数在执行完了之后它和它的局部变量就会被销毁，但是foo 阅读全文
posted @ 2021-06-09 09:40 zhongfang99 阅读(55) 评论(0) 推荐(0)
v-for与v-if
摘要：当在项目中使用v-for循环列表时，需要对列表中的数据进行判断是否展示，但是在vue中v-for的优先级比v-if高，会有性能问题，此时可以使用computed计算属性解决问题。 <template> <div class="data-show"> <ul> <li v-for="item in f 阅读全文
posted @ 2021-05-31 14:47 zhongfang99 阅读(258) 评论(0) 推荐(0)
实现鼠标悬浮时边框上面有一条线动画出现
摘要：// 鼠标悬浮时候，可以有线条从左到右出现的动画效果，移开时从右到左消失的效果 <template> <div class="animation"> <div class="box" @mouseenter="enterTop" @mouseleave="leaveTop"> <div class= 阅读全文
posted @ 2021-05-25 17:17 zhongfang99 阅读(338) 评论(0) 推荐(0)
ES6 模块
摘要：模块的定义 模块(Modules)是使用不同方式加载的JS文件。 1】模块代码自动运行在严格模式下，并且没有任何办法跳出严格模式。 2】在模块的顶级作用域创建的变量，不会被自动添加到共享的全局作用域，它们只会在模块顶级作用域的内部存在。 3】模块顶级作用域的this值为undefined。 4】模块 阅读全文
posted @ 2020-07-31 15:29 zhongfang99 阅读(167) 评论(0) 推荐(0)
js中的循环
摘要：while 只要条件为真，就会不断循环执行代码块，先判断条件，条件成立才会执行。 do...while 先运行一次循环体，再判断条件是否成立。 for 可break跳出循环 for...in 可循环数组或者对象，对象i为键名，数组i为索引。 任何对象都继承了Object对象或者其他对象，继承的类的属 阅读全文
posted @ 2020-07-30 21:48 zhongfang99 阅读(234) 评论(0) 推荐(0)
对象---访问器
摘要：上述事例中，在对象外可以更改对象的属性的值，但是有时需要对改动的值设置范围，超过范围应该提示错误。 例：年龄应该设置为number类型，且年纪大于10岁小于100岁。 使用访问器批量设置属性 js let web = { name : '百度', url : 'www.baidu.com', set 阅读全文
posted @ 2020-04-15 17:17 zhongfang99 阅读(134) 评论(0) 推荐(0)
null undefined false 值转换的比较
摘要：`JavaScript权威指南`关于等号进行类型转换中的内容： 1、如果两个操作数的类型相同，则 同 的比较规则相同。 2、如果两个操作数类型不相同， 相等操作符可能会认为他们相等。检测相等会遵守如下规则和类型转换： a、如果一个值是 ，另外一个是 ，则他们相等； b、如果一个值是数字，另一个是字符 阅读全文
posted @ 2020-02-09 23:15 zhongfang99 阅读(375) 评论(0) 推荐(0)
setTimeout
摘要：js for(var i = 1; i 因为 线程并没有因为什么耗时操作而阻塞，所以可以很快取出排队队列中的任务然后执行它，也是这种队列机制，给我们制造一个异步执行的假象。 在setTimeout中使用“0” 这段代码表示立即执行。 本意是立刻执行调用函数，但事实上，上面的代码并不是立即执行的，这是 阅读全文
posted @ 2020-01-17 14:28 zhongfang99 阅读(286) 评论(0) 推荐(0)
Function和Object探究
摘要：Object.prototype 表示 的原型对象，其 属性是 ，访问器属性 指向对象内部的 。即 。 实例对象的 指向构造函数的 ，即f.__proto__指向 ，但是 是`null Object.prototype Object`函数创建的。 就是原型链的顶端指向null，实例化出来的对象继承了 阅读全文
posted @ 2020-01-17 09:54 zhongfang99 阅读(123) 评论(0) 推荐(0)
js技巧
摘要：数组去重 ，配合展开操作符 一起，可以创建一个去重了的新数组。 这个方法适用于包含基本类型的数组。 与或运算 使用 将返回第一个条件为 的值。如果每个操作数的计算值都为 ，则返回最后一个计算过得表达式。 使用 将返回第一个条件为 的值。如果每个操作数的计算结果都为 ，则返回最后一个计算过的表达式。 阅读全文
posted @ 2020-01-14 10:08 zhongfang99 阅读(161) 评论(0) 推荐(0)