JavaScript
Mr.冬冬
这个作者很懒,什么都没留下…
展开
-
根据蓝牙协议解析蓝牙传输数据
// 接收蓝牙传输的数据取出有用的数值编码 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 · 3219 阅读 · 0 评论 -
记录uniapp 连接蓝牙外设踩过的一些坑
第一个坑就是连接蓝牙设备之后无法获取到serverUUid和蓝牙特征uuid的坑解决办法加个定时器延迟获取serverID 就可以获取第二个坑就是调试的时候一直是按照我们前端思路去调试回调的数据value一直都是空的就一直认为为什么没有回调数据实际蓝牙设备返回的是二进制数据根本无法打印出来将二进制数据转换一下打印即可 ab2hex(buffer) {...原创 2019-12-19 18:07:32 · 15849 阅读 · 33 评论 -
一次下载多个文件的解决思路-JS
一次下载多个文件的解决思路(iframe) - Eric真实经历最近开发项目需要做文件下载,想想挺简单的,之前也做过,后台提供下载接口,前端使用window.location.href就行了呗。不过开发的时候发现,有些文件有附属文件,点击下载按钮需要下载两个文件,而且不能使用压缩包的形式。想想不是也挺简单,点击 下载 发送两个下载请求不就搞定了么。说干就干,三下五除二就写好了,当点...转载 2019-12-17 09:36:15 · 1069 阅读 · 0 评论 -
uniapp 关于有些第三方插件功能失效的解决办法(特定情况如我下面所述类似的应该能解决)
我这边引入了一个滑动的插件,多层嵌套后导致该功能失效了,有修改一个代码后再保存该功能会可以使用,但是一直想不明白为什么会这样,后来感觉问题应该时出现在组件可以是event 事件都没有加载完成但是组件已经显示了,后面在渲染组件的时候加了一个条件延时就可以了 (补充一点不要用v-show )因为v-show 元素是存在的只是以display 为none 的形式隐藏了所以实际上还是渲染了,v-if ...原创 2019-12-11 17:09:44 · 3153 阅读 · 0 评论 -
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 · 9942 阅读 · 0 评论 -
基于css3的侧滑导航
没事的时候做的基于css的侧滑导航效果,实现非常的简单ps:效果如下 有一点js代码就是需要判断侧滑导航的显示和隐藏 (这个我是用vue实现的 用其他框架也是差不多这么个思路)ps:效果如下ps:代码<!doctype html><html> <head> <meta charset="UTF-8"> <t...原创 2019-05-27 11:21:54 · 870 阅读 · 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 · 17609 阅读 · 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 · 639 阅读 · 0 评论 -
vue + mui 实现左滑删除功能
//效果演示 因为免费的软件转到gif所以画质不咋地!!!//代码部分<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width...原创 2019-06-26 11:01:17 · 804 阅读 · 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 · 1671 阅读 · 0 评论 -
socket 实现在线聊天室功能
第一次写这个需求写的不是很好,数据存储和获取都是在localstorage里面实现的,离线发送的消息存在服务器端,获取到的消息全都存在缓存中,这些是主要逻辑的代码,(完整的以后会传到github)客户端界面大概就这样的 可以发送消息和图片(初版能用就行,是给某个客户内部使用的)客户端代码<!doctype html><html> <head&g...原创 2019-07-17 15:30:45 · 1786 阅读 · 1 评论 -
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 · 2843 阅读 · 1 评论 -
vue 自定义事件 传入额外参数
<div @click="myClick">我是子组件内容<div>//子组件自定义事件myClick(){ this.emit("childClick",'我是子组件参数')}//父组件调用自定义事件,把$event 换成 arguments 也是可以获取到自定义事件对象的<div @childClick="getData($ev...原创 2019-09-28 17:00:56 · 7501 阅读 · 2 评论 -
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 · 4046 阅读 · 0 评论 -
前端(移动端)开发利器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 · 4467 阅读 · 1 评论 -
mui- 给图片添加点击查看大图功能
<html> <head> <meta charset="utf-8"> <title>图片放大</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user原创 2018-10-16 08:49:55 · 5745 阅读 · 0 评论 -
JS 获取href带参数跳转的值
//var i = 1;//var j = 2;//用法(1) local.href = "xxx.html?id=1"//用法(2) local.href = "xxx.html?id=" + i//用法(3) local.href = "xxx.html?id=" + i "&j=" jfunction getUrlParam(name) { //构造一个含有目标...原创 2018-10-20 14:44:23 · 8217 阅读 · 0 评论 -
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 · 867 阅读 · 0 评论 -
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 · 699 阅读 · 0 评论 -
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 · 1939 阅读 · 0 评论 -
mui+vue轮播图失效问题
在mounted方法从新调用激活即可 mounted(){ mui('.mui-slider').slider({interval: 3000}); }要是ajax请求的图片则在 updated(){ mui('.mui-slider').slider({interval: 3000}); }...原创 2019-01-02 15:48:09 · 855 阅读 · 0 评论 -
vue获取验证码倒计时效果
css 这个用来禁止点击事件 .closeclick{ pointer-events: none;/*禁用点击事件*/ }html代码<div class="list-item"> <div class="list-name"> 验证码 </div&g...原创 2019-01-03 11:28:17 · 352 阅读 · 0 评论 -
js实现顶部悬停效果
//gif是横盘把头歪着看会好点 //!!!!!!!!!!<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewpor原创 2019-01-18 17:15:09 · 2221 阅读 · 0 评论 -
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 · 4629 阅读 · 6 评论 -
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 · 5836 阅读 · 2 评论 -
uniapp app内实现自动更新
//注意:安卓9.0以上的手机需要在manifest 》app模块权限配置里面勾选PACKAGES 权限不然会无法安装 onLoad(){ this.plusReady(); this.isandroid(); }, methods: { // 获取当前版本号...原创 2019-04-15 18:19:25 · 22635 阅读 · 3 评论 -
JS 接收后台数据变成字符串要注意的问题
在做开发的时候遇到一个问题 判断两个从后台调用的变量但是一直发现有时候判断正确有时候错误最后发现 , 对比的全是第一个字符因为数据被转成字符串来进行对比了, 后来测试了几次第一个字符大的就打 假设第一个字符是5 第二个是3 后面是什么都没用的 对比完第一个5>3后面的就不比了 这应该是字符串一直默认的对比处理方式,开发中多注意这种问题就好了 ,处理的方法也很简单 用JS...原创 2018-09-13 09:16:34 · 2384 阅读 · 0 评论