
javascript
文章平均质量分 77
Web小白菜~
资深牛马,实力不详,遇强则强。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS里的 ?? 和 || 有啥区别
(逻辑或运算符)都可以用来处理变量值,但是切记这俩玩意不一样,是有区别的。时,返回右侧的操作数;否则,返回左侧的操作数。)时,返回右侧的操作数;否则,返回左侧的操作数。是一个短路逻辑运算符,当左侧的操作数为。是一个逻辑运算符,当左侧的操作数为。在JavaScript中,(空值合并运算符)和。原创 2024-10-11 13:28:17 · 1396 阅读 · 0 评论 -
在Node.js环境中,setTimeout(() => {}, 0)、process.nextTick()、Promise.then()、async/await、setImmediate()的区别
Promise.then的回调会被放入微任务队列(microtask queue),这个队列的执行时机在事件循环的当前阶段结束之后,但在下一个阶段开始之前。在process.nextTick()队列清空之后,事件循环会移动到微任务队列的下一个阶段,这里会执行所有的Promise回调(通过.then()、.catch()或.finally())以及async函数中的await。process.nextTick是Node.js中的一个特性,它允许你将一个函数推迟到事件循环的下一个阶段执行,但在这个阶段之前。原创 2024-09-25 14:01:50 · 838 阅读 · 0 评论 -
JavaScript中的parseInt(), Number(),+有啥区别?
在JavaScript中,parseInt(), Number(), 和一元加号 + 都可以用来转换值到数字类型,但它们的工作方式和用途有所不同。使用场景 1: 当你想要以更简洁的方式将变量转换为数字,特别是当你已经知道该变量是数字或可以转换为数字的字符串。使用场景 1: 当你需要从字符串中提取一个整数部分,特别是当字符串可能包含非数字字符时。使用场景 2: 在数学表达式中,使用 + 来隐式转换值到数字类型,从而使代码更简洁。使用场景 1: 当你需要将任何类型的值转换为数字,包括整数和浮点数。原创 2024-09-24 16:56:49 · 633 阅读 · 0 评论 -
实现实时Web应用,使用AJAX轮询、WebSocket、还是SSE呢??
文章目录短轮询(Short Polling)长轮询(Long Polling)Comet “服务器推” (这玩意现在用的很少了,了解一下即可)WebSocket原理:方法:事件:SSE原理事件总结在日常的开发中,我们经常能碰见服务端需要主动推送给客户端数据的业务场景,比如数据大屏的实时数据、新闻数据、消息中心的未读消息,聊天功能、股票走势、天气情况等等。我们的方案大概就是轮询、WebSocket、SSE短轮询(Short Polling)客户端定期(例如每几秒)发送AJAX请求到服务器。服务器立原创 2024-09-12 14:45:25 · 1577 阅读 · 0 评论 -
js判断一个对象是否为空对象
在JavaScript中,判断一个对象是否为空对象可以通过几种不同的方法来实现。"空对象"通常指的是一个对象已经被初始化,但是没有任何属性或方法。原创 2024-04-17 13:54:13 · 2181 阅读 · 1 评论 -
用structuredClone来实现深拷贝?
在JavaScript中,深拷贝(deep copy)意味着创建一个新对象,它的结构和原始对象相同,但是所有属性都是原始值的副本,而不是指向原始对象中的同一内存地址。这样做可以确保修改新对象不会影响原始对象。原创 2024-04-16 22:09:53 · 763 阅读 · 0 评论 -
Radash一款JavaScript最新的实用工具库,Lodash的平替!
随着时间的推移,Radash 的社区可能会继续增长,提供更多的资源和支持。这样的设计使得 Radash 更加轻量级,项目中使用 Radash 时,只需要加载它本身,无需加载额外的依赖。Radash 是一个新兴的 JavaScript 实用工具库,它被设计为“新一代的 Lodash”,并且在 GitHub 上拥有较高的星标数和稳定的下载量。Radash 的源代码易于理解,对新手友好。)是一个逻辑运算符,它在左侧的操作数为null或undefined时,返回右侧的操作数,否则返回左侧的操作数。原创 2024-03-30 00:36:36 · 3342 阅读 · 2 评论 -
记录前端面试的一些笔试题(持续更新......)
unshift就是将一个或多个元素添加到数组的开头并返回新数组的长度。原创 2024-03-05 22:10:25 · 529 阅读 · 0 评论 -
代码整洁之道--直击痛点
都2022了,不会还有人不会用es6吧,不会吧不会吧直击痛点痛点1:if else直接拉满优化方案1:switch优化方案2:Object优化方案3:Map (终于可以写es6了,巨鸡冻)痛点2: 判断一些不确定的值优化方案1: ??空值合并运算符优化方案2:?.可选链接运算符之后再补充,未完待续???直击痛点痛点1:if else直接拉满当你接手一个别人开发新项目时,总会遇到页面if (xxx) {//做些什么} else if (xxx) {//做些什么} else if (xxx原创 2022-04-22 15:37:53 · 1155 阅读 · 1 评论 -
前端代码风格指南
文章目录一、命名规范1、项目文件命名1.1、项目名1.2、目录名1.3、图像文件名1.4、HTML文件名1.5、CSS文件名1.6、JavaScript文件名2、Vue组件命名2.1、单文件组件名2.2、单例组件名(TheXXX)2.3、基础组件名(BaseXXX)2.4、业务组件(CustomXXX)2.5、紧密耦合的组件名2.6、组件名中的单词顺序2.7、完整单词的组件名3、代码参数命名3.1、name3.2、prop3.3、router3.4、模板中的组件3.5、自闭合组件3.6、变量3.7、常量3.转载 2021-11-04 18:57:13 · 1692 阅读 · 0 评论 -
记录一些JS工具函数
文章目录为元素添加on方法为元素添加trigger方法转义html标签html标签转义为元素添加on方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function(event, fn) { []['forEach'].call(this, function(el) { el.on(event, fn); }); return this; };为元素添加原创 2021-11-03 17:36:50 · 240 阅读 · 0 评论 -
js数字千位分割的常用方法
文章目录方法一:遍历每3位添加 " , "方法二:toLocaleString方法三:正则匹配和replace把普通的数字转换为带千位分隔符格式的数字字符串是一个非常常见的问题,千位分隔符格式的规则是数字的整数部分每三位一组,以“,”分节。小数部分不分节 。示例:12,345,678.23456注:只针对number所以不做其他类型的校验方法一:遍历每3位添加 " , " const numFormat1 = param => { const num = param + ''; c原创 2021-06-04 16:46:06 · 4448 阅读 · 1 评论 -
JavaScript面试题看这一篇就够了(持续更新......)
JavaScript经典面试题1.简要描述 JS 的数据类型?答案:JavaScript 的数据类型可分为原始数据类型和引用数据类型。原始数据类型:String(字符串)、Number(数字)、Boolean(布尔)、Null(空)、Undefined(未定义)引用数据类型:Array(数组)、Object(对象)、Function(函数)2.看代码,写出结果 var a = [];...原创 2020-08-11 17:27:58 · 819 阅读 · 0 评论 -
js封装一个判断数据类型的函数
文章目录typeofinstanceofconstructorObject.prototype.toString()到最后了,封装一个准确判断数据类型的函数。有些同学面试上会经常遇到这个笔试题—用js手写一个判断数据类型的函数。当然了这个题方法有好多种…但是你有木有想哪种写法比较简单。如果你还在 if…else if…else if…else…你就out了。但是都是基于----typeof...原创 2020-01-02 23:11:06 · 2666 阅读 · 0 评论 -
JavaScript 50道 面试题
记录一些具有代表性的js面试题,扎实一下基础,一起学习,一起进步,有则改之无则加勉。1.下面代码的输出是什么? function sayHi(){ console.log(name); console.log(age); let name = "Tom"; let age = 18; } sayHi();A: Tom 和 undefinedB: Tom 和 Re...原创 2019-10-18 10:03:49 · 9253 阅读 · 1 评论 -
JS 开发日常的小技巧
文章目录类型强制转换String强制转换为NumberObject强制转化为String用Boolean过滤数组中的所有假值双位运算符 `~~`短路运算符 `&&` / `||`取整 `| 0`判断奇偶数 `& 1`函数函数默认值强制参数类型强制转换String强制转换为Number可以用 *1 来转化为数字(实际上是调用 .valueOf方法)然后使用 Numbe...原创 2019-07-08 19:13:14 · 1465 阅读 · 0 评论