- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp 获取用户位置信息，（使用高德地图获取天气信息的api也需要这样配置）
第一种获取用户位置信息直接使用官方提供的api(app端需要配置高德地图key才能使用) uni.chooseLocation({ success: (res)=> { this.currentAddress = res.name; } });注意几点情况1.需要在App sdk权限下配置高德key 信息...
2020-03-18 09:24:59
4507
1
原创 uniapp 使用 i18n 实现多语言切换（vue 也是一样的）
1.准备语言包(js文件 )const Chinese = { language:"中文", China:"中国"}const English = { language:"language", China:"China"}//导出中文包和英文包如果还有别的语言自己添加即可export { Chinese, English}2.在main.js导入i18n并使用...
2020-03-10 14:41:52
4120
1
原创 vue 的 axios 进行封装
request.js // 封装get post 各类请求文件//第一步import axios from 'axios'axios.defaults.baseURL = "/api/"// http请求拦截器请求头axios.interceptors.request.use(config => { let token = sessionStorage.getItem(...
2020-01-10 17:58:50
248
原创 根据蓝牙协议解析蓝牙传输数据
// 接收蓝牙传输的数据取出有用的数值编码 let num = "AAAA01400262007204041FCC".replace("AAAA","").replace("CC",""); //蓝牙回调数据 let sun = 0; //用来验证 let strArr = []; //字节数组 for(let i=0;i<num.length-2;i=i+2){...
2020-01-06 16:24:16
3136
原创 记录uniapp 连接蓝牙外设踩过的一些坑
第一个坑就是连接蓝牙设备之后无法获取到serverUUid和蓝牙特征uuid的坑解决办法加个定时器延迟获取serverID 就可以获取第二个坑就是调试的时候一直是按照我们前端思路去调试回调的数据value一直都是空的就一直认为为什么没有回调数据实际蓝牙设备返回的是二进制数据根本无法打印出来将二进制数据转换一下打印即可 ab2hex(buffer) {...
2019-12-19 18:07:32
15509
33
转载 一次下载多个文件的解决思路-JS
一次下载多个文件的解决思路(iframe) - Eric真实经历最近开发项目需要做文件下载，想想挺简单的，之前也做过，后台提供下载接口，前端使用window.location.href就行了呗。不过开发的时候发现，有些文件有附属文件，点击下载按钮需要下载两个文件，而且不能使用压缩包的形式。想想不是也挺简单，点击 下载 发送两个下载请求不就搞定了么。说干就干，三下五除二就写好了，当点...
2019-12-17 09:36:15
979
原创 uniapp 关于有些第三方插件功能失效的解决办法(特定情况如我下面所述类似的应该能解决)
我这边引入了一个滑动的插件，多层嵌套后导致该功能失效了，有修改一个代码后再保存该功能会可以使用，但是一直想不明白为什么会这样，后来感觉问题应该时出现在组件可以是event 事件都没有加载完成但是组件已经显示了，后面在渲染组件的时候加了一个条件延时就可以了 （补充一点不要用v-show ）因为v-show 元素是存在的只是以display 为none 的形式隐藏了所以实际上还是渲染了，v-if ...
2019-12-11 17:09:44
3045
原创 uniapp 自定义多列选择器
<picker class="width-100" mode="multiSelector" :range="timeList" :value="timesIndex" @change="bindTimeChange"> <view> {{timeList[0][timesIndex[0]]}}:{{timeList[1][timesIndex[1]]}}...
2019-11-30 10:12:57
11174
原创 uniapp 实现可以左右滑动页面+导航栏
<template> <view> <home-view></home-view> <view class="content-box" :id="isScale?'content-box-too':''"> <view class="nav-head-box top-nav-fixed"> <i...
2019-11-29 10:45:30
9813
原创 vue scrollTop 失效的问题
methods: { setTop(){ this.$nextTick(() => { //第一种方式在vue里面是没有用的 document.getElementById('scrollBox').scrollTop = 500; //下面这个才可以设置top值 let con...
2019-10-22 16:45:26
1789
1
原创 vue 自定义事件 传入额外参数
<div @click="myClick">我是子组件内容<div>//子组件自定义事件myClick(){ this.emit("childClick",'我是子组件参数')}//父组件调用自定义事件，把$event 换成 arguments 也是可以获取到自定义事件对象的<div @childClick="getData($ev...
2019-09-28 17:00:56
7331
2
原创 uniapp 上拉加载下拉刷新 mescroll
之前自己用scroll-view 写的上垃加载和下拉刷新体验不是很好现在改成用mecsroll不是uniapp 项目也可以用个人感觉体验还是非常棒的（有兴趣的老哥可以去看啊看源码）mecsroll 官网http://www.mescroll.com/uni.html#options<template> <mescroll-uni :down="downOpt...
2019-08-07 11:40:00
2774
1
原创 js 下载图片或者文件
function downLoad(name) { //name img 路径或者要下载的文章路径 var a = document.createElement('a') var event = new MouseEvent('click') a.download = name; a.href = name;...
2019-07-19 16:24:27
1641
原创 socket 实现在线聊天室功能
第一次写这个需求写的不是很好，数据存储和获取都是在localstorage里面实现的，离线发送的消息存在服务器端，获取到的消息全都存在缓存中，这些是主要逻辑的代码，（完整的以后会传到github）客户端界面大概就这样的 可以发送消息和图片（初版能用就行，是给某个客户内部使用的）客户端代码<!doctype html><html> <head&g...
2019-07-17 15:30:45
1770
1
原创 vue + mui 实现左滑删除功能
//效果演示 因为免费的软件转到gif所以画质不咋地！！！//代码部分<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width...
2019-06-26 11:01:17
746
1
原创 使用原生js 监听video 当前播放时间和是否点击了播放或者暂停按钮
<video id="vid"> </video> var vid = document.getElementById("vid");vid.ontimeupdate = function() { //获取当前的播放时间 console.log(vid.currentTime); //false 点击了播放 true 点击了暂停 ...
2019-06-25 13:17:18
17459
1
原创 js 实现复制功能 兼容ios 和 android
//传入需要复制的内容function copyArticle(content) { var input = document.createElement("input"); input.value = content; //你需要复制的内容 document.body.appendChild(input); input...
2019-06-12 11:33:44
625
原创 基于css3的侧滑导航
没事的时候做的基于css的侧滑导航效果，实现非常的简单ps:效果如下 有一点js代码就是需要判断侧滑导航的显示和隐藏 （这个我是用vue实现的 用其他框架也是差不多这么个思路）ps:效果如下ps:代码<!doctype html><html> <head> <meta charset="UTF-8"> <t...
2019-05-27 11:21:54
832
1
原创 jquery 上传图片 （头像）
<form id="head-img" enctype="multipart/form-data" > <input type="file" name="imgfile" style="display: none!important;" onchange="uploadPic()" id="imgfile" accept="image/*" value="" />...
2019-05-24 14:04:42
3996
原创 前端（移动端）开发利器Vconsole
Vconsole其实就是一个移动端的前端调试工具，因为手机的浏览器没有像电脑一样的控制台，有时候在真机上查看调试信息用Vconsole就非常的方便、使用起来也非常简单1，引入Vconsole （ps:我自己找js文件常用的网址https://www.bootcdn.cn/）<script src="https://cdn.bootcss.com/vConsole/3.3....
2019-04-19 14:35:57
4179
1
原创 uni-app 获取验证码倒计时
<template> <view class="content"> <view class="mobile-box"> <image class="mobile-img" src="/static/mobile.png" mode=""></image> <...
2019-04-18 10:39:26
7161
7
原创 uniapp app内实现自动更新
//注意：安卓9.0以上的手机需要在manifest 》app模块权限配置里面勾选PACKAGES 权限不然会无法安装 onLoad(){ this.plusReady(); this.isandroid(); }, methods: { // 获取当前版本号...
2019-04-15 18:19:25
22517
3
原创 uniapp uni.showModal 在ios没效果不弹出的问题
uni.showModal({ title: '标题', content: '内容', //此处不能为空否则在ios上无法弹出 success: function(res) { if (res.confirm) { uni.redirectTo({ url: '../pay/pay' }) } else if (res.cancel) { uni.sw...
2019-03-22 15:30:43
5670
2
原创 小程序更换头像功能
//通过事件执行更换头像方法比如点击头像执行该方法 updatahead(){ var that = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'],...
2019-02-18 17:45:59
6099
原创 小程序自动定位当前位置
//微信小程序更新了功能现在使用getlocation需要在app.json里面添加permission不然会无法使用"permission": {"scope.userLocation": {"desc": "你的位置信息将用于小程序位置接口的效果展示"}},// 引入SDK核心类var QQMapWX = require('../.....
2019-02-13 11:59:37
4745
2
原创 小程序验证码倒计时效果
//点击事件执行getcode后需要禁用点击倒计时完成激活点击事件Page({ data: { codetime:"获取验证码", close:"" }, //获取验证码 getcode:function(){ var that = this; that.setData({ codetime:60, close: setInterval(that.get...
2019-01-25 14:11:21
355
原创 js实现顶部悬停效果
//gif是横盘把头歪着看会好点 //！！！！！！！！！！<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewpor
2019-01-18 17:15:09
2185
原创 mui省市区三级联动
因为要经常使用再次把功能单独拿出来简化一下方便以后使用需要基础导入css文件mui.picker.cssmui.poppicper.css需要的js文件mui.picker.jsmui.poppicker.jscity.data.jscity.data-3.js //核心js//初始化城市数据var cityPicker = new mui.PopPicker({l...
2019-01-11 15:49:09
1920
原创 mui区域滚动失效的问题
在开发 mui加vue 做开发的时候发行这两个框架一起使用问题真的太多了无力吐槽渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置 否则无法滚动mui-scroll-wrapper 的overflow 改成 scroll 因为overflow默认是hidden,<div style="top: 230px;overflow: scroll;height...
2019-01-09 10:53:02
4588
6
原创 vue获取验证码倒计时效果
css 这个用来禁止点击事件 .closeclick{ pointer-events: none;/*禁用点击事件*/ }html代码<div class="list-item"> <div class="list-name"> 验证码 </div&g...
2019-01-03 11:28:17
332
原创 mui+vue轮播图失效问题
在mounted方法从新调用激活即可 mounted(){ mui('.mui-slider').slider({interval: 3000}); }要是ajax请求的图片则在 updated(){ mui('.mui-slider').slider({interval: 3000}); }...
2019-01-02 15:48:09
841
转载 js复制文本信息
<script type="text/javascript">function copyUrl2() { var Url2=document.getElementById("biao1").innerText; var oInput = document.createElement('input'); oInput.value ...
2019-01-02 09:18:50
681
原创 小程序-微信支付
小程序css代码.user_title{ width: 100%; height: 160px; background: #d4237a; text-align: center;}.vip{ height: 16px; width: 85px; background: #333; margin-left: 38.52%; font-size: 12px; colo...
2018-12-21 15:09:39
214
原创 MUI上拉加载失效 或下拉刷新失效问题
//重新激活mui('#下拉容器id').pullRefresh().refresh(true);假设从A上拉加载能用但是切换到B不能使用上拉加载了在切换的事件上重新激活mui('#上拉容器id').pullRefresh().refresh(true);即可，原因应该就是在A页时上拉加载到底部没有更多数据了执行mui('#pullrefresh').pullRefresh().e...
2018-12-19 14:30:22
5009
原创 小程序上拉加载
wxml代码 <scroll-view style="height:{{scrollHeight}}px;" scroll-y="true" bindscrolltolower="bindDownLoad" lower-threshold="100"> <view wx:if="{{notimg}}" class='notdata'>
2018-12-13 11:01:00
4385
原创 css图片多余的裁剪
实际图片大小显示部分图片<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,m...
2018-12-03 10:43:13
4377
1
原创 mui+vue上拉加载
代码展示<!doctype html><html><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-s
2018-11-27 11:05:11
851
原创 解决vue在渲染页面之前可以看到源代码的问题
在css里加上一段下面的代码 ,虽然这样可以解决这个问题但是会带来另外的问题就是原生js的一些方法会出现一些问题比如offwidth,offheight等等这些方法获取被v-cloak的子元素宽高宽这些会是0px 因为子元素会把v-cloak 的display继承过来但是在css无法看到display:none这个属性也无法改变，会导致js 认为该元素可见域为0px ,要是在项目中确实要...
2018-11-26 10:00:43
3916
1
原创 关于微信小程序直接调用数组下标的坑
下面这种数组赋值方式在编译器上运行是看不出来任何问题的但是手机端是无法运行的目前不知道是不是所有手机还是部分手机会这样，下面代码手机端无法正常跑起来 ，数据是从接口调回来的 下面这段代码能够在手机端完美运行，直接调用下标需要先定义临时变量接住，目前不知道为什么会这样，个人感觉应该是手机兼容问题，手机比较老旧可能会出现这种bug，有知道的大佬可以解答下会非常感谢...
2018-11-20 15:55:47
11507
8
原创 小程序多选框功能
因为小程序的多选单选外观不怎么样。。。样式展示wxml代码<view class='container'><view wx:if="{{!notcollection}}" class='edit'><text bindtap='display_bn'>编辑</text></view> <view wx:if..
2018-11-02 11:31:41
3782
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人