
前端三剑客
JavaScript、HTML、CSS、Typescript
迷途小码农零零发
路漫漫其修远兮,吾将上下而求索。
展开
-
用 JS 方式通过CDN获取JSON文件数据
用 JS 方式通过CDN获取JSON文件数据原创 2022-07-18 15:41:09 · 1567 阅读 · 0 评论 -
js判断对象是否有某自身属性(非原型链的)
obj.hasOwnProperty(‘you_props’) ===> false or true原创 2021-12-23 17:43:15 · 403 阅读 · 0 评论 -
js判断对象为空的方法大全(待续未完)
方法一:变成字符串打印 const isEmptyObj = (obj: any) => { if (JSON.stringify(obj) === '{}') { return true; } return false; };方法二: 遍历 const isEmptyObj = (obj: any) => { for (let key in obj) { return false; } return tr原创 2021-12-23 17:39:34 · 803 阅读 · 0 评论 -
触发浏览器下载文件功能
1. 用 a 标签降龙第一式:《万物归一》<a href="http://xxxxx">点击下载</a>但是有时url不一定带有下载属性,浏览器会默认将其在线打开<a href="http://xxxxx" download="文件名.txt">点击下载</a>download 属性可以定义文件名,或带文件格式降龙第二式:《无中生有》 const fileUrl = 'http://xxxxxx' const fn = '我的下载'原创 2021-12-23 16:46:57 · 2219 阅读 · 0 评论 -
如何解决 img 标签的 src 属性存在跨域问题
如何解决 img 标签的 src 属性存在跨域问题原创 2021-12-03 11:34:29 · 11159 阅读 · 0 评论 -
如何解决 img 标签四周出现白边的问题
如何解决 img 标签白边问题,为什么 img 会出现白边原创 2021-12-02 11:41:28 · 6358 阅读 · 0 评论 -
js要四舍五入且保留两位或N位有效数字或取整
前言:作为前端开发人员经常要处理有效数字的保留或取整操作,话不多说,如下:1. 要四舍五入的保留几位和取原创 2021-11-30 17:42:25 · 968 阅读 · 0 评论 -
前端URL含有特殊字符的转码JS处理
问题:url 传有特殊字符出现丢失,因为特殊字符会被特殊处理方法一:正则替换var str = str.replace(/\+/g, "%2B"); //"+" 转义 var str = str.replace(/\&/g, "%26"); //"&" 转义var str = str.replace(/\#/g, "%23"); //"#" 转义方法二:encodeURIComponent(str) 方法 (推荐)let str = 'NBA+';str = encode原创 2021-11-30 16:41:33 · 5445 阅读 · 0 评论 -
前端将0到1的小数值转换成百分比
前端将0到1的小数值转换成百分比有时零点几的数字乘以100得到的值在计算机里面不是绝对精确的,由于计算机本身的计算方式,小数是一定有精度的,例如:0.1 + 0.2 > 0.3 // true0.1 * 0.1 = 0.010000000000000002因此,我们对于转换成百分比的问题,也需要舍入处理,这里保留百分比后两位小数进行处理num = Math.round(num * 10000) / 100实际上Math.Round采用的是国际通行的是 Banker 舍入法. Banke原创 2021-11-09 18:37:16 · 2063 阅读 · 0 评论 -
js数组sort() 的用法
关于数组的sort() 方法的具体使用说明话不多说,直接上代码<script> console.log("默认是把元素默认成字符串进行相互比较,从小到大"); var arr = [11, 4, 13, 12, 5, 6]; arr.sort(); console.log(arr); // [11, 12, 13, 4, 5, 6] console.log("--------------------------原创 2021-04-05 15:27:13 · 134 阅读 · 0 评论 -
JS实现千位分隔符的两种方法
分享JS实现千位分隔符的两种方法自己最好在 VScode 进行练习,看不如动手来得深刻方法一:普通方法 <script> // function numFormat(num) { // num = num.toString().split("."); // 分隔小数点 // var arr = num[0].split("").reverse(); // 转换成字符数组并且倒序排列 // var原创 2021-03-25 16:52:13 · 1793 阅读 · 0 评论 -
js的数组与字符串常用方法
javascript 的数组常用方法(没完)提示:直接粘贴复制到vscode ,效果更佳 // 2.数组对象(Array) // (1)数组对象的创建 var arr = new Array(10); // 注意这里只是一个数表明定义数组长度为10 console.log(arr); var arr = new Array(1, 3, 4, 5); // 注意这里多个数表明数组内容 console.log(arr);原创 2021-03-25 16:12:34 · 262 阅读 · 0 评论