javascript
关注
分享
扫一扫
javascript工作日常总结
sunly_
工作历程：前端三件套（css+html+js）=> vue => uniapp => flutter
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js：2个数组中，根据相同的字段合并为1条数据
【代码】js：2个数组中，根据相同的字段合并为1条数据。原创 2024-11-08 17:26:32 · 433 阅读 · 0 评论 -
js：循环2个数组，如果id相同，进行合并
循环2个数组，如果id相同，进行合并。原创 2024-05-27 16:22:10 · 670 阅读 · 0 评论 -
js：数组去重
js：数组去重原创 2024-05-27 16:18:24 · 386 阅读 · 0 评论 -
js：判断当前时间是否在某个时间段内
判断当前时间，是否在某个时间段内。原创 2024-04-09 10:29:31 · 1270 阅读 · 0 评论 -
两个值的百分比计算方式
两个值的百分比计算方式。原创 2023-11-01 16:49:21 · 335 阅读 · 0 评论 -
js：从链接上获取参数
js实现：从链接上获取参数。原创 2023-11-01 13:47:26 · 504 阅读 · 0 评论 -
JS：浏览器上大于 e+21 的 大数字处理方式
JS：大于 e+21 的 大数字处理方式。原创 2023-09-15 09:54:37 · 323 阅读 · 0 评论 -
JS处理数组：数组中有若干个对象，按数量分成多个数组
数组中有若干个对象，按规定数量分成多个数组原创 2023-09-08 16:28:51 · 572 阅读 · 0 评论 -
JS判断两个数组中的对象是否具有相同的id，并在匹配的对象中添加一个状态字段
JS判断两个数组中的对象是否具有相同的id，并在匹配的对象中添加一个状态字段。原创 2023-09-04 16:30:51 · 1648 阅读 · 0 评论 -
BigNumber（加，减，乘，除）运算
BigNumber（加，减，乘，除）运算原创 2023-07-07 11:30:32 · 4618 阅读 · 0 评论 -
JS：商品多规格笛卡尔积
JS商品多规格处理，数据组合 笛卡尔积。原创 2023-06-10 11:49:25 · 571 阅读 · 0 评论 -
number小数位进1
小数位数进1原创 2023-05-27 11:09:09 · 245 阅读 · 0 评论 -
mescroll 中使用多语言
mescroll 中多语言配置，简单方便快捷。原创 2023-05-17 14:37:11 · 299 阅读 · 0 评论 -
BigInt：处理大数字（任意长度的整数）
BigInt：处理大数字（任意长度的整数）原创 2022-06-25 17:06:02 · 901 阅读 · 0 评论 -
md5加密
md5.js/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.2 Copyright (C) Paul Johnston 1999 - 2009 * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet * Di.原创 2022-03-19 11:38:03 · 288 阅读 · 1 评论 -
crypto-js加解密
安装依赖：npm install crypto-js<script> import CryptoJS from 'crypto-js'; export default { data() { return { aes_key: 'xOwvIiP19Bn4XcQ8', } }, mounted() { let walletAddress = 'TAfcPpLAUdy28u7nzFQjds39XSYJ9qA1mE' let timestamp = .原创 2021-11-03 16:55:40 · 1501 阅读 · 0 评论 -
图片上传：Blob转base64
<template> <div class="mine"> </div></template><script> export default { data() { return { blob: {}, // 后台返回blob转base64 } }, mounted() { this.blobToBase64(this.blob).then(res => { // blob转base64原创 2022-03-10 17:29:13 · 4442 阅读 · 0 评论 -
图片上传：base转Blob
<template> <div class="mine"> <img :src="blob"> </div></template><script> export default { data() { return { blob:{}, base64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATgAAADQCAYAAACTH30xAAAAAX原创 2022-03-10 17:24:09 · 58804 阅读 · 0 评论 -
图片上传：url转base64
<template> <div class="mine"> <img :src="base64" > </div></template><script> export default { data() { return { img:'https://gimg3.baidu.com/search/src=http%3A%2F%2Fpics1.baidu.com%2Ffeed%2Fd01373f082025原创 2022-03-10 17:18:32 · 582 阅读 · 0 评论 -
图片上传：base64转file
<template> <div class="mine"> <img :src="base64" > </div></template><script> export default { data() { return { base64: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASgAAAEpCAYAAAAgW7+8AAAAAXNSR0IArs4c原创 2022-03-10 17:04:40 · 134487 阅读 · 0 评论 -
图片上传：file转base64
<template> <div class="mine"> <input type="file" @change="upfileimg($event)" value="上传图片测试"> <img :src="myImg" > </div></template><script> export default { data() { return { myImg: '', //用户头像原创 2022-03-10 17:00:02 · 1318 阅读 · 0 评论 -
JS数字动态累加效果
<!DOCTYPE HTML><!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>Hello H5</title> </head>原创 2021-11-29 09:20:46 · 1600 阅读 · 0 评论 -
解决浮点数运算结果不精确的BUG
加法运算/** ** 加法函数，用来得到精确的加法结果 ** 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 ** 调用：accAdd(arg1,arg2) ** 返回值：arg1加上arg2的精确结果 **/accAdd(arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { .原创 2021-09-06 14:47:15 · 489 阅读 · 0 评论 -
JS，节流、防抖。
1、节流在规定时间内，只触发一次。比如我们设定500ms，在这个时间内，无论点击按钮多少次，它都只会触发一次。具体场景可以是抢购时候，由于有无数人 快速点击按钮，如果每次点击都发送请求，就会给服务器造成巨大的压力，但是我们进行节流后，就会大大减少请求的次数。<template> <view class="index"> <u-button type="primary" @click="btnClick">节流</u-button> </.原创 2021-06-23 16:15:32 · 172 阅读 · 0 评论 -
城市列表，所有市一级JS数据
module.exports = { list: [{ "letter": "A", "data": [{ "name": "鞍山市", "city_pinyin": "anshan", "city_id": 210300, "py": "as" }, { "name": "安庆市", "city_pinyin": "anqing", "city_id": 340800, "py": "aq" }, { "name": "安阳市",.原创 2021-06-09 14:07:27 · 4196 阅读 · 4 评论 -
reduce() 数组中对象去重，数组中对象某个值相加
计算数组中某个值的和let arr = [ {id:1,name:'佟湘玉',price:10}, {id:2,name:'白展堂',price:20}, {id:3,name:'郭芙蓉',price:20}, {id:1,name:'佟湘玉',price:20}, {id:3,name:'郭芙蓉',price:30},]let obj = {}let num = arr.reduce((pre, cur, index,arr)=>{ return pre + cur.pric.原创 2021-05-13 10:38:35 · 1397 阅读 · 0 评论 -
ES6 Set() 数组去重
ES6 Set()去重Set。它类似于数组，但是成员的值都是唯一的通过add()方法向 Set 结构加入成员let arr = [1,2,3,4,1,5,2,3];var set2 = new Set();arr.forEach(item=>{ set2.add(item)})console.log(set2);console.log(Array.from(set2));let str = ['测试1','测试2','测试2','测试1','测试3'];var set = .原创 2021-05-13 09:55:08 · 8804 阅读 · 0 评论 -
js大数字转换，将大额数字转换为万、千万、亿等
/** * 大数字转换，将大额数字转换为万、千万、亿等 * @param value 数字值 */Vue.filter('bigNumberTransform', function(value) { const newValue = ['', '', ''] let fr = 1000 let num = 3 let text1 = '' let fm = 1 while (value / fr >= 1) { fr *= 10 num += 1 // console.原创 2021-01-11 09:23:59 · 3510 阅读 · 0 评论 -
JS去除多余空格
/** * trim(str, pos) * 该方法可以去除空格，分别可以去除所有空格，两端空格，左边空格，右边空格，默认为去除两端空格 * str <String> 字符串 * pos <String> 去除那些位置的空格，可选为：both-默认值，去除两端空格，left-去除左边空格，right-去除右边空格，all-去除包括中间和两端的所有空格*/export function trim(str, pos = 'both') { if (pos == 'both'原创 2020-08-29 17:12:58 · 1367 阅读 · 0 评论 -
根据身份证号获取出生年月日，性别
//根据身份证号得到出生年月getBirthdayFromIdCard(idCard) { let birthday = ""; if (idCard != null && idCard != "") { if (idCard.length == 15) { birthday = "19" + idCard.substr(6, 6); } else if (idCard.length == 18) {原创 2020-08-29 17:10:56 · 733 阅读 · 0 评论 -
关于new Date()在ios端的坑
new Date("xxxx-xx-xx")).getTime()这样在安卓和PC浏览器都能正确获取，唯独在ios端没能正确获取。然后在ios端真机上断点打印一下(new Date("xxxx-xx-xx xx:xx")).getTime()，返回了NaN百度后发现ios端的new Date()是有格式要求的，目前年月日只支持xxxx/xx/xx，是固定有“ / ”分割的2020/08/21...原创 2020-08-21 10:40:16 · 895 阅读 · 0 评论 -
JS保留指定小数位，不进行四舍五入
toFixed(num,decimal) { num = num.toString(); let index = num.indexOf('.'); if (index !== -1) { num = num.substring(0, decimal + index + 1) } else { num = num.substring(0) } return parseFloat(num).toFixed(decimal)}let num = 12.129;console.log(t原创 2020-08-17 16:39:17 · 3531 阅读 · 0 评论 -
Promise按顺序执行
mounted() { // 1、初始化页面用到的数据 this._initData();},methods:{ async _initData() { await this.getdata1(); await this.getdata2(); await this.getdata3(); }, getdata1() { return new Promise((req, rej) => { this.axios.post('/Market/areaList').th原创 2020-08-06 09:49:32 · 1420 阅读 · 0 评论 -
Promise与回调地狱
在开发js过程中，异步操作不能保证执行顺序是我们想象的那样，所以，就出现了“回调地狱”。所谓的回调地狱就是回调里套回调，一层套一层，可读性极差，在远古时期，使用jQuery发送ajax请求的代码类似于以下，拿到1的数据请求2，拿到2的数据请求3// 1$.ajax({ url: '/api', data:{ type:1, } success: function(...原创 2020-01-09 10:43:48 · 249 阅读 · 0 评论 -
Promise小结
1、什么是PromisePromise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。Promise自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。2、Promise的是三种状态pending（进行中）fulfilled（已成功）rejected（已失败）3、Promise的特点1、对象的状...原创 2020-01-08 15:41:59 · 389 阅读 · 0 评论 -
Array.fill()使用指定的内容填充数组
Array.fill()使用制定的元素填充数组，其实就是用默认内容初始化数组。//该函数有三个参数。arr.fill(value, start, end)//value：填充值。//start：填充起始位置，可以省略。//end：填充结束位置，可以省略，实际结束位置是end-1。var arr = ['0','1','2','3','4'];arr.fill(1) // =&...原创 2019-12-11 17:52:49 · 1273 阅读 · 0 评论 -
Array copyWithin()方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。
copyWithin()方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。//数组实例的copyWithin方法，在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。var arr = ['索引0','索引1','索引2','索引3','索引4'];/*copyWithin(targe...原创 2019-12-11 17:44:19 · 425 阅读 · 0 评论 -
flat() 多维数组"拉平",变成一维数组
Array.flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。var arr = [ {name:'小白'}, [ {name:"小黄"}, [ {name:"小黑"}, ] ]]//flat()默认只会“拉平”一层，拉平多层可以将flat()方法的...原创 2019-12-09 18:02:38 · 1197 阅读 · 0 评论 -
Math 对象与数学相关的方法，只能在 Math 对象上调用。
Math.round() 方法可把一个数字舍入为最接近的整数。Math.round(0.60) // 1Math.round(0.50) // 1Math.round(0.49) // 0Math.round(-4.40) // -4Math.round(-4.60)) // -5Math.ceil(num)方法可对一个数进行上舍入。Math.ceil(1.1) // 2...原创 2019-12-09 15:48:31 · 410 阅读 · 0 评论 -
Number.isInteger()判断一个数值是否为整数
Number.isInteger()用来判断一个数值是否为整数。//JavaScript 内部，整数和浮点数采用的是同样的储存方法，所以 25 和 25.0 被视为同一个值。Number.isInteger(25) // trueNumber.isInteger(25.1) // false//如果参数不是数值，Number.isInteger返回false。Number.isIn...原创 2019-12-09 15:23:49 · 999 阅读 · 0 评论