- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 H5 腾讯地图无法导航
uni-app 打包H5腾讯地图无法导航前言：解决方案如下：前言：最近几天用uni-app开发安卓和iOS应用，打包成APP安装包后，APP内做地图导航没有问题，APP内使用的是高德地图；但是打包成为H5页面后，运行在微信内置浏览器或者运行在第三方浏览器（UC/QQ浏览器），默认运行的是腾讯地图，地图可以打开，却无法进行导航。具体错误可查看帖子：https://ask.dcloud.net.cn/question/86216##前置条件：开发环境：windows；开发框架：uni-app ,
2020-08-31 11:21:25
2270
原创 uni-app 使用个推推送系统消息
uni-app 使用个推推送系统消息前置条件：1.1 开发环境：windows1.2 开发框架 : uni-app 、H5+1.3 编辑器 : hbuilderx2. 进入个推官网 ，注册申请账号，登录进入开发者中心，创建应用。2.1 创建应用步骤：我的/应用管理/创建应用2.2 创建完应用以后，查看应用信息，得到appId、appKey、appSecret3. 打开 hbuilderx ，在 manifest.json 文件里面的源码视图下面配置 sdkConfigsd 对象下的 pu
2020-07-08 19:02:22
556
原创 JS 数组转对象 对象转数组 对象数组互相转换
数组转对象、对象转数组(针对嵌套深层次比较深的对象或者数组)声明一个函数，arr_obj ，里面接收一个参数，参数类型只接受对象或者数组如果没有传递任何参数 或者 传递的参数类型不符合要求，就会抛出错误异常无论是没有传递参数 或者 传递的参数类型不符合要求，抛出异常 并 打印出传递的参数如果要查看当前函数的对象，请通过 new 的方式实例化函数 arr_obj ，自行在控制台打印输出调用此函数，传入数组会自动转换为对象；传入对象会自动转换为数组// 数组转对象、对象转数组function
2020-06-08 14:09:07
4673
原创 JS 通过年份获取月，季度，半年度，年度
因为调用了月份函数setMonthData，导致生成的季度产生了重复数据，就是用了 removeDuplicateObjects 函数去重。实例化完成后，需要调用此函数来调用实例化函数内部其他数，给一些关键性数据赋值，并且回把生成好的数据return出去。当值是 false 时，使用了JS的 splice 移除了当前年，月，季度，和当前年的下半年。实例化一个函数，给函数内传递不同的参数，获取从起始年份到现在年度所有的月份，季度，半年度，年度。2.9 this.setMonthData 生成月度数据。
2023-10-18 16:06:13
339
原创 VueJS实现模糊查询
VueJS实现迷糊查询新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言：前端人员已经拿到后端返回的所有数据，由前端人员自行实现迷糊查询前置条件:开发环境：windows开发框架：vue2.5 ,vue-cli 4
2022-03-25 13:51:11
1637
2
原创 JS 转盘抽奖效果
阅读原文,微信扫描二维码， 手机关注公共号酒酒酒酒，搜索 JS 转盘抽奖效果JS 转盘抽奖效果前置条件：开发环境：windows开发框架：vue，elelemtUI，js编辑器：HbuilderX正文开始：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="description" content=""> <
2021-07-31 13:44:00
223
原创 设置App桌面图标上显示的角标数字
原文手机微信搜索公众号设置App桌面图标上显示的角标数字原文前言：新的前置条件:正文：代码：文档地址：API参数：平台支持：前言：使用uni-app开发苹果应用App和安卓应用App，已经有一年半的时间了，期间一直在记录自己遇到的坑，和对知识的整理，最近有童鞋问到数字角标，那么今天就补发一下吧新的前置条件:开发环境：windows开发框架：uni-app , H5+，nativeJS编辑器：HbuilderX兼容版本：安卓已作测试，IOS已测试正文：首先需要使用到 nativeJS
2021-05-16 17:40:50
4263
15
原创 Vuex入门、同步异步存取值进阶版
Vuex入门、同步异步存取值进阶版关注公众号，搜索Vuex入门、同步异步存取值进阶版，查看原文vueX介&绍安装Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化vueX 安装npm install vuex --sa vuex --savevueX使用3.1 首先在src下面创建store文件3.2在store文件下分别创建 actions.js、getters.js、in
2021-02-25 18:07:38
195
原创 vue-cli环境搭建
原文扫码搜索 vue-cli环境搭建vue-cli环境搭建项目构建前期准备工作：开始构建vue-cli项目：安装环境：windows运行环境：nodeJS项目构建前期准备工作：1、首先安装好nodeJS环境nodeJS下载地址：http://nodejs.cn/download/可根据自身情况，下载对应的nodeJS安装包1.1、 安装成功后，运行 node -v 命令查看nodeJS版本，运行成功后，会出现以下内容；2、运行 npm install -g vue-cli 全局安装v
2020-12-26 18:41:24
119
原创 uni-app 监听返回按钮
扫码查看原文前置条件：开发环境：windows开发框架：uni-app , H5+，nativeJS编辑器：HbuilderX 2.8.13兼容版本：安卓，IOS已作测试进入正题：文档地址uni-app：https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9funi-app自定义返回逻辑教程:https://ask.dclou
2020-12-04 14:55:46
3012
2
原创 微信H5分享外部链接，缩略图不显示
微信公众号酒酒酒搜索 “微信H5分享外部链接，缩略图不显示” 查看原文前言：最近做了一款推广茶的APP软件，展厅、产品需要分享功能；从APP内分享到H5网页；微信内打开H5网页，点击微信内右上角三个点，可再次分享；注意：大多数情况下，点击右上角三个点，再次分享后，缩略图不显示，需要做特殊处理。废话结束，正文开始，以下页面是在H5页面中执行。前置条件：开发环境：windows开发框架：uni-app , H5+，nativeJS编辑器：HbuilderX 2.8.13兼容版本：安卓，IOS已
2020-12-02 16:17:43
2964
1
原创 uni-app 动态控制下拉刷新
前置条件：开发环境：windows开发框架：uni-app , H5+，nativeJS编辑器：HbuilderX 2.8.13兼容版本：安卓，IOS已作测试此代码可以直接复制到uni-app项目中使用正文开始：首先，在 pages.json 中配置目标页面的 style->enablePullDownRefresh 为 true。page.json代码如下：{ "path": "pages/index/index", "style": { "navi
2020-11-14 09:47:46
2048
原创 uni-app支付功能
uni-app支付功能扫码查看原文前言近期一直在使用APP开发多端应用，IOS的APP、安卓的APP和H5网页，其中开发的APP使用到了微信和支付宝的支付，在此给大家分享出来，一起使用前置条件：开发环境：windows开发框架：uni-app , H5+，nativeJS编辑器：HbuilderX 2.8.13兼容版本：安卓，IOS已作测试此代码可以直接复制到uni-app项目中使用正文开始：首先需要做一些相关配置1.1 打开HbuilderX，配置manifest.json，选
2020-09-29 13:54:04
1116
原创 vueX 的使用
vueX 的使用前置条件：正文：方法一：方法二：方法三：使用 mapGetters，部分内容参照方法二；原文可扫码查看，搜索 vueX 的使用前置条件：开发环境：nodeJS开发框架：vue-cli 3.0vueX 文档 https://vuex.vuejs.org/zh/installation.html正文：方法一：使用npm安装vueX1.1 在项目根目录下执行vue命令：npm install vuex --save，安装vueX插件。安装成功以后，在src目录下新建一个文件
2020-09-08 09:32:10
160
原创 H5移动端字体自适应（也适用于宽高）
阅读原文扫码查看：自己研究摸索了几种H5移动端字体自适应的方法，分享出来和大家一起共享。方法一：纯css方法, 精确度高，IOS 和 安卓 字体大小同等比例1.1 以16px为基准，在根元素html下，字体为62.5%1.2 此时1rem=10px;/* css代码 */html { /* 10÷16=62.5% */ font-size: 62.5%;}body { font-size: 12px; /* 12÷10=1.2 */ font-size: 1.2re
2020-08-10 09:57:36
7352
原创 uniapp、nativeJS、H5+退出APP应用(IOS+安卓)
uniapp、nativeJS、H5+退出APP应用(IOS+安卓)点击此处文字，扫码进入此链接可阅读原文直接扫码进入此链接可阅读原文前言：近几日使用uni-app 开发移动应用APP，在用户首次安装的时候，需要仔细阅读隐私政策后，方可继续使用APP，否则就直接退出APP废话结束, 正式进入开发前置条件：开发环境：windows开发框架：uni-app , H5+，nativeJS编辑器：HbuilderX兼容版本：安卓，IOS未作测试此代码可以直接复制到uni-app项目中使
2020-07-31 17:44:10
1548
原创 h5+ 检测 APP 是否开启应用通知权限
h5+ 检测 APP 是否开启应用通知权限原文可查看此处,搜索 h5+ 检测 APP 是否开启应用通知权限https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=Mzg3NTAzMzAxNA==&scene=124#wechat_redirect如果此链接在浏览器中无法打开，可将此链接发送给微信好友或者发送到微信文件传输助手。在点击打开——————————————————————————————————————————前置
2020-07-09 14:20:01
972
原创 uni-app动态修改顶部导航栏标题
动态修改顶部导航栏标题有两种方法方式一、使用自定义到导航栏，覆盖原生导航栏缺点：自定义到导航栏性能远远不如原生导航栏，手机顶部状态栏区域会被页面内容覆盖，这是因为窗体是沉浸式的原因，即全屏可写内容；如果存在下拉刷新，下拉刷新会从导航栏上面开始下拉加载，解决方案可采用offset偏移量，自定义下拉圈出现的位置优点：可根据实际业务场景，开发符合自己UI的样式1、会覆盖手机屏幕状态栏，解决方法:1.1、要把状态栏的位置从前景部分让出来,可写一个占位符div<view class="statu
2020-06-13 16:14:25
4954
原创 uni-app热更新
开发工具HbuilderX开发框架 uni-app、h5+1、生成 App 资源升级包1.1、修改版本号1.2、首先，更新 manifest.json 中的版本号。比如之前是 1.0.0，那么新版本应该是 1.0.1 或 1.1.0 这样。2、发行2.1、然后，在 HBuilderX 中生成升级包（wgt）。2.2、菜单->发行->原生App-制作移动App资源升级包2.3、生成结束会在控制台告知升级包的输出位置。3.安装资源升级包3.1、应用的升级需要服务端与客户端
2020-06-13 14:44:32
828
原创 JS 识别安卓还是ios苹果、识别是否微信内置浏览器、手机类型
JS 识别安卓还是ios苹果、识别是否微信内置浏览器、手机类型JS 识别安卓还是ios苹果、识别是否微信内置浏览器、手机类型1.识别手机平台是IOS还是安卓2.识别是否微信内置浏览器3.识别移动终端手机品牌JS 识别安卓还是ios苹果、识别是否微信内置浏览器、手机类型1.识别手机平台是IOS还是安卓/*** [isMobile 判断平台]* @param test: 0:iPhone ...
2020-05-07 11:35:34
502
原创 JS 通过url地址栏获取html页面名称
有的时候需要获取页面名称，为此我在这里封装了一个方。一、分别根据传递不同的参数，获取到html页面的名称。通过传递参数，获取到html页面的名称；参数params以下是参数解释说明（1）params=1，只获取页面名称，不带.html后缀1.1 例如 url路径是 https://www.ceshi.com/home/index.html只返回页面名称： index（2）param...
2020-01-14 12:54:54
948
转载 echarts在一个折线/柱状图浮窗显示多条数据
echarts在一个折线/柱状图浮窗显示多条数据解决问题就在data里面，首先 data里面是可以json数组形式，如官方API上的 name:”“， value：”“，等 value是echart识别折线图的key值。1.来看数据格式data:[{ value:"100", name:"张三"， price:"100.00", number:"15"},{ val...
2019-11-20 11:23:50
2433
原创 一个AJAX发起多个请求
一个AJAX发起多个请求有的时候，同一个请求链接，需要传递不同的参数，发起多个请求。因此我采用了for循环。1.此处是需要传递的参数function behavioranalysisReqstue(type) { var typeStr = "newUsers"; switch (type){ case 1: typeStr = "newUsers";break; c...
2019-11-20 11:04:23
1123
1
转载 项目中如何引入阿里巴巴icon图标
## 项目中如何引入阿里巴巴icon图标原文地址请进入https://mp.weixin.qq.com/s/qns9c6vuqe2xatV-rTIfgw
2019-07-22 11:35:20
841
echarts.txt
2019-11-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人