- 博客(100)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 记录一次支付宝小程序的坑。定位元素 超过父盒子，到map组件后，导致地图整行不能滑动
那就想办法吧，首先我想每次通过节点查询底部红框的高度，来动态设置绿框的定位，但是影响底部绿框变化的接口不止一个，还有很多页面上的操作，都会导致高度的变化，先不说节点查询的性能了，就实在是太不控了。那我就不用定位了，我把红框+绿色区域顶部整体fixed到页面底部，然后就成了上下结构，绿色区域背景设为透明，右侧的按钮相对下面的红框位置也可以相对固定了。最后客服鼓捣了一两个小时告诉我，ios图层问题，没太理解，反正就是跟web的机制不一样，给我的办法还是利用穿透，但是不是直接用css的。全屏的地图，红色框内是。
2024-12-27 15:38:35
338
转载 Promise的九大方法(resolve、reject、then、catch、finally、all、allSettled、race、any)你都用过那些？
Promise.rece()的使用方法和 Promise.all一样，接收一个promise 对象的数组为参数，Promise.race是要有一个promise对象进入Fulfilled或者 Rejected状态的话，就会继续进行后面的处理。如果这个promise对象的数组中没有一个promise 可以成功执行（即所有的 promise都失败 ），就返回一个失败的promise 和AggregateError类型的实例，它是Error的一个子类，用于把单一的错误集合 在一起。
2024-01-03 09:25:16
3071
转载 解构赋值、深度解构、解构设默认值、为null的时候默认值不生效
上面讨论的默认值仅在被解构字段的值为 undefined 时生效。拿被解构字段为原始为例，下面两种情况默认值都会生效：被解构字段缺失。解构字段包含在多层嵌套内当被解构字段包含在多层嵌套内时，甚至可以通过上面的方式为每一层都指定默认值。对象解构时需要注意，当其为 null 时，上述默认值并不生效，仍会报错。此时需要在解构时对内层对象也指定默认值，形式如下。但如果里面嵌套的对象缺失时，上面的解构会报错。这一规则在被解构字段为对象时同样适用。你甚至可以在解构字段的同时为其重命名。
2023-12-28 09:17:27
768
转载 谷歌地图开发：地理编码和反地理编码
（特别是，Geocoding API 响应中 address_components 的数量会根据请求的地址而有所不同，并且可以随时间而改变。例如，对芝加哥市的某个点进行地理编码时，地理编码的点可以表示为街道地址、城市（芝加哥）、所在州（伊利诺伊州）或国家/地区（美国）。请注意，我们会返回不同类型的地址，从最具体的街道地址到不那么具体的政治实体，如街区、市、县、州等。例如，“芝加哥”的地理编码返回“locality”，这表明“芝加哥”是一个城市，并且还返回“political”，这表明它是一个政治实体。
2023-12-22 18:53:26
1121
转载 uniapp 打开应用商店（谷歌应用商店和ios）
别人介绍的 ，打开手机自带的通用应用商店的方法。谷歌应用商店开发者平台（需要vpn）关于app互相跳转的一些 芝士。
2023-12-22 11:07:00
1585
1
转载 vue-cli3 配置多环境打包
特别提示本地开发环境如果本地开发环境配置的.env.[model]文件名中的model为development那么直接使用上述的vue-cli-serviceserve--port8090--open命令，但是如果.env.[model]的文件名中的model不是development那么就需要在命令后面添加--model这个model的值对应的就是.env.[model]文件的后缀[model]的值。......
2022-07-29 17:35:40
1986
转载 Uni-App使用低功耗蓝牙连接血压仪测量(先转载了，很详细)
1、Uni-APP蓝牙使用流程在阅读这篇内容之前，建议您详细浏览一遍uni-app官方关于蓝牙和低功耗蓝牙（BLE）使用教程文档uni-app官方低功耗蓝牙接口，如果您有微信小程序方面的开发经验，那您看这篇文章会很快上手，uni-app官方的蓝牙模块接口均是按照微信小程序的蓝牙模块接口编写。思路流程手机上打开蓝牙，设备打开蓝牙APP初始化蓝牙模块APP调用蓝牙搜寻设备APP存储搜寻到的指定设备deviceIdAPP根据指定deviceId连接蓝牙设备APP连接设备之后获取设备的服务列表s
2022-03-21 17:28:44
1635
转载 Native.js示例汇总
Native.js虽然强大和开放，但很多web开发者因为不熟悉原生API而难以独立完成。这篇帖子的目的就是汇总各种写好的NJS代码，方便web开发者。众人拾柴火焰高，有能力的开发者多多提交NJS代码，大家都会给你点赞的，我们也会为每位共享NJS代码的朋友送上200积分。Android平台监听手机锁屏，解锁，开屏Native.JS监听手机锁屏，解锁，开屏 - DCloud问答直接拨打电话Hbuilder能不能直接拨打电话呢 - DCloud问答将程序切换到后台请问一下，点击返回
2022-03-21 16:14:27
1361
转载 app唤起第三方应用、判断是否有此应用 （uniapp）
function openTB(data){//已经支持安卓和ios 淘宝 plus.runtime.openURL('taobao://' +data.url.replace("https://",""),function(error){ alert(JSON.stringify(error)) },'com.taobao.taobao'); } function openTM(data){//已经支持安卓和ios.
2022-02-08 19:17:30
1693
原创 uniapp 判断是否开启推送权限
安卓//检查安卓推送权限 是否打开function checkPushStatus(type) { if (type == 1) { //已不起作用 var main = plus.android.runtimeMainActivity(); var NotificationManagerCompat = plus.android.importClass('android.support.v4.app.NotificationManagerCompat'); console.log(N
2021-12-10 18:26:41
4145
转载 uniapp Android调用各种权限（主要解决webview使用相机无法获取权限）
代码如下： onLaunch: function() { console.log('onLaunch') //监听底部中间菜单的事件 uni.onTabBarMidButtonTap(()=>{ plus.android.requestPermissions(['android.permission.CAMERA'], function(e){ ...
2021-11-16 13:47:59
11545
1
转载 vue生成海报 -- Vue Canvas Poster
Vue Canvas Poster一个通过 css 属性画 canvas 图片的轻量级的 vue 组件。 (A lightweight vue components use canvas draw image by css properties.)主要特性：绘制文本(换行、超出内容省略号、中划线、下划线、文本加粗、文字缩进) 绘制图片(圆角、旋转、边框、模式:类似小程序 image mode) 绘制矩形(圆角、旋转、边框) 绘制二维码 渐变 阴影为什么使用 vue-canvas-p..
2021-09-15 20:12:06
1637
转载 为什么uniapp打包会自动获取额外的电话、通讯录、录音权限？
uniapp创建的默认项目自带以下权限，可能是为了方便开发者，开发过程中遇到相关权限，不再需要去手动设置，所以自带了以下权限，所以开发者如果没用到以下权限，可以在打包前删除相关权限，以免上架app商城时，需要填写权限说明//允许拍照 "<uses-feature android:name=\"android.hardware.camera\"/>", "<uses-feature android:name=\"android.hardware.camera.autofo..
2021-09-15 20:06:49
3023
转载 判断iOS系统推送功能是否开启，并可提醒去设置页打开设置推送
function isOpenPush() { var UIApplication = plus.ios.import("UIApplication"); var app = UIApplication.sharedApplication(); var enabledTypes = 0; if (app.currentUserNotificationSetting.
2021-08-31 19:01:12
1299
转载 uni-app推送unipush绑定/解绑别名和标签
绑定bindAliasAndTag(alias, tags) { var isAndorid, PushManager, context, Instance, GeTuiSdk; if (plus.os.name == 'Android') { isAndorid = true; } else { isAndorid = false; } if (isAndorid...
2021-08-31 18:54:39
876
1
转载 修改unipush通知图标
unipush的使用及注意事项具体实现步骤unipush使用指南https://ask.dcloud.net.cn/article/35622通知消息的左上角图标为默认的hbuild图标，如何修改1、让ui做一下图标，需要注意以下几点： 1.必须是带 Alpha 透明通道的 PNG 图片。 2.背景必须是透明的。 3.图形必须是白色。 4.周围不宜留过多的 padding 5.需要18x18,24x24,36x36,4.
2021-08-31 18:52:36
3291
1
转载 js时间戳转为日期格式（yyyy-mm-dd hh:ii:ss w）
本文将为您描述javascript格式化日期时间，js时间戳自定义格式转换，支持年月日时分秒等多种形式组合的日期和时间的方法。推荐一个JavaScript常用函数库jutils的formatDate函数示例年、月、日、时、分、秒var date = jutils.formatDate(new Date(1533686888*1000),"YYYY-MM-DD HH:ii:ss");console.log(date);// 2019-07-09 19:44:01年、月、日、周...
2021-08-30 18:29:16
1062
转载 小程序无痛刷新token
// 封装一个http 方法let temp_request = [], is_freshing = false;/*** @param {string} url* @param {string} method* @param {Object} data* @param {Boolean} loading*/const http = function(url, method, data, loading) { let params_ = arguments ...
2021-07-26 23:04:05
853
3
转载 微信小程序 性能优化
使用小程序时，是否会经常遇到如下问题？打开是一直白屏打开是loading态，转好几圈我的页面点了怎么跳转这么慢？我的列表怎么越滑越卡？我们优化的方向有哪些？启动加载性能渲染性能启动加载性能首次加载你是否见过小程序首次加载时是这样的图？这张图中的三种状态对应的都是什么呢？小程序启动时，微信会为小程序展示一个固定的启动界面，界面内包含小程序的图标、名称和加载提示图标。此时，微信会在背后完成几项工作：下载小程序代码包、加载小程序代码包、初始化小程序首页。下载到的小程序代码包不是.
2021-04-14 13:34:54
710
1
转载 mp-html （小程序富文本组件）
功能介绍支持在多个主流的小程序平台和uni-app中使用 支持丰富的标签（包括table、video、svg等） 支持丰富的事件效果（自动预览图片、链接处理等） 支持设置占位图（加载中、出错时、预览时） 支持锚点跳转、长按复制等丰富功能 支持大部分html实体 丰富的插件（关键词搜索、内容编辑等） 效率高、容错性强且轻量化（≈24.5KB，9KB gzipped）查看功能介绍了解更多使用方法原生平台 npm方式 在项目目录下安装组件包 ...
2021-04-10 17:18:18
19260
7
转载 微信小程序背景加水印 简单版
小程序页面增加水印效果因为所有页面都要加水印，所以肯定是要用自定义组件实现。思考路程第一种最开始考虑的是canvas生成图片，转换成base64做一张背景图，然后才了解到水印不能直接在元素上作为背景作为页面的最底层，很容易被其他东西覆盖，所以水印一定是要要fixed在页面的最顶层。 canvas生成图片，但是要借用其他插件转成base64第二种可以采用DOM元素靠样式实现，也不需要依赖插件，感觉这个更加的不错。于是就代码撸起来，然后每个页面都能有水印...
2021-03-27 17:50:34
2367
1
转载 小程序数字滚动效果
数字 ##效果展示##使用方式 // pages/main/index.jsimport NumberAnimate from "../../utils/NumberAnimate"; // pages/main/index.js let n1 = new NumberAnimate({ from:num1,//开始时的数字 speed:2000,// 总时间 refreshTime:100,// 刷新一次的时间 .
2021-03-27 16:57:09
578
转载 微信小程序朋友圈分享图片、海报
在小程序界里，生成图片分享到朋友圈这个功能，是如此得光芒耀眼，以至于各个小程序都趋之若鹜地前来跪倒在她的石榴裙下。不幸的是，微信爸爸并没有提供给我们很好很便捷的相关工具；恰恰相反，屏幕截屏的功能被残忍丢进历史的垃圾桶，只留下一个Canvas组件以及围绕在其周围的深渊巨坑们。所以我们准备了一套名为Painter的工具， 为开发者提供一种简单实用的“绘制”图片的解决思路，让开发者可以自由地生成自己想要的图片文件。github传送门：github.com/Kujiale-Mob…如果直接使用canva
2021-03-27 16:25:28
3069
转载 vue使用postcss适配导致iso图片不显示
由于现在vue成为了很多h5的主流，但是仍然有些问题没有解决，就是h5的自适应功能，有的人选择用rem为单位（用了这个插件px2rem-loader），有的人选择用%为单位，个人做了多次开发后，还是觉得淘宝的vw的自适应框架好用，也就是配置文件在.postcssrc.js里面（我也备注了中文），设置好设计稿大小，就可以快速开始开发，（postcss-px-to-viewport）这个插件是第一代，但是在引入样式库的时候（例如：element,iview等）会报错，所以直接用了优化版本，（postcs
2021-03-04 15:59:00
309
1
转载 Could not find a declaration file for module ‘vue-xxx‘.
我尝试添加到项目中的任何第三方Vue.js库都会引发以下错误:Could not find a declaration file for module 'vue-xxx'. 1 Could not find a declaration fileformodule'vue-qriously'. 原因是 ： ‘vue-xxx’文件可能不是.ts文件而是.js文件解决方法1、： `npm install @t...
2021-03-03 20:07:01
1636
1
转载 vue动态设置页面title的方法实例
1.通过自定义指令去修改（单个修改比较好） 1 2 3 4 5 6 7 8 //1.在main.js 页面里添加自定义指令 Vue.directive('title', {//单个修改标题 inserted: function (el, binding) { document.title = el.dataset.title } }) //2.在需要修改的页面里添加v...
2021-03-03 20:05:32
1236
1
转载 Fiddler抓取https设置详解 & 证书安装失败 &无法同时运行postman的问题
很多使用fiddler抓包，对于http来说不需太多纠结，随便设置下就能用，但是抓取https就死活抓不了，出现诸如以下问题：creation of the root certificate was not successful;Failed to find the root certificate in User Root List;The Root certificate could not be found;The root certificate could not be loc
2021-01-28 13:10:38
1233
原创 图片懒加载 LazyLoad.js
基本用法默认情况下，Lazy Load延迟加载插件假定可以在data-src属性中找到原始高分辨率图像的URL 。您还可以在src属性中包括可选的低分辨率占位符。图片要明确宽高<img class="lazyload" data-src="img/example.jpg" width="765" height="574">let images = document.querySelectorAll(".branwdo");lazyload(images);下载点击下载
2021-01-07 16:32:47
179
原创 2020-12-08js判断是不是汉字
var reg = new RegExp("[\\u4E00-\\u9FFF]+","g"); if(reg.test(val)){ alert("不能输入汉字！"); }
2020-12-08 13:05:37
147
原创 前端oss直传视频
采用的Vue和element-ui的上传组件。oss采用分片上传npm install ali-oss --save <el-upload class="upload-demo" drag :action="action" :http-request="beginUpload" 主要逻辑在这里，自带的几个钩子可以不要 :limit="1" :on-
2020-12-08 11:56:48
1151
转载 微信小程序学习用demo：数字累加，动态效果
微信小程序-数字累加效果1、wxml代码<!--pages/main/index.wxml--><view class="animate-number"><view class="num num1">{{num1}}{{num1Complete}}</view><view class="num num2">{{num2}}{{num2Complete}}</view><view class="num...
2020-12-05 18:00:33
3062
原创 移动端页面底部安全距离样式设置
移动端页面，如iPhoneX iPhone11等手机，页面底部会有个操作条，影响页面操作。我们可以留有一个安全距离。但是移动端设置margin-bottom是默认无效的。此时需要进行额外的配置。首先，在index.html的meta标签设置 viewport-fit=cover,user-scalable=no ：<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover,use
2020-12-02 14:14:34
3605
转载 VSCode打字特效Power Mode插件
由于最近比较频繁使用VSCode这个软件写代码，然后里面有一个非常炫酷的打字特效插件，平时写代码的时候不会感觉太枯燥（其实就是装一下逼吧）！安装很简单，但是容易忘，所以这里整理一下具体的部署步骤。1、在VSCode里搜索这个插件名字：Power Mode，可以看到第一个就是了，然后install即可。2、然后在左下角的设置图标里选择设置。3、然后在选择“用户”，接着打开页面右上角的“打开设置”图标。4、然后在页面上输入一下代码即...
2020-12-02 13:25:53
4476
转载 vue-video-player
javascriptvideo.jswebpackvideo.js是一个优秀的视频播放器库，不过官网的示例中，是作为全局变量videojs引入的。如果我们的项目使用ES6风格的模块，用webpack来做打包的话，就需要做一些额外的工作。本文介绍我在使用的时候遇到的一些“坑”。基本使用方法直接从npm安装video.js，然后就可以在代码中使用video.js了。npminstallvideo.js--saveimport videojs from 'video.js';vi...
2020-09-21 23:36:08
565
原创 vue中使用video-js预览视频
1：安装cnpm i vue-video-player -S2：引用：在main.js中引用import VideoPlayer from 'vue-video-player'require('video.js/dist/video-js.css')require('vue-video-player/src/custom-theme.css')Vue.use(VideoPlayer)3：使用（结合你使用框架的dialog即对话框） <video-player
2020-09-13 23:03:28
3845
1
转载 axios携带cookie配置详解(axios+koa)
前端配置如下：axios.defaults.withCredentials = true; //配置为true axios.post('http://localhost:3000/tpzdz/vote/all', { openid: 'oJ0mVw4QrfS603gFa_uAFDADH2Uc', date: '2018-11-21'}).then(function (response) { console.log(response)})前端配置withCredentials = t
2020-09-12 22:47:15
2932
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人