javaScript
javaScript学习心得和问题笔记
次顶级
前端开发
展开
-
vue3实现日历日期选择(不使用任何插件,纯javaScript实现)
(自己开发的前端功能和UI组件,一些有趣的小功能,感兴趣的伙伴可以访问,欢迎提出更好的想法,私信沟通,网站属于静态页面)上面代码直接创建vue文件,在其他文件直接引入组件使用即可。以上 👆 是个人前端项目,欢迎提出您的建议😊。以上 👆 是个人前端项目,欢迎提出您的建议😊。SubTopH前端开发个人站。下面是日期选择组件完整代码。原创 2023-08-30 16:49:50 · 1733 阅读 · 0 评论 -
我的个人项目
vue3实现贪吃蛇小游戏,纸牌小游戏,自定义音乐播放器,五子棋游戏,富文本,任务管理,快速笔记原创 2023-07-25 11:19:53 · 145 阅读 · 0 评论 -
JS中toString()、toLocaleString()、valueOf()的区别
简单举例说明var date = new Date();console.log(date.valueOf());console.log(date.toString());console.log(date.toLocaleString());// 1646633677164// Mon Mar 07 2022 14:14:37 GMT+0800 (中国标准时间)// 2022/3/7 下午2:14:37var num = new Number(3287398279);console.l原创 2022-03-07 14:20:52 · 212 阅读 · 0 评论 -
vue2中函数式组件切换
根据传入组件名称,展示不同组件.js文件,使用时和vue组件文件一样,引入,注册组件,标签使用import ConversationTpl from './ConversationTpl.vue'import ProblemTpl from './ProblemTpl.vue'import SharesTpl from './SharesTpl.vue'import FileCommentTpl from './FileCommentTpl.vue'import CollectionTpl原创 2022-02-17 09:35:48 · 306 阅读 · 0 评论 -
JavaScript中set和map数据类型
Set在ES6之前,我们存储数据的结构主要有两种:数组、对象。 在ES6中新增了另外两种数据结构:Set、Map,以及它们的另外形式WeakSet、WeakMap。 Set是一个新增的数据结构,可以用来保存数据,类似于数组,但是和数组的区别是元素不能重复。 创建Set我们需要通过Set构造函数(暂时没有字面量创建的方式)我们可以发现Set中存放的元素是不会重复的,那么Set有一个非常常用的功能就是给数组去重。 Set常见的属性: psize:返回Set中元素的个数; Set常用的方原创 2022-02-03 22:57:20 · 552 阅读 · 0 评论 -
JavaScript实现防抖
基础实现function debounce(fn, delay) { // 1.定义一个定时器, 保存上一次的定时器 let timer = null // 2.真正执行的函数 const _debounce = function() { // 取消上一次的定时器 if (timer) clearTimeout(timer) // 延迟执行 timer = setTimeout(() => { // 外部传入的真正要执行的函数原创 2022-02-01 16:34:55 · 729 阅读 · 0 评论 -
(方法)JavaScript删除字符串中所有指定元素
删除单个或多个字符串中多个关键词/** * @param {string} initStr -需要处理的字符串 * @param {string || array} initkeyWord -需要删除的关键词单个字符或者多个字符数组(数组中字符不要由重叠部分) * bad ['有限公司','股份有限公司'] 问题:股份 不会被删除 * bad ['股份有限公司','有限公司'] 长字符靠前可以解决(不推荐) * good ['有限','股份','公司'] * @returns {str原创 2022-01-22 11:26:06 · 1723 阅读 · 0 评论 -
(基础)JavaScript数组方法大全,方便查找使用
JavaScript数组方法全部介绍,数组方法使用、数组方法参数及返回值介绍原创 2022-01-07 17:33:35 · 792 阅读 · 0 评论 -
(问题)eslint检查时报错
error setCookie not found in './docLogData' import/named原创 2022-01-06 09:58:45 · 948 阅读 · 0 评论 -
(基础)ESLint配置详情
简介通过用 ESLint 来检查一些规则,我们可以:统一代码风格规则,如:代码缩进用几个空格;是否用驼峰命名法来命名变量和函数名等。 减少错误, 如:相等比较必须用 === ,变量在使用前必须被声明,在条件语句中不能使用赋值语句等。 提高代码质量,如:函数最多有多少条件分支;最多有几个参数,代码块最多能嵌套多少层等。安装安装 ESLint 的依赖npm install --save-dev eslint eslint-loader在 webpack.config.js 加上配置原创 2022-01-05 22:11:51 · 5199 阅读 · 0 评论 -
axios发送post请求时转为formData格式
axios发送post请求时转为formData格式原创 2022-01-04 14:33:26 · 1551 阅读 · 0 评论 -
(函数)JavaScript中保留到小数点以后n位
// 保留小数点以后几位,默认2位export function cutNumber(number, no = 2) { if (typeof number != 'number') { number = Number(number) } return Number(number.toFixed(no))}使用场景:JS的浮点数超长,有时候页面显示时需要保留2位小数...原创 2022-01-03 22:19:05 · 211 阅读 · 0 评论 -
(函数)JavaScript中对象转化为FormData对象
JavaScript中对象转化为FormData对象原创 2022-01-02 21:38:58 · 4464 阅读 · 1 评论 -
(函数)JavaScript中简单的深拷贝
JavaScript中简单的深拷贝原创 2022-01-01 19:44:31 · 122 阅读 · 0 评论 -
(函数)JavaScript中生成随机字符串
JavaScript中生成随机字符串原创 2021-12-31 22:01:45 · 305 阅读 · 0 评论 -
(函数)JavaScript中延迟毫秒执行
JavaScript中休眠多少毫秒原创 2021-12-31 22:01:12 · 455 阅读 · 0 评论 -
(函数)JavaScript中复制内容到剪贴板
JavaScript中复制内容到剪贴板原创 2021-12-31 09:24:57 · 269 阅读 · 0 评论 -
(函数)JavaScript中上传文件判断后缀名
JavaScript中上传文件判断后缀名原创 2021-12-30 23:10:15 · 381 阅读 · 0 评论 -
(基础)JavaScript类型转换(强制类型转换+隐式类型转换)
JavaScript 中有五种基本数据类型(其中包括 String、Number、Boolean、Function、Symbol)、三种对象类型(其中包括 Object、Date、Array)和两种特殊类型(其中包括 Null、Undefined)。不同的类型之间运算需要先对数据的类型进行转换,类型转换是将一种数据类型转换为另一种数据类型的过程,在日常开发中,我们会经常用到。在 JavaScript 有两种类型转换的方式,分别是隐式类型转换和强制类型转换(也叫显式类型转换)原创 2021-12-29 22:47:49 · 672 阅读 · 0 评论 -
(基础)JavaScript截取数组:使用splice()和slice()方法
使用 splice() 和 slice() 方法,增加,删除,截取原创 2021-12-29 22:42:17 · 2969 阅读 · 0 评论 -
(基础)JavaScript模块化,CommonJS规范和node关系
CommonJS规范模块化导出方式,错误导出方式,exports和module.exports区别和简单原理原创 2021-12-25 22:48:00 · 210 阅读 · 0 评论 -
(基础)JavaScript中错误处理throw使用,错误信息处理
JavaScript中错误处理throw,捕获异常,错误信息查看原创 2021-12-25 20:48:08 · 4641 阅读 · 0 评论 -
(基础)JavaScript中宏任务和微任务
事件循环,宏任务和微任务原创 2021-12-24 23:01:26 · 383 阅读 · 0 评论 -
(基础)JavaScript中async中使用await关键字
async中使用await关键字,不可以单独使用await,await后面是Promise对象原创 2021-12-24 22:54:46 · 358 阅读 · 0 评论 -
(基础)JavaScript中async异步函数和普通函数区别
JavaScript中async异步函数和普通函数区别,返回值和异常处理原创 2021-12-23 23:17:17 · 1715 阅读 · 0 评论 -
(进阶)JavaScript中生成器实现异步请求处理方案
利用生成器实现异步请求,解决回调地域原创 2021-12-23 23:17:03 · 250 阅读 · 0 评论 -
(基础)JavaScript生成器来替代迭代器
JavaScript生成器来替代迭代器写法,简化迭代器代码原创 2021-12-22 10:55:22 · 168 阅读 · 0 评论 -
(基础)JavaScript生成器,执行,传递参数
生成器:生成器是ES6中新增的一种函数控制、使用的方案,它可以让我们更加灵活的控制函数什么时候继续执行、暂停执 行等。首先,生成器函数需要在function的后面加一个符号:*其次,生成器函数可以通过yield关键字来控制函数的执行流程:最后,生成器函数的返回值是一个Generator(生成器):function* foo() { console.log("函数开始执行~") const value1 = 100 console.log("第一段代码:", value1)原创 2021-12-22 10:54:59 · 328 阅读 · 0 评论 -
(基础)JavaScript迭代器[Symbol.iterator]
迭代器就是为实现对不同集合进行统一遍历操作的一种机制,只要给需要遍历的数据结构部署Iterator接口,通过调用该接口,或者使用消耗该接口的API实现遍历操作。原创 2021-12-21 16:51:30 · 1975 阅读 · 0 评论 -
(进阶)手写Promise-then方法(实现2)
实现then多次调用,回调函数保存在数组延迟调用then时判断当前状态后直接回调原创 2021-12-21 16:50:46 · 119 阅读 · 0 评论 -
(进阶)手写Promise-then方法(实现1)
实现resolve , reject同时调用时,只会执行第一个回调 then时将回调加入微任务,延迟执行,确保拿到then的成功和失败回调后执行原创 2021-12-20 11:13:23 · 335 阅读 · 0 评论 -
(基础)Promise类方法any()使用
Promise.any()接受多个Promise对象数组形式传递参数始终会等待一个成功结果才返回,全部失败就返回catch回调会等到有一个Promise变成fulfilled状态,才结束,进入then如果Promise状态全部是rejected,都结束后进入catch进入catch会抛出错误信息原创 2021-12-19 07:00:00 · 1147 阅读 · 0 评论 -
(基础)Promise类方法race()使用
Promise.race()接受多个Promise对象数组形式传递参数拿到第一个敲定状态就返回,无论状态成功失败只要有一个Promise状态改变,那么就结束以先拿到结果Promise值作为整个值返回如果最先返回的值状态是fulfilled,那就进入then中结束如果最先返回的值状态是rejected,那就进入catch中结束原创 2021-12-20 11:12:57 · 1991 阅读 · 0 评论 -
(基础)Promise类方法allSettled()使用
Promise.allSettled()接受多个Promise对象数组形式传递参数所有结果敲定,无论成功失败都返回所有的Promise都敲定状态时就返回成功结果无论结果是fulfilled还是rejected都会在then获取,不会来到catch里面原创 2021-12-19 07:00:00 · 565 阅读 · 0 评论 -
(基础)Promise类方法all()使用
Promise.all()接受多个Promise对象数组形式传递参数等待所有结果成功才返回所有的Promise都变成fulfilled时,再拿到结果如果在拿到所有结果之前,有一个promise变成了rejected,那么整个promise是rejected原创 2021-12-18 07:00:00 · 669 阅读 · 0 评论 -
(基础)Promise类方法reject()使用
可直接返回失败的Promise对象原创 2021-12-18 07:00:00 · 11309 阅读 · 0 评论 -
(基础)Promise类方法resolve()
把一个普通对象转为成功的Promise对象原创 2021-12-16 16:00:08 · 11632 阅读 · 0 评论 -
(基础)Promise中finally()使用
无论结果是成功失败,都会被执行的回调函数原创 2021-12-17 07:15:00 · 1010 阅读 · 0 评论 -
(基础)Promise中catch()方法使用,捕获错误(拒绝)
Promise使用catch调用错误(拒绝)捕获的回调函数的原创 2021-12-17 07:15:00 · 7641 阅读 · 0 评论 -
(基础)Promise中then()方法使用,多次调用、链式调用
Promise可以被多次调用then方法,链式调用原创 2021-12-16 14:33:49 · 10717 阅读 · 1 评论