-
JavaScript Object keys 方法
定义对象 const obj = { 3: "Hello World", 1: '你好', "bbb": "value of bbb", "aaa": "value
2025-11-24, Views: 604 , Topics: JavaScript
-
JavaScript Object entries 方法
Object.entries 返回的entries是一个Array数组对象。 const obj = { 3: "Hello World", 1: '你好', "bbb":
2025-11-23, Views: 522 , Topics: JavaScript
-
JavaScript 箭头函数中右侧的圆括号的作用 => ()
代码 const arr = [ {id: "123", name: "zhangsan"}, {id: "456", name: "lisi"}, ]; arr.map(elem
2025-11-22, Views: 568 , Topics: JavaScript
-
JavaScript 中函数的定义各种方式
基础函数 函数提升:可以在函数定义之前调用函数,JavaScript会先扫描并提升函数声明到当前作用域顶部。 function 变量名(参数1, 参数2, ...) { 相关代码逻辑
2025-11-20, Views: 635 , Topics: JavaScript
-
JavaScript 与 CSS 实现自定义 Toast 弹框提醒
CSS 居中显示。 .toast { position: fixed; z-index: 1; top: 50%; left: 50%; transform:
2025-09-18, Views: 1009 , Topics: JavaScript CSS
-
JavaScript 获取 CSS 中定义的变量
需求 动态获取CSS中定义的主颜色。 CSS #root { --color: red; } .my-div { --color: red; } JavaScript 使用get
2025-09-17, Views: 943 , Topics: JavaScript CSS
-
JavaScript 微任务 queueMicrotask 与 Promise 的区别
queueMicrotask 执行优先级与Promise相同,代码中先定义的先执行 会抛出异常,需注意处理,否则会导致后续代码无法执行 Promise 执行优先级与queueMicrotask
2025-09-16, Views: 1154 , Topics: JavaScript
-
JavaScript 微任务、宏任务、事件循环
微任务 queueMicrotask Promise queueMicrotask(() => { console.log("queue micro task") }) Promise
2025-09-15, Views: 1093 , Topics: JavaScript
-
JavaScript export 和 export default 的作用和区别
作用 export和export default都是将当前js文件的变量、函数、类等导出给其他js文件使用。 就像Java中写了一个public的工具类方法,在其他类中使用时,需要import导入一
2025-09-14, Views: 1141 , Topics: JavaScript
-
JavaScript 数值型字符串转数字类型
一元操作符 使用+号,快速转换。 对于非数值型字符串,会得到NaN(Not a Number) 隐式类型转换:调用了字符串的ToNumber抽象操作。 let a = +'123'; let b =
2025-09-13, Views: 1143 , Topics: JavaScript
-
JavaScript JSON.stringify 美化输出
代码 第三个参数表示缩印的空格数量。 如果传入的是字符串类型,会导致格式化后变为不是JSON格式。 let person = { "name": "zhangsan", "age":
2025-09-12, Views: 1218 , Topics: JavaScript JSON
-
JavaScript Clipboard 复制到剪切板功能
Clipboard navigator.clipboard.writeText("复制的内容") .then(() => { console.log("success");
2024-09-10, Views: 1942 , Topics: JavaScript
-
JavaScript String 转 Number
需求 将字符串类型的'0.01'字段转为数字类型。 代码 转换 使用Number()函数进行转换。 let a = Number('0.01') 判断 使用isNaN函数判断是否是合法的数字类型。
2024-09-03, Views: 1637 , Topics: JavaScript
-
JavaScript 实现 jQuery wrap 方法
需求 将所有pre标签包裹一个div。 jQuery wrap 方法 $("pre").wrap("<div class='pre-class'>&
2023-12-05, Views: 2042 , Topics: JavaScript
-
JavaScript 将 Number 转成 String
需求 将Number类型的变量转为String字符串。 方法一 字符串模板 var num = 1 num = `${num}` 方法二 拼接字符串 var n
2023-12-04, Views: 1621 , Topics: JavaScript
-
JavaScript 获取 img 图片的绝对路径和相对路径
需求 提取网页中所有图片的路径。 代码 image.src是绝对路径。 image.getAttribute是相对路径。 let images = docume
2023-12-03, Views: 2688 , Topics: JavaScript
-
JavaScript 获取 HTML 中的文字字数
需求 计算HTML中的文字字数,因为有很多标签,需要正则提取,比较麻烦。使用JavaScript内置方法获取。 代码 获取id为div-content标签下的字
2023-12-02, Views: 2255 , Topics: JavaScript HTML
-
JavaScript 格式化时间为音视频时间
需求 将时间总长格式化化为音频、视频中的时间,例如:01:50:39。 代码 function formatSeconds(seconds) { let
2023-12-01, Views: 2025 , Topics: JavaScript
-
JavaScript 除法取整
方法一 Math.floor var a = 7; var b = 3; var quotient = Math.floor(a / b); console.l
2023-11-30, Views: 1672 , Topics: JavaScript
-
Spring Boot Thymeleaf 在 JavaScript 代码中的使用
[[]] 在JavaScript代码中渲染变量,使用[[${var}]],会转义特殊HTML字符。 [()] 在JavaScript代码中渲染变量,使用[(${
2023-08-22, Views: 2878 , Topics: Spring Boot Thymeleaf JavaScript