
javascript
酷酷的Nian
努力吧,少年
展开
-
js科学计数法转为正常计算结果
// 科学计数法转化数组 handleNum(param) { let strParam = String(param) let flag = /e/.test(strParam) if (!flag) return param // 指数符号 true: 正,false: 负 let sysbol = true if (/e-/.test(strPara原创 2021-05-24 09:38:11 · 494 阅读 · 0 评论 -
sort数组排序 - 双重排序
需求,前端对其做排序,根据num的值来从小到大排序,但是如果num的值相同时,则id小的排在前面,后台返给的值如下:[ {id: 1, num: 5}, {id: 2, num: 3}, {id: 3, num: 3}, {id: 4, num: 6}, {id: 5, num: 3}, {id: 6, num: 4}, {id: 7, num: 1},]let arr = [{...},{...},{...},{...},{...}...] // 这里arr原创 2021-05-18 23:07:34 · 774 阅读 · 0 评论 -
2021 - 前端切换Tab的实现 - 标签上自定义属性的获取方法(data-type)
实现1、<div> <button :class="[num == 1 ? 'active':'']" @click="num = 1">按钮1</button> <button :class="[num == 2 ? 'active':'']" @click="num = 2">按钮2</button></div> 实现2、<div> <button id="a" data-type="a"原创 2021-05-17 10:50:11 · 898 阅读 · 0 评论 -
2021 - JS精确计算(math.js库)
js计算时,会将十进制转换成二进制,再进行计算,但有些小数转换成二进制时候,出现了无限循环,由于位数有限,所以就出现了截取,所以就导致了再转化成十进制后结果的不精确.所以就出现了: 0.1+0.2 !== 0.3了解math.js.1、安装npm install mathjs --save2、引入import * as math from 'mathjs'3、操作let type1 = math.bignumber(0.1) // 使用math.js转换数据类型,才可原创 2021-05-11 11:20:23 · 3552 阅读 · 0 评论 -
2021 - 限制 input只能输入纯数字(replace替换方法解决)
限制 input 输入框只能输入纯数字oninput = "value=value.replace(/[^\d]/g,'')"说明:oninput监听value值,如果不是数值,直接变为空链接: 点我了解replace原理.原创 2021-05-10 11:03:19 · 1994 阅读 · 0 评论 -
2021 - 导入谷歌地图
1、google开发者中申请密钥(YOUR_API_KEY)2.引入在线google map js<script src="https://maps.googleapis.com/maps/api/js?key=yourkey"></script> // yourkey是3、html给容器显示地图<div id="googleMap" style="width:100%;height:380px;"></div>4原创 2021-04-12 10:06:29 · 699 阅读 · 0 评论 -
2021 - 密码加密功能(md5)
//md5 引入import md5 from 'js-md5';Vue.prototype.$md5 = md5; // 引入全局// md5全局使用this.$md5('555555') // 注意,参数必须是字符串类型原创 2021-03-19 16:11:09 · 270 阅读 · 0 评论 -
2021 - 字符串转为二维码图片
下载qrcodejs2插件: npm install qrcodejs2 --save导入:import QRCode from 'qrcodejs2'使用:methods: { this.$refs.qrcode.innerHTML = '' // 清除上一次二维码图片,否则每次生成,图片会累加 qrcode () { let qrcode = new QRCode('qrcode', {原创 2021-03-19 09:36:21 · 1415 阅读 · 0 评论 -
location对象的属性大全
说明:location 对象提供了与当前窗口中加载的文档有关的信息,还提供了一些导航的功能,它既是window对象的属性,也是document对象的属性1、location.href 返回当前加载页面的完整URL location.href 与 window.location.href等价2、location.hash原创 2020-08-07 06:39:55 · 3807 阅读 · 1 评论 -
JS解析机制——预解析
注意:函数不管在什么地方声明 ,都会提升到最前面 .也就是说在js代码运行前 ,解析器会事先声明函数 ,然后在执行代码 ,所以会输出整个函数体的 !原创 2019-05-16 10:22:52 · 496 阅读 · 0 评论 -
对象的声明方式
对象的声明方式有多种,那么我们看一下有哪几种吧!1、字面量的方式声明对象:var obj = { 属性名称:属性值, 方法名称:function (){ //函数执行体 }}2、new 操作符+Object 声明对象:var obj = new Object();obj.属性名称 = 属性值;obj.方法名称 = function (){...原创 2019-05-19 20:29:13 · 3910 阅读 · 1 评论 -
Array.prototype.slice.call()的理解
最近在看廖雪峰的JS课程,浏览器中的操作DOM的那一章,有这样一道题。JavaScriptSwiftHTMLANSI CCSSDirectX<!-- HTML结构 --><ul id="test-list"> <li>JavaScript</li> <li>Swift</li> <...转载 2019-09-05 09:37:01 · 269 阅读 · 0 评论 -
js事件的冒泡与事件捕捉
接下来我用DOM2级事件的例子来演示一下:事件冒泡:直系亲属树结构中,点击某个元素,由于冒泡作用,亲属树上的元素凡是添加了事件的,都会被触发。<!--html--><div> <p>点我</p></div>// jsdocument.querySelector('div').addEventListener('cli...原创 2019-08-03 18:51:27 · 194 阅读 · 0 评论 -
原型与原型链
1、凡是通过 new function () 创建的对象都是函数对象,其他的都是普通对象2、JS中所有的函数对象都有一个prototype属性,这个属性引用了一个对象, 即原型对象(简称原型)。普通对象没有prototype,但又==_proto_属性。3、JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做_proto_==的内置 属性,用于指向创建它的函数对象的原型对象p...原创 2019-05-22 08:21:23 · 160 阅读 · 0 评论