JS
关注
分享
扫一扫
a_靖
大前端，全栈工程师
展开
-
JS封装本地缓存的设置，读取，移除，清空方法及使用示例
前端JS缓存管理，缓存封装使用，JS获取本地缓存，JS设置本地缓存，JS移除缓存，JS清空缓存的封装使用示例原创 2024-01-18 14:52:02 · 1662 阅读 · 1 评论 -
JS获取数组的值的总和，JS获取数组的对象的值的总和
JS获取数组的值的总和，JS获取数组的对象的值的总和原创 2023-06-30 17:08:26 · 2594 阅读 · 0 评论 -
vue解决跨域问题- vue-jsonp
vue解决跨域问题- vue-jsonp原创 2023-03-01 14:08:28 · 2996 阅读 · 0 评论 -
secret 前端加密解密和后端配套加密解密
secret前后端配套的加密解密详细代码及使用示例原创 2022-10-25 15:28:04 · 2388 阅读 · 0 评论 -
微信分享debug为true,但自定义分享失败的解决
微信JSSDK自定义分享失效，在开发者工具成功的解决办法原创 2022-08-31 11:46:28 · 2753 阅读 · 0 评论 -
终止forEach的循环
上代码：let list=[1,2,3]try { list.forEach(item => { if (item==1) { console.log('等于1就跳出循环') throw new Error("EndIterative"); } })} catch (e) {}原创 2021-02-25 16:23:56 · 5604 阅读 · 0 评论 -
JS计算两个时间相差多久，相差年，月，日，小时，分钟
计算一个时间戳距离当前的时间，例如： 几年前，几个月前，几天前，几小时前，几分钟前，刚刚。输出效果代码：let time = (new Date().getTime()) - (1000 * 60 * 60 * 24 * 31 * 12);let timeTxt = getDistanceDay(time);console.log('timeTxt', timeTxt);function getDistanceDay(time) { var stime = new Date()原创 2021-01-29 14:33:42 · 6690 阅读 · 0 评论 -
promise 和 async await区别
什么是Async/Await? async/await是写异步代码的新方式，以前的方法有回调函数和Promise。 async/await是基于Promise实现的，它不能用于普通的回调函数。 async/await与Promise一样，是非阻塞的。 async/await使得异步代码看起来像同步代码，这正是它的魔力所在。Async/Await语法 假设函数getJSON返回值是 Promise，并且 Promise resolves 有一些JSON 对象。我们只想调用它并且记..转载 2020-12-07 11:49:18 · 2227 阅读 · 0 评论 -
微信小程序左滑删除效果的实现完整源码附效果图
效果图：功能描述，小程序列表左滑删除功能的实现完整源代码实现：<view wx:for='{{friends}}' wx:key="" wx:if='{{groupType==4}}' catchtap="nav_oneChat" id="{{item._id}}" class="item p_r" style="{{item.txtStyle}}" bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touch.原创 2020-10-09 11:55:17 · 2320 阅读 · 0 评论 -
＜a＞标签带参数跳转并在下一个页面接收
微信小程序开发交流qq群 581478349 承接微信小程序开发。扫码加微信。正文：<a href="home.html?id=1">跳转</a>//home.html<script type="text/javascript">var a=GetRequest();console.log("id:"+a['id']) ...原创 2017-09-07 18:05:26 · 19354 阅读 · 3 评论 -
方法 retrun 异步的值，创建一个变量直接等于一个异步方法返回的值
需求：我想创建一个变量，他的值是一个openid， openid 从 getOpenid (封装的一个异步方法) 里面返回，通常调用 getOpenid ,会返回一个Promise 对象，.then 之后才能得到值，例如：//模拟一个异步方法function myPromise () { return new Promise(function(resolve, reject) { setTimeout(function() { resolve("myPromise的resolve执行完原创 2020-08-21 14:24:43 · 2564 阅读 · 0 评论 -
JS 实现下载Blod文件
实现代码：//下载Blod文件const downLoadBlobFile = (filename, res) => { if (!res) return; let a = document.createElement('a'); let blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }); let原创 2020-08-03 11:25:43 · 3681 阅读 · 0 评论 -
快速学习 async await 的使用， Demo 解析
async 和 await 字面都很好理解，分别是异步和等待。先上个demo，代码解析：定义一个 函数timeout（异步阻塞 ms 毫秒，模拟异步操作）定义一个 函数 TextFc （里面用到了 async 和 await），async 申明该函数可以异步处理，await 代码执行阻塞，等待后面的异步操作完成后，再走下面的代码。 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { function t..原创 2020-07-08 15:45:27 · 2966 阅读 · 0 评论 -
数组去重，ES6数组去重 new Set()
普通数组去重varb=[...newSet([1,2,3,4,5,5,5,5])]console.log(b);输出结果：包含对象的数组去重 var o ={a:1} var b = [...new Set([o, o, 3, 4, 5, 5, 5, 5])] console.log(b);输出结果：包含对象的数组去重有一个坑 var b = [...new Set([{'a':1}, ...原创 2020-07-08 12:30:18 · 4204 阅读 · 0 评论 -
IOS长按识别二维码失败
IOS长按不识别二维码，出现放大图片的问题解决。CSS加入样式：touch-callout: none; -webkit-touch-callout: none; -ms-touch-callout: none; -moz-touch-callout: none;代码：<!DOCTYPE html><html> <head> <script type="text/javascript"> window.trkPageS原创 2020-06-14 17:12:31 · 3346 阅读 · 0 评论 -
微信公众号实现路径规划和导航功能
效果图：公众号地图路线生成源码：经纬度和 key换成自己的就行<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scal...原创 2020-05-14 12:09:39 · 4220 阅读 · 0 评论 -
VUE 框架添加全局公共方法 , 保留小数点后两位
在main.js 里面给Vue对象添加方法。来一个示例代码：import Vue from 'vue'import App from './App'Vue.prototype.num_to_str_liangwei =(val)=>{ return val == 0 ? '0.00' : val / 100 + '.' + String(val).substring(S...原创 2020-05-06 17:36:36 · 3030 阅读 · 0 评论 -
uni-app 之 使用扩展组件（uni ui） Pagination 分页器使用示例
先贴出 分页器文档的地址：Pagination 分页器使用步骤：1.下载或者导入插件到你的项目；2.在需要使用的页面引入该插件。使用操作：1.下载或者导入插件到你的项目；导入的操作流程示例图：点击使用HBuilder X导入插件确认打开选择项目并确认然后会在你的项目中自动添加已下目录代码，这就是插件的代码2.在需要使用...原创 2020-04-27 11:58:11 · 7601 阅读 · 1 评论 -
微信小程序发送表情
实现代码：先在data定义两个数组，分别是表情和存表情正则替换的符号表示 connectemoji: ['????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????', '????',原创 2020-04-24 18:36:38 · 3404 阅读 · 0 评论 -
上传文件到服务器指定目录，文件名相同自动替换PHP实现代码
效果图：html代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><form action="https://xxx.wa...原创 2020-04-09 16:02:18 · 2623 阅读 · 0 评论 -
微信网页开发 jssdk前后端代码，PHP实现完整代码,自定义分享
前端代码：<!DOCTYPE html><html lang="en"> <head> <title>测试</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2020-04-04 23:00:48 · 3826 阅读 · 0 评论 -
H5使用百度地图SDK获取用户当前位置并且标记显示在地图
代码实现功能：H5使用百度地图SDK获取用户当前位置并且标记显示在地图，点击该标记弹出一层自定义的HTML。效果图：代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...原创 2020-04-03 16:34:14 · 4005 阅读 · 1 评论 -
请求异步js,请求完成后执行代码
要确定请求完成 js 文件，才执行相关的代码。场景，引用了百度地图的 js-sdk， 需要实例化 SDK 对象，但是这个引用加载JS-SDK文件其实是异步的，在没请求完成之前就实例化对象就会报错，提示找不到该对象。解决办法：function LoadBaiduMapScript() { //console.log("初始化百度地图脚本..."); const AK =...原创 2020-04-03 15:55:59 · 5002 阅读 · 0 评论 -
微信公众号开发流程及完整代码，效果图
先配置：1.创建公众号并认证，备案网站并且有服务器。2.微信公众平台 - 登录微信公众号 - 设置 - 公众号设置 - 功能设置 - 添加JS接口安全域名，3.微信公众平台 - 登录微信公众号 - 开发 - 基本配置 - 添加IP地址白名单（配置后才能获取 access_token ）4.开始撸代码了开发流程；4.1 获取access_token ，4.2 根据...原创 2020-03-31 19:22:49 · 5912 阅读 · 0 评论 -
HTML打印页面
效果图：源码：<!DOCTYPE html><html> <head> <title></title> </head> <meta charset="utf-8"> <script type="text/javascript"> function my_print()...转载 2020-03-26 18:49:40 · 3197 阅读 · 0 评论 -
HTML发送语音，上传音频PHP接收
实现需求：网页录制音频上传给后端接收，接收后PHP把文件的名字存到数据库的表里面，这里我的后端用的是PHP，并且把代码贴出来了。前端实现代码：<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...原创 2020-03-15 22:33:01 · 3300 阅读 · 0 评论 -
JS实现录音，播放完整代码带示例图
效果图：实现代码：<!DOCTYPE html><html> <head> <script src="recorder.js" type="text/javascript" charset="utf-8"></script> <meta name="viewport" content="width=devi...原创 2020-03-13 08:07:54 · 5776 阅读 · 0 评论 -
VUE实现消息更新自动滚动到页面最底部
实现思路：利用侦听器，监听实时刷新的消息列表数据是否改变，侦听到改变之后，利用 $nextTick() 方法 （这个方法的作用是延时执行，会在数据渲染页面之后执行），获取到聊天模块的高度，然后自动下滑获取到的高度。实现代码：watch: { messageList() { console.log("messageList change"); this.$nextTick((...原创 2020-03-08 16:29:40 · 11746 阅读 · 2 评论 -
JS获取当月每天的日期，JS获取本周每天的日期
获取当前月每天的日期，获取当前周每天的日期实现代码：调用代码：console.log('-----------------', getNowM(), getWeekDay())结果：我今天是2020-2-28日封装方法：function getDay(num, str) { var today = new Date(); var nowTime = today....原创 2020-02-28 18:17:57 · 4126 阅读 · 0 评论 -
SM4国密加密解密实现代码demo
小程序实现国密SM4 加密，解密。加密：var cbc = require('../../utils/cbc.js');cbc.encrypt_cbc(item.text, "1234567890123456"))解密：var cbc = require('../../utils/cbc.js');cbc.decrypt_cbc("K++iI4IhSGMnEJZT/jv1o...原创 2020-02-27 20:26:17 · 11526 阅读 · 8 评论 -
云开发微信小程序聊天群
功能支持创建群，邀请群成员，群成员列表展示，图片发送，设置群公告，踢人，全体禁言，个人禁言，发送语音信息等先看一下效果图：实现代码：可以帮忙制作，手机号 、wx：17610241271wxml<view class="bo"> <view class="top_bo"> <view bindtap="number">群成员(...原创 2020-02-23 00:20:55 · 6381 阅读 · 6 评论 -
小程序聊天群，发送语音，文字，图片。
可以创建群，邀请群成员，群成员列表展示，图片发送，设置群公告，踢人，全体禁言，个人禁言，发送语音信息等功能。效果图：实现代码：可以帮忙制作，手机号 、wx：17610241271wxml<view class="bo"> <view class="top_bo"> <view bindtap="number">群成员({...原创 2020-02-19 01:19:26 · 8044 阅读 · 6 评论 -
小程序json字符串转 json对象 "{ name :"你好"}" 转成 { name :"你好"}
解决后端接口返回 var obj ="{ name :"你好"}" 类似这样的数据，对象或者数组外面包了一层引号，把这种数据转成var obj = { name :"你好"}；直接上代码：// pages/test/test.jsPage({ jsonStrToJson(jsonStr) { try { jsonStr = jsonStr.replace(...原创 2019-12-26 12:17:34 · 2649 阅读 · 1 评论 -
微信小程序web-view 实现长按识别二维码
小程序长按识别二维码， 网页在小程序中长按识别二维码，web-view长按识别二维码效果图：html 代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body>...原创 2019-12-18 17:55:05 · 15023 阅读 · 3 评论 -
小程序 url 对象转字符串编码传参 url 字符串转对象解码接收参数
url 对象转字符串编码传参 let info = encodeURI(JSON.stringify(this.data.info)); wx.navigateTo({ url: '/pages/partner_reward/recognition_result/result?info=' + info, })url 字符串转对象解码接...原创 2019-12-09 11:44:51 · 4912 阅读 · 0 评论 -
web-view 跳转小程序页面 网页跳转小程序
H5实现代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>测试H5</title> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0...原创 2019-12-06 14:44:28 · 3363 阅读 · 0 评论 -
JS对象转URL参数
代码：/** * param 将要转为URL参数字符串的对象 * key URL参数字符串的前缀 * encode true/false 是否进行URL编码,默认为true * idx ,循环第几次，用&拼接 * return URL参数字符串 */var urlEncode = (param,idx, key, encode)=> { console.log...原创 2019-11-25 18:30:48 · 4209 阅读 · 0 评论 -
React 组件生命周期
组件的生命周期可分成三个状态：Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM生命周期的方法有： componentWillMount在渲染前调用,在客户端也在服务端。 componentDidMount: 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOM...原创 2019-11-20 11:01:47 · 1886 阅读 · 0 评论 -
根据数组中对象的属性值排序倒叙
数组中对象的属性值排序倒叙demofunction compare(e) { return function (a, b) { var value1 = a[e]; var value2 = b[e]; return parseInt(value1) - parseInt(value2); }}var arr=[{a:2},{a:3},{a:1}];v...原创 2019-11-20 10:09:26 · 2781 阅读 · 0 评论 -
前端开发学习常用网站网址及介绍（都是免费的）
在开发的时候，想记住所有的单词基本是不可能的，所以就需要进入文档，只要理清需求能做出来，就很不差了！！1.百度，俗称度娘，有不懂的就问百度，有问必答，跳转2.百度翻译，不懂的单词，复制粘贴就懂了，跳转3.微信小程序开发文档，跳转4.微信公众平台，跳转5.我的 优快云 博客主页，跳转6.菜鸟教程，里面有超级多的开发教程，跳转7.W3C 教程，里面有超级多的开发教程，跳转...原创 2019-11-12 19:02:49 · 26626 阅读 · 28 评论