![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
小宇宙chris_310
这个作者很懒,什么都没留下…
展开
-
tolocalestring()详解
JS 中 `toLocaleString`妙用_hjb2722404的博客-CSDN博客_js tolocalestring缘起kaven老师分享了一个数值取整的方法,即利用按位非操作符(~)进行取整:var a = 1.5;console.log(~~a); // 1但是这种方法有点限制就是它只能进行向下取整,无法实现四舍五入。所以就想到了toLocaleString() 方法,利用它可以巧妙第实现数值的四舍五入取整。利用toLocaleString取整我们直接上代码:var a = 1.5;consol转载 2022-04-01 10:40:33 · 700 阅读 · 0 评论 -
js保留两位小数方法总结
js保留两位小数方法总结 - 半指温柔乐 - 博客园转载 2021-10-22 15:47:01 · 361 阅读 · 0 评论 -
递归--给每一项新增属性
format(arr) { arr.forEach((el) => { if (el.children && el.children.length > 0) { el.value = el.id; el.label = el.orgName; this.format(el.children); } else { el.value = el....原创 2021-10-18 19:44:11 · 377 阅读 · 0 评论 -
20 个杀手级 JavaScript 单行代码
20 个杀手级 JavaScript 单行代码本文整理了一些实用的 JavaScript 单行代码,非常好用~~https://mp.weixin.qq.com/s/pLjSDpbl0LmBxcJo7uVCVA转载 2021-10-09 10:13:54 · 65 阅读 · 0 评论 -
可选链操作符 ?.
https://blog.csdn.net/weixin_43487782/article/details/110524901原创 2021-08-10 09:13:37 · 161 阅读 · 0 评论 -
js优化
https://blog.csdn.net/qq_36903042/article/details/113841267?utm_medium=distribute.pc_category.none-task-blog-hot-1.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-1.nonecase&request_id=转载 2021-02-19 17:26:15 · 107 阅读 · 0 评论 -
图片压缩及base转文件流
let img = new Image(); img.src = this.fileListL[0].content; var canvas = document.createElement("canvas"); let ctx = canvas.getContext("2d"); let initSize = img.src.length; img.onload = () => { let width = img.width; let height = im...原创 2021-02-18 11:48:06 · 156 阅读 · 0 评论 -
替换全部的../
this.serviceContent = this.serviceContent.replace(/\.\.\//g, "");原创 2020-12-14 18:34:51 · 77 阅读 · 0 评论 -
秒转换成day、hour、minutes、seconds
function formatSecond(second) { const days = Math.floor(second / 86400); const hours = Math.floor((second % 86400) / 3600); const minutes = Math.floor(((second % 86400) % 3600) / 60); const seconds = Math.floor(((second % 8.原创 2020-12-14 11:42:36 · 371 阅读 · 0 评论 -
百度地图获取城市名称
1、获取当前连接的网络站点城市名称var map = new BMap.Map("allmap");var point = new BMap.Point(116.331398, 39.897445);map.centerAndZoom(point, 12);function myFun(result) {console.log("result", result);var cityName = result.name;_this.getData(result);map.s原创 2020-10-12 15:49:48 · 1202 阅读 · 0 评论 -
ES6-对象的新增方法(常用)
1、Object.is():它用来比较两个值是否严格相等,与严格比较运算符(===)的行为基本一致。 let obj11 = {}; let obj12 = {}; let r11 = Object.is(obj11, obj12); console.log("r11", r11); //false let r12 = Object.is(obj11, obj11); console.log("r12", r12); //true2、Object.assi原创 2020-05-08 17:32:41 · 164 阅读 · 0 评论 -
代码的可维护性
避免使用全局量包括变量和函数,最好对齐进行封装;避免与null进行比较如果看到了与null比较的代码,尝试使用以下技术替换function sortArry(values){ if(values!=null){ //不推荐 values.sort() } } function sortArry(values){ ...原创 2020-03-11 21:19:02 · 214 阅读 · 0 评论 -
时间戳转时间
function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth()+1 < 10 ...原创 2020-03-11 15:38:07 · 160 阅读 · 0 评论 -
移动端适配rem
const setHtmlFontSize = () => { const htmlDom = document.getElementsByTagName('html')[0]; let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth; ...原创 2020-03-04 10:24:21 · 137 阅读 · 0 评论 -
new出来的构造函数经历的步骤
function Person(name, age, sex) { this.name = name; this.age = age; this.sex = sex; this.sayName = function () { console.log(this.name) } }...原创 2020-01-07 22:05:07 · 512 阅读 · 0 评论 -
H5下拉加载内容
https://blog.csdn.net/qq_39234840/article/details/82110404转载 2019-11-29 15:58:54 · 180 阅读 · 0 评论 -
js数字金额转大写
digitUppercase = function (n) { var fraction = ['角', '分']; var digit = [ '零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖' ]; var unit = [ ...原创 2019-11-13 11:52:35 · 107 阅读 · 0 评论 -
算法
1、二分查找概念:二分查找算法是一种在有序数组中查找某一特定元素的搜索算法。搜素过程从数组的中间元素开始,如果中间元素正好是要查找的元素,则搜 素过程结束;如果某一特定元素大于或者小于中间元素,则在数组大于或小于中间元素的那一半中查找,而且跟开始一样从中间元素开始比较。如果在某一步骤数组 为空,则代表找不到。这种搜索算法每一次比较都使搜索范围缩小一半。折半搜索每次把搜索区域减少一半,时间复杂度为...原创 2019-08-28 19:07:55 · 87 阅读 · 0 评论 -
表格渲染
<body><table border="1"> <thead> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th>原创 2018-12-20 23:55:08 · 169 阅读 · 0 评论 -
search()与indexof()的区别?
search()方法的用法等同于indexOf方法,找到了就返回下标,没找到就返回-1。 search()方法可以使用正则表达式作为参数,这是它和indexOf()方法的区别所在,但是全局选项g是没用的,他仍然只返回找到的第一个字符下标...原创 2018-12-27 13:49:33 · 1286 阅读 · 0 评论 -
slice(),substring(),substr()方法之间的区别?
slice()方法【推荐使用】 截取两个下标之间字符串,不包含终止下标基本语法str.slice(起始位置,终止位置);作用截取两个下标之间字符串,不包含终止下标实例var str = “hello word”;str.slice(0,3);//截取从第一个到第四个字符串(不包含第四个)str.slice(2,5);//截取从第三个到第六个字符串(不包含第六个)...原创 2018-12-27 13:55:47 · 122 阅读 · 0 评论 -
javascript实现随机数生成器
<body>Min:<input type="text" placeholder="最小值" class="min">Max:<input type="text" placeholder="最大值" class="max"><button onclick="btn()&q原创 2018-12-25 12:36:09 · 820 阅读 · 0 评论 -
javascript实现选项卡的两种方式
方式一:<title>选项卡方式一</title><style>div{width: 15rem;height: 10rem;border: 1px solid red;}</style></head><body><button>按钮一</button&am原创 2018-12-25 12:37:57 · 207 阅读 · 1 评论 -
javascript实现任意进制间的转换
<body><input type="text" name="startR" placeholder="初始进制"><input type="text" name="endR" placeholder="目标进制"><input type="text" name原创 2018-12-25 12:39:58 · 344 阅读 · 0 评论 -
javascript实现Unicode与字符串相互转换
<style>main>div {display: inline-block;}</style></head> <body><main><div><textarea name="str" id="" cols="3原创 2018-12-26 10:19:10 · 853 阅读 · 0 评论 -
分页
分页一般分为前端分页和后端分页。前端分页:是发送一次ajax请求,请求到所有的数据时候,前端进行分页处理。这个比较适用于数据量不大的情况,否则在网络不好的情况下就会出现用户一直等待加载的情况。后端分页:是每次点击“上一页”或“下一页”的时候都发起ajax请求,这就需要前端向后端发送“currentPage”和"pageNumber"给后端,后端每次进行查询后再将数据返回给前端。前端分页实例...原创 2019-02-21 16:52:40 · 1147 阅读 · 0 评论 -
异步请求promise
传统的异步请求 var xhr = new XMLHttpRequest(); //创建xhr实例对象 xhr.open("get", "http://www.blogzl.com/zl_other_module/ajaxTest/getTest.php?doWhat=张三"); //创建ajax请求 xhr.send(); xhr.onready...原创 2019-03-05 22:29:58 · 1245 阅读 · 0 评论 -
fetch及使用方式
什么是fetchfetch,说白了,就是XMLHttpRequest的一种替代方案。除了XMLHttpRequest对象来获取后台的数据之外,还可以使用一种更优的解决方案fetch。fetch的使用方法fetch(url,init).then(function(response) { } )fetch参数说明:① fetch接收两个参数,第一个为地址且必填,第二个为配置对象可选。② ...原创 2019-03-05 22:42:34 · 1841 阅读 · 0 评论 -
Generator及其使用
基本使用1、generator(生成器)是ES6标准引入的新的数据类型。类似于一个函数,但可以返回多次值。2、generator对象在返回值的过程中一旦发现了return,那么整个生成器就会直接结束。3、可以通过for-of遍历generator对象,(不过他只会遍历所有yield返回的值)4、如果要使用generator发起多次请求,那么,在适当的时候执行next方法就可以连续发起多次请...原创 2019-03-05 22:53:37 · 996 阅读 · 0 评论 -
异步函数 async/awit
1. 概念async/await是es8的规范async 后面一般跟一个函数,也就是async一般跟在function前。await必须放在aysnc里面的函数体范围内await后面应该跟一个promise对象当使用了async/await后,程序流程就是:当执行到async/await程序时,进入async标识的函数体中,然后直到遇到了await,然后让await后面的代码执行(一般...原创 2019-03-05 22:57:31 · 7717 阅读 · 0 评论 -
javascript的异步原理
一、同步与异步的概念同步:必须等上面的任务或代码执行完成后才能执行异步:无须等待上面的任务或代码执行完就可以执行,可以和上面的任务并行执行。二、单线程与多线程概念单线程:同一时刻只能做一件事。【同步】多线程:同一时刻可以做多件事,【异步】三、 js是单线程的(同步)我们的JavaScript就其本身而言是单线程的。任何时候,js引擎都是单线执行,即只会有一个线程运...原创 2019-04-17 22:37:46 · 633 阅读 · 0 评论 -
抖动与节流
节流:我们无法做到让浏览器不去触发对应的事件,但是可以做到让处理事件的方法执行频率减少,从而减少对应的处理开销。去抖:而在我们的页面里,也有这种情况,假设我们的一个输入框,输入内容的同时可能会去后台查询对应的联想词,如果用户输入的同时,频繁的触发input事件,然后频繁的向后台发送请求,那么直到用户输入完成时,之前的请求都应该是多余的,假设网络慢一点,后台返回的数据比较慢,那么显示的联想词可...原创 2019-08-14 15:15:46 · 294 阅读 · 0 评论 -
javascript中DOM相关
1、javascript是一门轻量级得语言,所以想要用它操作网页得话需要使用相应得接口DOM;2、什么是DOM?DOM( Document Object Model) 文档对象模型。3、相关APIdocument.getElementById( ID名 );document.getElementsByClassName( 类名 ); 得到得是数组 document.get...原创 2018-12-19 23:47:53 · 84 阅读 · 0 评论