移动端
基于 vue-cli4+vant 搭建 H5 通用架子(支持微信公众号)
gblfy
心如向阳,次第花开!
展开
-
Uniapp 父组件调用子组件方法给子组件动态传值
Uniapp 父组件调用子组件方法给子组件动态传值原创 2023-11-11 20:13:07 · 700 阅读 · 0 评论 -
uniapp 使用uview组件实现省市区三级联动(任意三级联动)
uniapp 使用uview组件实现省市区三级联动(任意三级联动)原创 2023-11-06 22:37:41 · 2179 阅读 · 3 评论 -
微服务整合公众号告警系统
微服务整合公众号告警系统原创 2022-09-13 17:48:21 · 1441 阅读 · 2 评论 -
爱奇艺、优酷、腾讯视频 限制设备登录 唯一登录设计原理
爱奇艺、优酷、腾讯视频 限制设备登录 唯一登录设计原理原创 2022-09-13 22:04:04 · 952 阅读 · 0 评论 -
企业级~uni-app网络请求封装
企业级~uni-app网络请求封装原创 2022-06-24 09:48:41 · 204 阅读 · 0 评论 -
SpringBoot 整合MongoDB
SpringBoot 整合MongoDB原创 2022-06-12 15:18:00 · 189 阅读 · 0 评论 -
MongoDB 安装与配置~linux
MongoDB 安装与配置~linux原创 2022-06-12 14:49:18 · 743 阅读 · 0 评论 -
移动端一键登录注册
移动端一键登录注册原创 2022-06-06 22:46:47 · 315 阅读 · 0 评论 -
会话拦截限制一台手机登录
会话拦截限制一台手机登录原创 2022-06-06 22:44:14 · 148 阅读 · 0 评论 -
(企业级)HBuilder X 安装蓝叠安卓模拟器
HBuilder X 安装蓝叠安卓模拟器原创 2022-06-05 13:36:18 · 1531 阅读 · 1 评论 -
uniapp 打包安卓 Android 抖音app 前后端调试篇~03
uniapp 打包安卓 Android app 前后端调试篇~03原创 2022-06-05 11:27:52 · 492 阅读 · 0 评论 -
uniapp 打包安卓 Android 抖音app 后端篇~02
uniapp 打包安卓 Android app 后端篇~02原创 2022-06-05 10:29:17 · 622 阅读 · 0 评论 -
uniapp 打包安卓 Android 抖音app 前端篇~01
uniapp 打包安卓 Android app 前端篇~01原创 2022-06-05 10:25:07 · 632 阅读 · 0 评论 -
HbuilderX中 真机调试 Android IOS
文章目录一、Android二、IOS2.1. 运行到IOS2.2. 打开调试模式一、AndroidHbuilderX中 Android 真机调试二、IOS2.1. 运行到IOS2.2. 打开调试模式原创 2022-05-28 10:17:15 · 693 阅读 · 0 评论 -
内网互通原则
原创 2022-05-28 10:00:44 · 237 阅读 · 0 评论 -
幕享手机投屏
前提:手机电脑连接同一个局域网或者无线网https://letsview.cn/原创 2022-05-28 09:57:46 · 390 阅读 · 0 评论 -
HbuilderX中 华为手机 真机调试
文章目录一、场景浮现1. 真机运行2. 问题描述二、解决方案2.1. 终端设置2.2. 开启开发者模式2.3. 开启USB调试2.4. 连接模式选择2.5. 重新运行2.6. 选择设备2.7. 手机真机调试一、场景浮现1. 真机运行直接运行Hbuilder中的“运行”,无法显示对应设备2. 问题描述二、解决方案2.1. 终端设置2.2. 开启开发者模式进入手机打开设置=》关于手机,不停点击版本号,直到提示,已开启开发者模式2.3. 开启USB调试在设置里搜索 开发人员选项。打开原创 2022-05-28 09:54:25 · 4513 阅读 · 1 评论 -
企业微信小程序~开启线上真机调试模式
微信开发者工具-企业微信小程序-预览-生成二维码-手机企业微信扫码-开启调试模式原创 2022-05-18 18:06:16 · 1326 阅读 · 0 评论 -
Vue中时间日期格式化
封装格式化时间方法创建一个js文件formatDate.js,内容如下://方法一export function formatDate(val) { var date = new Date(Number(val)); //时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + "-"; var M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1原创 2022-05-03 09:13:01 · 13810 阅读 · 0 评论 -
微信小程序限制当前位置和目的地的距离
获取当前位置经纬度 onLoad: function (options) { var that = this; campaign_id = campaign_id wx.getLocation({ type: 'wgs84', success: function (res) { console.log(res) lat1 = res.latitude, lng1 = res.longitude原创 2022-04-15 22:03:32 · 568 阅读 · 0 评论 -
uniapp 仿钉钉考勤统计页面的日历组件,通过日历展示每日考勤打卡情况,支持在日历上打两种不同类型的点,大致适配各种分辨率
https://www.cnblogs.com/northwest332/p/16016544.html转载 2022-04-13 22:08:06 · 2435 阅读 · 2 评论 -
小程序快速入门
文章目录一、微信小程序和企业微信小程序相同点和区别?1.1.相同点1.2.不同点1.3.受众人群1.4.核心概念1.5.总结二、开发文档2.1.微信开发文档2.2.企业微信开发文档三、小程序申请?3.1.申请流程3.2.主体说明四、小程序如何线下调试?4.1.调试流程4.2.具体步骤4.3.微信环境小程序4.4.企业微信环境五、小程序如何线上调试?5.1.微信环境小程序5.2.企业微信环境小程序5.3.总结六、小程序提交审核有哪些注意事项?6.1.资质6.2.评审周期6.3.局限性七、小程序设计有哪些注意.原创 2022-04-12 13:10:24 · 1594 阅读 · 0 评论 -
Apollo 分布式配置中心 搭建篇
文章目录一、介绍1. 痛点2. 为什么选择Apollo二、快速开始2.1. 安装mysql2.2. 下载脚本2.3. 初始化脚本三、服务端配置3.1. 下载安装包3.2. 创建目录3.3. 解压3.4. 配置3.5. 启动3.6. 验证一、介绍Apollo(阿波罗)是携程框架部门研发的分布式配置中心,能够集中化管理应用不同环境、不同集群的配置,配置修改后能够实时推送到应用端,并且具备规范的权限、流程治理等特性,适用于微服务配置管理场景。– 摘自Apollo官网1. 痛点修改配置后,需要原创 2022-01-25 15:41:02 · 2103 阅读 · 0 评论 -
解决VScode自动保存时在语句后疯狂加分号
在settings.json中加入如下语句,"vetur.format.defaultFormatterOptions": { "prettier": { // 格式化不加分号 "semi": false, // 格式化为单引号 "singleQuote": true } },可是我发现我的文件中本来就有,经过一顿探索,发现是如下这段代码惹的祸:"editor.formatOnSave": true,将它注释掉,搞定```原创 2022-01-23 09:39:34 · 1717 阅读 · 0 评论 -
小程序 获取腾讯地图计算两经纬度的实际距离(可批量)_多地打卡
文章目录一、H5移动端1. 安装vue-jsonp2. 引入腾讯sdk3. 实例化4. 二点求距离5. 多点求距离文档地址:https://lbs.qq.com/service/webService/webServiceGuide/webServiceDistance一、H5移动端1. 安装vue-jsonp npm i -S vue-jsonpmain.js//解决跨域import {VueJsonp} from 'vue-jsonp'Vue.use(VueJsonp)2. ..原创 2022-01-21 13:55:05 · 2850 阅读 · 5 评论 -
uni-app获取腾讯地图计算两经纬度的实际距离(可批量)
地址https://lbs.qq.com/service/webService/webServiceGuide/webServiceDistancegetDistance() { uni.request({ url: 'https://apis.map.qq.com/ws/distance/v1/matrix', //仅为示例,并非真实接口地址。 method: 'GET', data: { mode: 'walking', from: '39.07原创 2022-01-20 16:32:43 · 509 阅读 · 0 评论 -
uni-app集成uview
文章目录一、uni_modules方式1. 创建uni-app项目2. 安装uview3. 安装SCSS插件二、配置步骤2.1. 引入uView主JS库2.2. 引入主题文件2.3. 引入uView基础样式2.4. 配置easycom组件模式2.5. 实战三、zip方式3.1. 创建uni-app项目3.2. 下载uview3.3. 解压+重命名3.4. 拷贝UI3.5. 安装SCSS插件四、配置步骤4.1. 引入uView主JS库4.2. 引入uView 主题文件4.3. 引入uView基础样式4.4.原创 2022-01-18 16:42:18 · 3539 阅读 · 0 评论 -
vue vant Area组件使用详解
文章目录1. 下载areaList.js2. 组件注册3. 封装组件4. 使用组件5. 效果图6. area.js源码1. 下载areaList.js见文章末尾2. 组件注册main.js引入并注册(一般与Popup一起使用)全局注册//全局导入所有组件import Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant)局部注册import { Area, Popup } from 'vue-router'V.原创 2022-01-10 15:57:47 · 2163 阅读 · 0 评论 -
H5 微信公众号 授权登录 前后端分离篇(资料准备+前端01)
实现微信公众号授权登录,很简单,但是注意的地方要细心,小伙伴们跟着我的思路一起身临其境吧!文章目录帐号申请微信文档帐号申请微信公众平台接口测试帐号申请https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login打开微信公众平台登录,用微信扫码登录把appID和appsecret复制到txt文本中,等会用appID:wxd1f5xxx72428aappsecret:a179826ae2aaff32xxx1551f315c43.原创 2022-01-10 10:58:59 · 12645 阅读 · 0 评论 -
H5 微信公众号 授权登录 前后端分离篇(前后端联调_03)
文章目录1. 获取code2. 返回报文解析3. 源码1. 获取code前端请求微信获取code回调信息https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxd1f5b7f23b72428a&redirect_uri=http%3A%2F%2F192.168.43.122%3A80&response_type=code&scope=snsapi_userinfo&state=STATE&uin原创 2022-01-10 10:43:39 · 1006 阅读 · 0 评论 -
H5 微信公众号 授权登录 前后端分离篇(后端02)
文章目录1. 依赖2. 方法1. 依赖 <properties> <weixin-java.version>4.2.0</weixin-java.version> </properties> <dependencies> <dependency> <groupId>com.github.binarywang</groupId>原创 2022-01-10 10:21:13 · 846 阅读 · 0 评论 -
移动端小程序 腾讯地图sdk 当前位置 地址你解析 距离计算
<template> <view> <!-- 顶部通知栏 --> <view v-if="showtime" class="showtime"> <wyb-noticeBar :url="guideCallbackUrl" color="#666666" :text="[ '异常处理提醒:', ' 我为什么不能打卡、我的定位异常应该怎么原创 2022-01-07 13:38:19 · 574 阅读 · 0 评论 -
移动端H5 腾讯地图sdk 当前位置 地址你解析 距离计算
<template> <view class="content"> <view> <input class="uni-input" placeholder="输入纬度" v-model="lat" /> <input class="uni-input" placeholder="输入经度" v-model="lon" /> <button @click="reverseGeocoder" style="width: 7原创 2022-01-07 13:37:33 · 963 阅读 · 0 评论 -
运行项目到 微信开发者工具和浏览器
文章目录一、运行项目到 微信开发者工具1. 下载安装2. HBuilder X配置3. 设置【微信开发工具路径】4. 运行5. 运行到浏览器一、运行项目到 微信开发者工具1. 下载安装下载地址安装,一路下一步即可2. HBuilder X配置uniapp 支持10个平台,我们已 微信小程序 和 h5 平台为例子,进行演示。运行到 微信小程序配置【微信开发工具】路径3. 设置【微信开发工具路径】4. 运行切记: 一定要在 HBuilder X 中双击打开你项目中的某一个文件(比如:原创 2022-01-03 09:29:18 · 10276 阅读 · 3 评论 -
微信小程序 AppID和AppSecret的获取方式
微信公众平台:https://mp.weixin.qq.com/第一次需要注册,有账号直接扫扫码登陆即可原创 2022-01-03 09:28:27 · 3675 阅读 · 0 评论 -
vue 微信开发工具 Maximum call stack size exceeded
文章目录现象原因解决方案现象某段代码出现了内存溢出的现象原因出现了死循环调用的代码片段解决方案仔细检查一下,很容易发现的案例场景:[Vue warn]: Error in v-on handler: “RangeError: Maximum call stack size exceeded” (found in )RangeError: Maximum call stack size exceeded at HTMLInputElement.toString ()...原创 2022-01-02 21:26:05 · 1097 阅读 · 0 评论 -
前端数据解构
案例:数据如下:{success: true, code: 10000, data: {…}, message: "执行成功"}code: 10000data: list: Array(7) 0: {_id: "608b70ecf9d99a7594662466", id: "0", label: "热榜"} 1: {_id: "608b70ecf9d99a7594662467", id: "1", label: "前端"} 2: {_id: "608b70ecf9d99a7594.原创 2022-01-02 10:43:04 · 1080 阅读 · 0 评论 -
微信小程序console.log出来的是object的问题解决方法
在开发微信小程序的时候,从后台传过来的数据没有问题,但是在开发的过程中,console.log出来的结果为object。解决方案:把加好+改为逗号,即可原创 2022-01-02 10:28:14 · 1873 阅读 · 1 评论 -
uni-app中使用腾讯地图sdk(解析经纬度)获取用户所在位置信息
前言: 技术选定https://lbs.qq.com/dev/console/custom/apply具体步骤:注册开发者账号、申请密钥、开通webserviceAPI服务、下载小程序SDK、微信后台配置请求request域名。( 请按官方完成以上操作:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview )注意点:下载微信的sdk,考虑网络问题(点击没反应),直接F12 找到那串地址copy到地址栏,进行回车;SDK原创 2022-01-01 12:35:44 · 1935 阅读 · 0 评论 -
uni-app中使用腾讯位置服务实现小程序地图选点功能
文章目录1. 官方文档2. 小程序添加插件3. HBuilder配置4. 配置代码5. 页面代码1. 官方文档技术选定(地图选点插件)(对应官网:https://lbs.qq.com/miniProgram/plugin/pluginGuide/locationPicker )2. 小程序添加插件去微信小程序中-设置https://mp.weixin.qq.com/wxamp/basicprofile/thirdauth?token=1361472091&lang=zh_CN直原创 2022-01-01 12:25:40 · 1944 阅读 · 3 评论