
JS
js
DW_DJF
执行力才是拉开人与人差距的关键
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jsencrypt加密解密
RSA非对称加密原创 2023-03-31 10:43:28 · 943 阅读 · 0 评论 -
sort() 超全详细用法
排序稳定性(stable sorting)是排序算法的重要属性,指的是排序关键字相同的项目,排序前后的顺序不变。原创 2023-03-28 10:08:05 · 238 阅读 · 0 评论 -
flat(),flatMap() 超全详细用法
方法的参数是一个遍历函数,该函数可以接受三个参数,分别是当前数组成员、当前数组成员的位置(从零开始)、原数组。该方法返回一个新数组,不改变原数组。用于将嵌套的数组“拉平”,变成一维的数组。上面代码中,遍历函数返回的是一个双层的数组,但是默认只能展开一层,因此。默认只会“拉平”一层,如果想要“拉平”多层的嵌套数组,可以将。方法的参数写成一个整数,表示想要拉平的层数,默认为1。方法将子数组的成员取出来,添加在原来的位置。的参数为2,表示要“拉平”两层的嵌套数组。上面代码中,原数组的成员里面有一个数组,原创 2023-03-28 10:05:12 · 1555 阅读 · 0 评论 -
includes() 超全详细用法
方法有两个缺点,一是不够语义化,它的含义是找到参数值的第一个出现位置,所以要去比较是否不等于。另外,Map 和 Set 数据结构有一个has方法,需要注意与includes区分。如果第二个参数为负数,则表示倒数的位置,如果这时它大于数组长度(比如第二个参数为。下面代码用来检查当前环境是否支持该方法,如果不支持,部署一个简易的替代版本。方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的。,表达起来不够直观。该方法的第二个参数表示搜索的起始位置,默认为。使用的是不一样的判断算法,就没有这个问题。原创 2023-03-27 17:51:44 · 2744 阅读 · 0 评论 -
entries(),keys() 和 values() 超详细用法
ES6 提供三个新的方法——entries(),keys()和values()——用于遍历数组。它们都返回一个遍历器对象,可以用for...of循环进行遍历,唯一的区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。原创 2023-03-27 17:45:11 · 845 阅读 · 0 评论 -
fill() 超全详细用法
fill方法使用给定值,填充一个数组。原创 2023-03-27 17:29:32 · 1969 阅读 · 0 评论 -
find() 和 findIndex() 超全详细用法
数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。原创 2023-03-27 16:05:57 · 893 阅读 · 0 评论 -
Array.of() 超全用法详解
Array.of() 总是返回参数值组成的数组,用于将一组值,转换为数组。原创 2023-03-27 14:53:07 · 2134 阅读 · 0 评论 -
Array.from() 超全用法详解
Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。原创 2023-03-27 14:39:11 · 6246 阅读 · 0 评论 -
JS数组reduce()方法详解及高级技巧
reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高…原创 2023-03-21 15:22:10 · 702 阅读 · 0 评论 -
33个非常实用的JavaScript一行代码
33个非常实用的JavaScript一行代码原创 2023-03-13 16:34:39 · 1112 阅读 · 0 评论 -
new命令原理
【代码】new命令原理。原创 2023-03-13 16:15:29 · 143 阅读 · 0 评论 -
JS随机打乱数组
【代码】JS随机打乱数组。原创 2023-03-13 16:11:49 · 163 阅读 · 0 评论 -
ES5面向对象
【代码】ES5面向对象。原创 2023-03-13 16:12:03 · 77 阅读 · 0 评论 -
splice和slice的区别
splice会改变原数组,他通过删除或者替换现有元素或者原地添加新的元素来修改数组,并且以数组形式返回被修改的内容。有三个参数:start,指定修改的开始位置,如果超出数组的长度,则从数组末尾开始添加;start,起始索引,从该索引提取原数组元素,如果是负数,则从末尾开始;如果省略start,则默认是数组的0下标开始end,结束索引,在该索引结束提取原数组元素,如果end被省略,slice会一直到末尾;这个方法接受三个参数,我们在使用的时候可根据自己的情况传递一个参数,或两个参数,或者三个参数。原创 2023-03-13 16:10:11 · 608 阅读 · 0 评论 -
ES6面向对象
【代码】ES6面向对象。原创 2023-03-13 15:51:35 · 68 阅读 · 0 评论 -
防抖与节流函数
防抖和节流的作用都是在高频事件中防止函数被多次调用,是一种性能优化的方案。区别在于,防抖函数只会在高频事件结束后n毫秒调用一次函数,节流函数会在高频事件触发过程当中每隔n毫秒调用一次函数。原创 2023-03-13 15:29:06 · 112 阅读 · 0 评论 -
比typeof运算符更准确的类型判断
【代码】比typeof运算符更准确的类型判断。原创 2023-03-13 15:19:45 · 81 阅读 · 0 评论 -
多种数组去重性能对比
【代码】多种数组去重性能对比。原创 2023-03-13 15:07:53 · 149 阅读 · 0 评论 -
快速清空vue对象属性值
// 清空from对象let form={a:1,b:2}Object.keys(form).forEach(key => (form[key] = ''));原创 2022-03-02 13:44:54 · 3750 阅读 · 0 评论 -
特殊字符使用
JS 特殊字符使用原创 2023-02-01 11:47:00 · 107 阅读 · 0 评论 -
3D vr图片渲染
npm install --save three<template> <section class="index"> <div ref="container" id="container"></div> </section></template><script> import * as THREE from 'three' // import sceneUrl from '@/assets/WechatI原创 2022-02-08 16:51:05 · 144 阅读 · 0 评论 -
js四舍五入toFixed()
JS自带的方法toFixed(),toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法:NumberObject.toFixed(num),mun是必需的参数,即规定小数的位数,是 0 ~ 20 之间的值,包括 0 和20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替,所以toFixed()方法可以实现保留2位、3位、4位等等,取决于num的数值。 返回值:返回 NumberObject的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必原创 2022-02-08 16:39:58 · 591 阅读 · 0 评论 -
js解决小数运算精度丢失问题
/* * 解决小数运算精度丢失问题 */export const cal = { // 乘法 times(num1, num2, ...others) { if (others.length > 0) { return cal.times(cal.times(num1, num2), ...others) } const num1Changed = cal.float2Fixed(num1) const num2Changed = cal.float2Fixed(nu原创 2022-02-08 16:33:33 · 310 阅读 · 0 评论 -
js数组实现不重复插入数据
var array = ["football", "basketball"]; Array.prototype.pushNoRepeat = function() { for (var i = 0; i < arguments.length; i++) { var ele = arguments[i]; if (this.indexOf(e...原创 2020-01-07 17:44:19 · 1510 阅读 · 0 评论 -
浏览器css动态赋值及宽高度计算
created() { window.addEventListener("resize", ()=>{ document.body.style.setProperty( "--innerWidth", window.innerWidth - 158 + "px" ); }); this.getHeight(); }, <style lang="scss" scoped> #bigT..原创 2020-08-31 16:00:57 · 1215 阅读 · 0 评论 -
ES6—数组新方法
Array.from的设计目的是快速便捷把一个类似数组的可迭代对象创建成一个新的数组实例。通俗的讲,只要一个对象有length,Array.from就能把它变成一个数组,返回新的数组,而不改变原对象。let likeArr = { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES5的写法var arr1 = [...原创 2020-01-08 10:40:38 · 191 阅读 · 1 评论