Javascript
jinxi1112
这个作者很懒,什么都没留下…
展开
-
vue+antv L7实现高德地图自定义样式和自定义marker
vue+antv L7实现高德地图自定义样式和自定义marker+popup原创 2022-10-24 12:49:03 · 3139 阅读 · 1 评论 -
PAG格式图片如何使用
PAG格式图片如何使用原创 2022-10-24 12:24:02 · 722 阅读 · 0 评论 -
JS全屏检测及模拟全屏方法
JS全屏检测及模拟全屏方法原创 2022-10-17 08:55:58 · 662 阅读 · 0 评论 -
ant-design组件文字转中文
ant-design组件文字转中文原创 2022-07-21 16:45:50 · 262 阅读 · 0 评论 -
Ant Design mentions组件更改样式
Ant Design mentions组件更改样式原创 2022-06-23 14:10:41 · 374 阅读 · 0 评论 -
微信小程序实现讯飞语音合成
参考文档:语音合成(流式版)WebAPI 文档微信小程序背景音频播报可参考:uniapp实现微信小程序websocket+背景音频语音播报实现步骤注册讯飞账号,完成实名认证,获取应用appid 连接讯飞websocket,在握手阶段,请求方需要对请求进行签名 发送请求文本,讯飞服务器返回合成后的音频片段,采用base64编码 将返回的音频片段组合,并转成可播放的MP3文件1.注册账号,并获取应用appid打开官网网址:讯飞开放平台-语音合成点击免费试用,按步骤完成实名认证后得.原创 2022-02-09 10:14:10 · 5728 阅读 · 9 评论 -
uniapp实现微信小程序websocket+背景音频语音播报
业务需求:根据后台返回消息播报语音,要求后台运行可继续播报实现步骤:建立socket连接监听消息,并建立心跳检测机制,防止socket意外断连 将接收到的文字信息转化为音频文件 使用uni.getBackgroundAudioManager(),实现后台运行可以持续播报音频 解决并发问题,同时接收多个文件按顺序播报1.建立socket连接onShow() { const SocketTask = getApp().globalData.SocketTask; if (!.原创 2022-02-08 14:32:18 · 7138 阅读 · 2 评论 -
uniapp使用uni-data-picker插件实现省市区弹窗(兼容app)
官方文档:uni-app官网1.使用HBuilder导入插件.uni-data-picker 数据驱动的picker选择器 - DCloud 插件市场2.导入成功后,在src文件夹下多一个uni_modules的文件夹3.引入插件import uniDataPicker from '@/uni_modules/uni-data-picker/components/uni-data-picker/keypress.js';4.在页面中使用<uni-data-pic..原创 2021-12-06 15:46:59 · 9788 阅读 · 1 评论 -
JS命名规范(常用)
1. 变量命名方法:小驼峰式命名法。命名规范:前缀应当是名词。var maxCount = 10; var tableTitle = 'LoginTable'; 2. 常量命名方法:名称全部大写。命名规范:使用大写字母和下划线来组合命名,下划线用以分割单词。var MAX_COUNT = 10; var URL = 'http://www.baidu.com';3. 函数命名方法:小驼峰式命名法。命名规范:前缀应当为动词。 动词原创 2021-11-15 10:28:22 · 3470 阅读 · 0 评论 -
微信小程序优惠券列表领取(send-coupon插件)
插件配置和引入请参考官方文档:https://pay.weixin.qq.com/wiki/doc/apiv3/apis/chapter9_3_1.shtml<send-coupon bind:sendcoupon="getcoupon" bind:userconfirm="redirectuser" send_coupon_params="{{send_coupon_params}}" sign="{{sign}}" send_coupon_mercha原创 2021-11-11 14:26:03 · 5157 阅读 · 3 评论 -
typescript基础入门
基础类型let isTrue: boolean = falselet price: number = 3let name: string = 'zhangsan'let arr: number[] = [1, 2, 3]数组let arr: Array<number> = [1, 2, 3]元组 let x: [string, number, number] = ['zhangsan', 12, 23]x[3] = 'world' //当访问一个越界的元素,会使原创 2021-08-27 16:55:16 · 195 阅读 · 0 评论 -
javascript数组相关方法
(1)把数组转换为字符串toString()//把数组转换为数组值(逗号分隔)的字符串join('|')//方法也可将所有数组元素结合为一个字符串,还可以规定分隔符(2)数组的弹出与位移(改变原数组)push()//方法(在数组结尾处)向数组添加一个新的元素,返回新数组的长度pop()//方法从数组中删除最后一个元素,返回被删除的值unshift()//方法(在开头)向数组添加新元素,返回新数组的长度shift()//方法会删除首个数组元素,返回被“位移出”的字...原创 2021-08-27 16:30:48 · 71 阅读 · 0 评论 -
javascript字符串相关方法
(1)检索字符串中的字符串str.search("locate");//可以设置更强大的搜索值(正则表达式)str.indexOf("USA");//可以设置第二个开始位置参数(2)提取字符串slice(start,end)substring(start,end)substr(start,length)(3)字符串替换str.replace("Microsoft", "W3School"); //默认地replace()只替换首个匹配,对大小写敏感(4...原创 2021-08-27 16:06:18 · 104 阅读 · 0 评论 -
JavaScript判断变量类型
1.var d = new Date(); // 当前日期2.去重localId = [...new Set(localId)]; // ID去重3.JavaScript 关键词4.判断变量类型(1)typeof对于丰富的对象实例(null,array等),只能返回"Object"字符串。(2)变量a为一个array,使用a instanceof Object,也会返回true,array本身就是对象类型(3)使用原型链区分对象还是数组funct...原创 2021-08-27 16:04:15 · 230 阅读 · 0 评论 -
vue实现excel上传获取表格数据
使用mixin.js将方法作为公用方法import XLSX from 'xlsx'// mixins.jsexport const xlsxMixin = { methods: { impExcel(e) { //导入信息 const that = this let fileName = e.target.files[0] return new Promise(function (resolve, reject) {原创 2021-08-13 13:47:04 · 546 阅读 · 0 评论 -
小程序使用scroll-view时无法触发 onPullDownRefresh,自定义下拉刷新
心路历程:小程序底栏采用了fixed定位,导致页面滚动时ios手机出现底栏闪动,为了解决这个问题,将page滚动改为scroll-view,从而引发了下拉刷新失效,因为页面需要监控scroll滚动,不得已需要舍弃onPullDownRefresh,自定义了一个比较简单的下拉刷新,效果图如下:下拉松手0.5s后刷新并回弹。tempalte:将刷新代码放入scroll-view,loading动画我采用了vant组件,这个可以自己随意发挥 <scroll-view scrol原创 2020-09-16 10:14:20 · 2808 阅读 · 1 评论 -
input只保留小数点后两位小数
getPrice(value) { this.addInfo.price = value.match(/\d+(\.\d{0,2})?/) ? value.match(/\d+(\.\d{0,2})?/)[0] : ''; },原创 2020-08-11 13:48:04 · 2159 阅读 · 0 评论 -
oss地址转base64编码
async init() { // 获取base64编码 解决移动端跨域问题 try { const [avatarResult] = await Promise.all( [ this._getBase64(this.avat...原创 2019-11-12 10:29:02 · 614 阅读 · 1 评论 -
jquery内容改变时触发事件
1.change()针对text,filed,textarea,select2.div内容改变时使用:$('div').bind('DOMNodeInserted',function(){});原创 2016-09-30 09:29:25 · 3649 阅读 · 0 评论 -
js判断微信浏览器登录
var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { //微信登录 }原创 2017-11-27 11:25:18 · 906 阅读 · 0 评论 -
移动端列表项左滑删除功能
//左滑删除 var lines = $(".itme1_content li,.itme2_content li"); var len = lines.length; var lastXForMobile;//上一点位置 var pressedObj; // 当前左滑的对象 var lastLeftObj; //原创 2016-11-17 08:53:48 · 5018 阅读 · 0 评论 -
textarea高度随文字增多变化高度
function MaxMe(o) { o.style.height = o.scrollTop + o.scrollHeight + "px"; }转载 2016-09-24 17:53:34 · 2651 阅读 · 0 评论 -
javascript中for in和for of的区别
for in 主要用于遍历对象,得到的是对象键值for of 主要用于遍历数组,得到的元素的值原创 2018-02-24 11:05:23 · 710 阅读 · 0 评论 -
better-scroller使用
使用方法:better-scroll详解链接:https://www.imooc.com/article/18232原创 2018-03-14 13:39:40 · 1161 阅读 · 0 评论 -
vue元素排序
compareVal(value) { // 按权重排序 value.sort(function compare(obj1, obj2) { let val1 = parseInt(obj1.weight); let val2 = parseInt(o...原创 2019-03-14 18:05:13 · 1700 阅读 · 0 评论 -
input上传重复图片无法触发change事件(vue+element)
需求要做一个上传图片的组件,可上传多张,上传重复图片时提示重复,使用input上传,当图片重复时并不会触发change事件,导致无法添加提示,解决方案是上传图片完成后清空input中的value。思路是:1.定义dom结构,定义input的ref名称,获取到input的value值;<input type="file" class="add" @ch...原创 2019-04-17 14:09:19 · 3177 阅读 · 0 评论 -
关于offsetTop的理解
1. offsetTop:元素到offsetParent顶部的距离2. offsetParent:距离元素最近的一个具有定位的祖宗元素(relative,absolute,fixed),若祖宗都不符合条件,offsetParent为body。如下图所示:获取child的offsetTop,图1的offsetParent为father,图2的offsetParent为body。3. 注意...原创 2019-05-30 14:39:58 · 38387 阅读 · 1 评论 -
html2canvas转图片遇到的坑(图片偏移,图片模糊,字体改变)
最近做了一个分享页面,要求长按保存相册,其中用到了html2canvas,使用比较简单,但是遇到的比较常见的几个坑,来做下总结:1. 解决图片模糊和偏移$('.share')是需要转成图片的domfunction share() { var width = $('.share')[0].offsetWidth; //dom宽 var height = $('.share')[...原创 2019-09-24 15:10:32 · 51098 阅读 · 16 评论 -
Javascript中Math对象、数组方法
Math对象,提供对数据的数学计算。 使用 Math 的属性和方法转载 2016-06-21 09:58:23 · 632 阅读 · 0 评论