Smile_ping-CSDN博客

原创微信小程序蓝牙BLE开发——写入一串16进制数据，低字节在前（五）

微信小程序BLE发送一串16进制数据，低字节在前文章目录微信小程序BLE发送一串16进制数据，低字节在前场景获取UTC时间写入数据向设备发送16进制数据字节转换验证发送UTC时间场景以时间2000-01-01 00:00:00 和当前时间计算差值秒低字节在前，发送给设备设备执行指令后返回数据，其中也包括当前UTC时间，需要进行转换关于UTC时间获取UTC时间function sendCurrentTime() { let writeSer = filterWriteServ

2021-10-24 14:57:29 7457 3

原创 vue实现pc端扫码登录

vue pc端微信扫码登录文章目录vue pc端微信扫码登录效果图安装并引入插件参数说明使用自定义样式注意效果图安装并引入插件wxlogin // 安装 npm install vue-wxlogin -S // 局部引入 import wxlogin from 'vue-wxlogin'; // 注册组件 components: { wxlogin }参数说明使用<wxlogin class="l

2021-10-14 11:18:27 2350

原创 vue实现多商铺购物车功能

vue实现多商铺购物车功能写的不好，请多指教。文章目录vue实现多商铺购物车功能效果图templatejs初始化数据获取购物车列表数据后端返回数据格式操作步进器组件点击某商品时改变选中状态选中店铺，把该店铺下所有商品选中是否存在商品id是否选中所有店铺全选所有购物车商品操作删除按钮，显示弹窗组件操作删除失效商品popup组件触发确定事件根据类型处理提交格式删除商品根据类型处理删除商品根据类型判断删除条件结算效果图以下展示案例项目中有应用到vant组件、引入组件，需要使用demo时，请自行

2021-01-04 11:45:55 689

原创 vue实现商品分类左右联动

vue中better-scroll实现商品分类左右联动结合better-scroll插件实现商品分类左右联动交互方式。前提准备安装： npm i better-scroll -S组件中引入： import BScroll from 'better-scroll'better-scroll官网相关文章：better-scroll监听元素吸顶better-scroll商品详情联动步骤：先实现左联右再实现右联左效果图1. 初始化数据data() { return

2020-12-10 14:55:39 5020 10

原创 vue实现订单多商品评价

vue实现订单多商品评价最近在开发简易版商城，其中有发表评价功能，涉及到一个订单多商品评价。项目使用vue结合vant组件开发。文章目录vue实现订单多商品评价效果图前提template初始化获取订单详情上传图片after-read上传图片到服务器上传图片成功，返回数据效果图删除图片是否好评是否匿名评价内容发布评价效果图思考: vue中v-model是双向数据绑定原理，如何动态绑定v-model值？这里采用了比较笨方式，在获取订单详情接口中添加需要使用字段来操作。欢迎各位留言指教更好的方

2020-08-14 18:48:40 2120 2

原创 vue结合better-scroll实现商品详情联动效果

better-scrollps：商品详情联动效果，当滑动到某个位置时出现tab标签栏，点击tab项时滑动到对应位置并激活当前类。文章目录better-scroll效果图安装better-scrolltemplate使用better-scrollstyle滑动元素吸顶.可参考效果图安装better-scroll安装： npm i better-scroll -S组件中引入： import BScroll from 'better-scroll'better-scroll官网参考:

2020-06-27 18:23:16 690 2

原创微信小程序——根据当前定位查询附近商家

微信小程序——使用微信内置地图查看位置项目需求：根据当前的定位位置，查看附近有哪些商家，查看商家具体位置。文章目录微信小程序——使用微信内置地图查看位置步骤效果图具体实现wxmljs1. 初始数据及调用2. 获取用户当前设置3. 获取当前位置4. 获取附近商家列表5. 点击商家查看详情6. 使用`微信内置地图`查看商家具体位置手动授权（用户拒绝后）步骤首先：获取当前地理位置，调...

2019-12-12 18:49:41 11047 12

原创微信小程序蓝牙BLE开发——关于进制转换（四）

微信小程序蓝牙BLE开发——进制转换这段时间开发共享设备，对接蓝牙BLE设备通信协议，过程中用到一些进制转换, 记录下方便使用。有些参考大神们，感谢分享。文章目录微信小程序蓝牙BLE开发——进制转换关于字节理解ArrayBuffer转16进度字符串16进制转10进制相加取低字节10进制转16进制不足位数补零`大于255`字节如何处理？十六进制转十进制16进制转 ASCII单个值...

2019-12-07 17:05:35 5248 2

原创微信小程序蓝牙BLE开发实战——遇到问题及踩坑(三)

微信小程序蓝牙BLE开发——实战遇到坑及问题(三)对于我这种小白，遇到问题是常见的哈。这里记录下，避免日后再踩坑1. iPhone6及6plus无法搜索到设备？特别注意： wx.onBluetoothDeviceFoundAPI返回的数据结构，其中advertisData数据段。来看下res.devices 的结构。有些供应商设备是没有返回的。返回的数据结构图:下图是不同设备上...

2019-12-02 19:23:35 5453 3

原创微信小程序蓝牙BLE开发实战——案例(二)

微信小程序蓝牙BLE开发实战(二)上篇主要介绍在开发过程中应用到相关API操作。接下来介绍个人在项目开发中应用蓝牙BLE一些事情。由于时间比较仓促, 有些注释没那么详细。请理解~写的不好欢迎各位大神指。项目介绍由于公司近阶段开发的共享产品比较多，有共享充电宝、陪护床等，这里就不一一介绍哈。大部分产品通过蓝牙通讯的。快捷方便：通过扫设备二维码进入小程序使用设备。这里拿最近开发...

2019-11-19 18:07:12 5591 9

原创微信小程序蓝牙BLE开发实战——API及流程介绍(一)

微信小程序蓝牙BLE开发(一)迟来的更新。上半年4月份以来项目中断续在对接好几个产品关于蓝牙BLE设备，通过蓝牙与设备之间通信进行使用产品。开发中也遇到不少问题哈，后面抽时间续篇。写得不好，请各位大神多多指教。此篇主要介绍一些API操作及一些返回数据结构，项目已上线。后面抽时间上demo文章目录微信小程序蓝牙BLE开发(一)关于字节流程图使用步骤初始化数据给变量赋值1. `初始化蓝牙`...

2019-11-06 17:04:57 17983 33

原创微信小程序自定义navbar

自定义导航栏项目中需求: 导航栏在插画上, 这时需要采用自定义导航栏实现.在json配置中把navigationStyle设置为custom, 这时只会保留右上角胶囊按钮.公共的导航栏编写一个自定义组件调用.欢迎大神们指教…效果图创建组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成.首先需要在 json 文件中进行自定义组件声明, 将co...

2019-07-04 20:49:42 3678 2

原创微信小程序scroll-view

scroll-view使用scroll-view可滚动到对应区域,注意: 使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。效果图下图：标题采用scroll-x横向滚动，内容采用scroll-y纵向滚动，当点击某个分类时滚动到对应区域wxml<vie...

2019-07-02 14:32:43 628 2

原创微信小程序知识记录(有时间会更新其他)

recored写的比较凌乱, 后续会不定期更新，欢迎大神前来指教。微信小程序解析富文本数据可通过 rich-text组件解析富文本数据。 nodes节点类型区分 <rich-text nodes="{{item.content}}"></rich-text>处理富文本图片问题默认情况下展示图片原来的尺寸，这里获取到数据后处理一下。// 替换匹配...

2019-06-29 18:18:53 716

原创微信小程序授权用户信息

授权获取用户信息文章目录授权获取用户信息效果图参考APIwxmljs授权获取用户信息需要经过用户授权同意才能调用。如果用户未接受或拒绝过此权限，会弹窗询问用户，用户点击同意后方可调用接口；如果用户已授权，可以直接调用接口；如果用户已拒绝授权，则不会出现弹窗，而是直接进入接口 fail 回调。请开发者兼容用户拒绝授权的场景。ps: 抽时间记录下，以下是个人使用方案(仅供参考)，欢迎...

2019-06-29 18:15:35 1655

原创微信小程序iPhone X适配

iPhone X适配由于 iPhone X 屏幕顶部状态栏区域有刘海屏，以及在屏幕底部增加了操作条，在开发中需适配机型最近开发微信小程序：在iPhone X XS XR XS Max机型适配，我在项目中写了X适配的方法，在其它几个屏下也差不多(这里就没有详细适配)ps: 比较忙.抽时间记录下，以下是个人使用方案(仅供参考)，欢迎大神们指教…文章目录iPhone X适配效果图设计稿对比图...

2019-06-28 18:29:12 4001 4

原创微信小程序遍历改变当前按钮状态

微信小程序多个button同一事件操作遍历未知个数button中，如何改变当前所点击按钮的状态，或修改button文本introduce遍历button，在button上绑定事件点击当前button时禁用，或修改样式如果后台没有返回数据中没有标识禁用属性可自行添加wxml<view wx:for="{{list}}" wx:key="*this"> &...

2019-06-12 17:23:34 2652

原创微信小程序request请求封装

在项目中获取后台数据时，会应用到 wx.request({}) 发起https网络请求。项目中需求：如果是 POST请求接口，进行 MD5加密。根据实际需求即可。写的不好，欢迎大神们指点。谢谢！文章目录API完整request请求MD5.JSGET请求POST请求返回数据处理JSON数据排序方法导出模块APIwx.request网络请求API参考文章完整request请...

2019-04-08 17:52:48 3888

原创微信小程序图片上传并移除

微信小程序图片上传ps: 最近项目使用到图片上传, 通过api中 wx.chooseImage(Object object)、wx.uploadFile实现需求： 1. 最多上传3张图片，当第三张图片时，添加按钮隐藏，反之显示 2. 每添加一张显示删除图片icon, 实现删除功能文章目录微信小程序图片上传效果图选择图片提交事件删除图片wxmlwxssAPI文档wx....

2019-04-01 10:39:01 3337 8

原创 vue使用better-scroll监听滑动事件

vue使用better-scroll监听滑动效果ps: 实现某元素吸顶或滑动到某个元素时固定显示，反之隐藏（根据需求）使用： better-scroll插件写的不好，不足之处，欢迎大家指导，谢谢！文章目录vue使用better-scroll监听滑动效果效果图前提准备template初始化及使用better-scroll样式scss效果图当滑到商品介绍时，显示元素，...

2019-03-27 16:47:15 10252 8

原创扫普通二维码跳转小程序

ps: 最近在开发微信小程序项目，其中需求有: 1. 扫普通二维码跳转小程序，2. 扫码自动开锁(条件满足下)，文章目录扫普通二维码跳转小程序详细配置参考文档二维码内容获取onLoad事件中获取截取参数方法注意问题小程序中调用扫码扫普通二维码跳转小程序详细配置参考文档配置：微信客户端支持扫普通二维码跳转小程序二维码内容获取二维码链接内容会以参数q的形式带给页面在onL...

2019-03-21 15:42:43 5784 1

原创 vue分享微信、朋友圈

文章目录vue实现微信分享效果图前提：公众号相关配置使用遇到问题vue实现微信分享效果图前提：公众号相关配置参考微信公众平台使用mounted() { this.shareWx();},methods: { shareWx() { // alert(encodeURI(location.href.split('#')[0])); /...

2019-03-15 15:22:50 3455 1

原创 vue部分知识记录

文章目录安装常用vant配置ES6 转 ES5vue-cli相关配置省略后缀按需加载图片路径问题打包后背景图片不显示filter删除数据, 过滤*号代替手机号中间4位保留两位小数相关插件jQuery图片压缩lrz引入使用vue-lazyloadmoment使用默认图片替代异常图片better-scrolldemovue-amapweixin-js-sdkjs-md5v-distpicker 三级联...

2019-03-12 19:54:37 419