
Js JavaScript ECMAScript
文章平均质量分 62
Js JavaScript ECMAScript
kfepiza
这个作者很懒,什么都没留下…
展开
-
js的 encodeURI() encodeURIComponent() decodeURI() decodeURIComponent() 笔记250205
和。它们分别用于不同的场景,具体区别和用法如下::编码完整的URI,保留保留字符(如:/?#@等),仅对非保留字符进行编码。:编码整个URL,确保URI结构不被破坏。://?张三:编码URI的组成部分(如查询参数),对所有非标准字符(包括保留字符)进行编码。:编码URI的某部分(如参数值),防止特殊字符破坏URI结构。%3D%26:解码由编码的URI,仅还原非保留字符的编码,保留保留字符的编码。%20%25?:解码由编码的字符串,还原所有字符的编码(包括保留字符)。原创 2025-02-05 06:57:01 · 1402 阅读 · 0 评论 -
IndexedDB的ObjectStore的add和put方法有什么不同
IndexedDB的ObjectStore的add和put方法有什么不同?IndexedDB的ObjectStore的add和put方法的主要区别在于它们处理主键冲突的方式和返回值的类型。addaddputputaddIDBRequestputIDBRequestadd总的来说,选择使用add还是put方法取决于你的具体需求。如果你需要确保数据的主键唯一性,并且不希望更新已存在的数据,那么应使用add方法。如果你需要能够更新已存在的数据,或者添加新的数据(无论主键是否存在),那么应使用put方法。原创 2024-03-27 10:13:48 · 1083 阅读 · 0 评论 -
Js的 Promise的 then catch 笔记240222
上面代码中,f的标准名叫做resolve, 所以应该写成实际上Promise和then都可以有两个参数,resolve和虽然Promise中的resolve和reject都会执行,但then参中的resolve和reject只会执行其中一个, 前面的执行了,后面就不执行了,将resolve和reject调换位置测试可以将resolve和reject分别写到中这样正常执行resolve, 异常执行reject .但如果在then块中抛异常了怎么办呢?可以写到catch函数中, 注意是catch。原创 2024-02-22 11:16:49 · 971 阅读 · 0 评论 -
js如何抛异常,抛自定义的异常
最简单的自定义异常来自chrome123的控制台的测试(匿名) @ VM209:1undefined示例1try{ throw "异常" } catch(e){ console.log(e);try{ throw new Error("自定义异常名") } catch(e){ console.log(e);try{ throw {n:"Object", v:"抛对象"} } catch(e){ console.log(e);原创 2024-02-22 05:49:37 · 809 阅读 · 0 评论 -
echarts的title标题属性
left 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘left’, ‘center’, ‘right’。top 的值可以是像 20 这样的具体像素值,可以是像 ‘20%’ 这样相对于容器高宽的百分比,也可以是 ‘top’, ‘middle’, ‘bottom’。还可以是 ‘serif’ , ‘monospace’, ‘Arial’, ‘Courier New’, ‘Microsoft YaHei’, …图形阴影的模糊大小。原创 2024-02-10 02:29:17 · 4318 阅读 · 0 评论 -
Js的String的replace(和replaceAll(
相同点不同点比如给字符串"abcdaabcdefgabcaabcdefg"中符合/aa/规则的内容加括号以下代码等效也可以使用函数方式原创 2024-01-05 01:29:35 · 1015 阅读 · 0 评论 -
Echarts dataZoom x轴横坐标缩放
房子 option下的第一级, 和 xAxis , yAxis , series 等 同级;可以是一个Object, 也可以是Object数组。原创 2023-07-01 04:10:54 · 1156 阅读 · 0 评论 -
location.href=url 和 location.assign(url) 和 location.replace(url) 和 location.reload()
与 assign() 方法 不同的是,调用 replace() 方法后,当前页面不会保存到会话历史中(session History),这样,用户点击回退按钮时,将不会再跳转到该页面。当调用该方法的脚本所属的源与拥有 Location 对象所属源不同时,通常情况会发生这种异常,此时通常该脚本是存在不同的域下。由于一些历史的原因,网景浏览器的一些版本添加了对它的支持,显然被继承到了 Firefox 中。当调用此方法的脚本来源和页面的 Location 对象中定义的来源隶属于不同域的时候,就会抛出上述错误。原创 2023-06-10 17:14:55 · 2133 阅读 · 0 评论 -
location.href 和 document.URL 与 document.documentURI
该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。然而 document.location.href 是可写的,document.URL 是只读的。该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。document.URL 属于比较老的 api, 作为代替应该尽量使用 window.location.href 而非 document.URL.?的值改变了, 并且页面也改变了, 效果和。原创 2023-06-10 15:25:20 · 1944 阅读 · 0 评论 -
document.URL与document.documentURI
该属性的值和DOM Level 0 中的document.location.href 属性的值是相等的。然而 document.location.href 是可写的,document.URL 是只读的。但是不像 URL,documentURI 适用于所有类型的文档。document.documentURI 也返回与该属性相同的值,不过它在非 HTML 文档中也可以使用。从 1990 年开始,并在“WWW 中的通用资源标识符”中进行了描述。与之前的 RFC 相比,所有重大更改均在附录 G 中注明。原创 2023-06-10 12:56:52 · 1044 阅读 · 0 评论 -
对比 document.URL 和 location.href
document.URL 属于比较老的 api, 作为代替应该尽量使用 window.location.href 而非 document.URL.?浏览器地址栏输入 https://cn.bing.com/#aaa?document.URL只读 , location.href读写。因为页面改变了,控制台内容也清空了, 所以没法截图。的值改变了, 并且页面也改变了, 效果和。一样, 可以"后退"原创 2023-06-10 11:43:11 · 216 阅读 · 0 评论 -
Echarts的x轴调整间隔,可以用 xAxis数组子项的axisLabel.interval
如果设置为 1,表示『隔一个标签显示一个标签』,如果值为 2,表示隔两个标签显示一个标签,以此类推。(index:number, value: string) => boolean 第一个参数是类目的。可以用数值表示间隔的数据,也可以通过回调函数控制。可设置为 : number 或 Function 数字或函数。index,第二个值是类目名称,如果跳过则返回 false。坐标轴刻度标签的显示间隔,在类目轴中有效。默认会采用标签不重叠的策略间隔显示标签。默认值是’auto’默认值是 ‘auto’原创 2023-06-06 07:55:53 · 12162 阅读 · 2 评论 -
JavaJs计算统计文档文本中字符串字段字符出现次数
方法5, 要用到第三方jar包, Apache的commons-lang的StringUtils的countMatches方法。split的速度是最快的。原创 2023-06-03 08:56:07 · 130 阅读 · 0 评论 -
element.append() node.appendChild() Element.prototype.append() Node.prototype.appendChild()
方法在元素的最后一个子元素之后插入一组Node对象或DOMString对象。DOMString对象作为等效Text节点插入。语法参数要插入的一组Node或DOMString对象。异常HierarchyRequestError:无法在层次结构中的指定点插入节点。示例附加元素追加文本追加元素和文本append方法是不可分的append()方法的作用域未限定在with语句中。有关详细信息,请参见Symbol.unscopables。规范文档浏览器兼容性参阅。原创 2023-05-08 01:24:06 · 719 阅读 · 1 评论 -
document.domian document.URL document.baseURI(Node.baseURI) document.documentURI location.href
网络页面(本页)的location:host,hostname,href,origin,pathname本地文件页面的location:host,hostname,href,origin,pathname网络的document.domian本地的document.domian是空字符串。原创 2023-05-05 11:44:23 · 241 阅读 · 0 评论 -
parentNode 与 parentElement
html元素的 parentNode 是 document。html元素的 parentElement 是 null。原创 2023-04-27 15:35:03 · 1061 阅读 · 0 评论 -
HtmlJavaScript的 getElementBYId和querySelector速度性能对比测试 2210011540
本次测试再chrome中, getElementById比querySelector快3倍测试代码结果截图原创 2022-10-01 17:17:45 · 880 阅读 · 0 评论 -
Chromium内核的浏览器Browsers查看Chromium的版本 : navigator.userAgent
不光Chromium内核的浏览器, 包括火狐Firefox,和已过时的IE等几乎所有主要浏览器都支持。userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。User-Agent 的约定格式是:应用名,跟一个斜线,跟版本号,剩下的是自由的格式。包含有关浏览器的信息。原创 2022-09-26 10:22:54 · 2942 阅读 · 0 评论 -
JsEcma6之Promise简单试用2208011958
/ resolve和reject只能执行其中一个,只能传递一个参数, resolve对应then的参数1,"hello , 上方的setTime是异步的, 所以先看到prompt hello 了"// 如果像这样reject调用在resolve之前, 则resolve不会被调用。"执行了resolve , 只能放一个参数,给后面的then的第一个回调用 ""执行了reject , 只能放一个参数,给后面的then的第二个回调用"// promise,then,感觉就像先调用再定义一样。...原创 2022-08-11 06:48:32 · 111 阅读 · 0 评论 -
测试for in会不会多次调用函数2208082050
比如 for(let a inf getArray()) 的 getArray()方法会不会多次执行。in 可以直接把函数写在 of 后面, 不用另外定义变量。in会不会多次调用函数2208082050。getArray()函数只执行了一次 ,原创 2022-08-08 21:18:00 · 90 阅读 · 0 评论 -
测试ForOf会不会多次调用函数2208082050
比如 for(let a of getArray()) 的 getArray()方法会不会多次执行。of 可以直接把函数写在 of 后面, 不用另外定义变量。测试ForOf会不会多次调用函数2208082050。getArray()函数只执行了一次 ,"getArray()函数被第 "...原创 2022-08-08 21:09:00 · 106 阅读 · 0 评论 -
JsJavascriptEcma的eval性能测试2208011912
JsJavascriptEcma的eval性能测试2208011912这组测试中性能差别不大js 的 document element 的 querySelectorAll写在for外内速度测试2207302107使用变量,用时:42毫秒不使用变量,用时:67毫秒document.querySelectorAll().forEach( 用时:63毫秒执行document.querySelectorAll(“.SpanC1”) 500次,用时 973 毫秒点这里是用eval执行的版本,性能差别不大测试代原创 2022-08-01 19:17:14 · 297 阅读 · 0 评论 -
js的document和element的querySelectorAll写在for外内速度用eval测试2207302107
js的document和element的querySelectorAll写在for外内速度用eval测试2207302107这个版本用eval来测点这是不用eval的版本这个测试中用不用eval性能差别不大使用变量,用时:41毫秒不使用变量,用时:64毫秒document.querySelectorAll().forEach( 用时:64毫秒执行document.querySelectorAll(“.SpanC1”) 500次,用时 985 毫秒测试代码...原创 2022-08-01 19:09:07 · 273 阅读 · 0 评论 -
js 的 document element 的 querySelectorAll写在for外内速度测试2207302107
js 的 document element 的 querySelectorAll写在for外内速度测试2207302107使用变量,用时:42毫秒不使用变量,用时:67毫秒document.querySelectorAll().forEach( 用时:63毫秒执行document.querySelectorAll(“.SpanC1”) 500次,用时 973 毫秒测试代码......原创 2022-08-01 18:17:17 · 329 阅读 · 0 评论 -
jsArray数组复制方法性能测试2207300823
jsArray数组复制方法性能测试2207300823chrome下的结果原创 2022-07-30 09:22:58 · 217 阅读 · 0 评论 -
jsArray数组复制方法性能测试2207300040
jsArray数组复制方法性能测试2207300040试验了 concat(src) , slice(src) , […src] , Array.from(src) 四个方法测试代码结果原创 2022-07-30 01:05:26 · 171 阅读 · 0 评论 -
jsArray数组复制方法性能测试2207292307
jsArray数组复制方法性能测试2207292307测试在eval中的速度测试代码1000次2000次3000次原创 2022-07-30 00:39:21 · 218 阅读 · 0 评论 -
js数组复制速度测试220320
用newAr=newArray(srcAr.length);newAr=[0,1,2,3,4,5,6,7,8,9,十,十一,十二,十三,十四,十五]newAr=[0,1,2,3,4,5,6,7,8,9,十,十一,十二,十三,十四,十五]newAr=[0,1,2,3,4,5,6,7,8,9,十,十一,十二,十三,十四,十五]newAr=[0,1,2,3,4,5,6,7,8,9,十,十一,十二,十三,十四,十五]newAr=[0,1,2,3,4,5,6,7,8,9,十,十一,十二,十三,十四,十五]...原创 2022-07-27 17:00:24 · 302 阅读 · 0 评论 -
浏览器(Browser) WebSql 学习笔记
WebSql 学习笔记 前言三个主要函数 : openDatabase , transaction , executeSqlopenDatabase(数据库名, 版本号, 数据库描述, 数据大小(字节), 回调函数可选)transactionexecuteSql(sql语句 , [替代问号的数组] , 成功回调 , 失败回调)执行成功后的回调的第二个参数 SQLResultSet 查询时必须用到完整示例1前言当前除火狐以外, 基本都支持WebSqlWebSql不是Html5标准三个主要函数 :原创 2022-04-22 12:18:51 · 1782 阅读 · 0 评论 -
浏览器Browser的WebSQL文件位置
浏览器Browser的WebSQL文件位置格式为Sqlite, 没有后缀名Chrome360极速浏览器XQQ浏览器Opera欧鹏格式为Sqlite, 没有后缀名ChromeC:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\databases例如👇 (没有后缀名)C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\databases\file__0\1360原创 2022-04-19 01:03:09 · 1212 阅读 · 0 评论 -
Js(JavaScript)-Array- join和toString的区别
Js(JavaScript)-Array- join和toString的区别原创 2022-03-14 22:02:45 · 837 阅读 · 0 评论 -
iframe跨域通信传递数据笔记 postMessage
文章目录前言一、iframe的window二、上级向iframe传值1.用 postMessage2.XX三、postMessage("发送的消息","域名*代表全部 ");1.postMessage是window下的方法2.语法从被传值目标的window对象调用postMessage(参数1,参数2,参3一般省略)参数1:messageData参数2:targetOrigin目标域名 , "*"代表所有参数3:是一个Transferable 对象 可无3. postMessage的特殊性, 可以跨越调用原创 2021-12-12 02:05:58 · 4172 阅读 · 1 评论 -
浏览器Js 上传数据到Java Springboot后 转换为Excel 并下载 Excel转换帮助Controller控制器
Java后端pom 引入 poi-ooxml <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi-ooxml</artifactId> <version>5.0.0</version> </dependency>前端js代码实例将内容上传然后转换为Excel后下载=(url,content)=&g原创 2021-09-09 10:42:41 · 251 阅读 · 0 评论 -
Js JavaScript ECMAScript 笔记之 Array数组的复制方法
JS数组的复制方法验证代码方法一: 新array=源array.slice()方法二: 新array=[...源array]方法三: 新array=[] ; 然后 Object.assign(新array,源array);方法四: 新array=JSON.parse(JSON.stringify(源array));验证代码 let ar0=[1,2,3]; console.info("ar0=",ar0); //原数组 let ar1=ar0.slice(); console.info("ar原创 2021-08-30 20:07:52 · 624 阅读 · 0 评论 -
JavaScriptHtml之 innerText和textContent的区别
原创 2021-07-04 21:54:05 · 116 阅读 · 0 评论 -
JavaScript笔记之Date之 Date.now()===new Date().getTime()
Date.now 和 new Date().getTime()相同点都是获取1970年1月1日到现在的毫秒数不同点1 . 性能不同一千万次测试Date.now() 用时 0.8 秒new Date().getTime() 用时 1.4 秒2. 调用方式不同now() 是直接调用getTime() 是原型链上的方法性能的差异也体现了调用prototype的损耗...原创 2021-06-27 13:38:55 · 2132 阅读 · 0 评论 -
JavaScript笔记之 undefined,null,false,““,0,NaN,Number.NaN,Infinity
原创 2021-06-04 21:53:34 · 92 阅读 · 1 评论 -
JavaScript笔记之 遍历Object对象
原创 2021-05-30 23:05:54 · 232 阅读 · 3 评论 -
JavaScript笔记之 NaN != NaN
原创 2021-05-29 22:33:37 · 140 阅读 · 1 评论 -
JavaScript笔记之 条件判断
测试代码<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"/><title>JS条件判断测试</title><style id="FirstStyleTag">legend{font-size:20px;}table{border-collapse:collapse; }th,td{border:1px solid grey}.CodeI.原创 2021-05-29 21:04:11 · 218 阅读 · 0 评论