酷客365
  • 首页
  • AI
  • 前端
  • 服务器
  • Java
  • PHP
  • 关于我
  • 首页
  • AI
  • 前端
  • 服务器
  • Java
  • PHP
  • 关于我
  1. 首页
  2. 前端
  3. 文章列表
uniapp H5 微信公众号支付小技巧

前端 uniapp H5 微信公众号支付小技巧

1.封装wechat.js文件 export default { //判断是否在微信中 isWechat:function(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/micromessenger/i) == ‘micromessenger’){ return true; }else{ return false; } }, pay:function(data,cb){ function onBridgeReady() { WeixinJSBridge.invoke(‘getBrandWCPayRequest’,data, function(res) { // alert(JSON.stringify(res)) cb(res) }) } if  (typeof WeixinJSBridge == “undefined”) { if ( document.addEventListener ) { document.addEventListener(‘Weixi…

3,533次阅读 0个评论
前端 2019-09-16
uniapp H5 微信 分享小技巧

前端 uniapp H5 微信 分享小技巧

1.新建微信分享的封装wechat.js文件 import fetch from ‘@/common/request.js’ // 我自己的请求封装,可以引用自己的 var jweixin = require(‘jweixin-module’); export default { //判断是否在微信中 isWechat:function(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/micromessenger/i) == ‘micromessenger’){ return true; }else{ return false; } }, //初始化sdk配置 initJssdk:function(callback ,url){ //服务端进行签名 ,可使用uni.request替换。 签名算法请看文档 fetch.request(‘{后端处理jssdk签名地址}’,{url:url}).then(data => { console.log(‘initJssdk’,data) if(data){…

3,414次阅读 0个评论
前端 2019-09-16
uniapp中使用mixin混入

前端 uniapp中使用mixin混入

早期H5版本存在问题,现在只需要把HX升级到最新版本(2.2)以上即可 main.js 文件 Vue.mixin({ data(){ return { xxx:’test’ } }, onLoad(){ }, onShow(){ }, })

1,799次阅读 0个评论
前端 2019-08-23
uniapp 中 使用 uni.pageScrollTo 造成界面抖动

前端 uniapp 中 使用 uni.pageScrollTo 造成界面抖动

在列表页很长的时候,界面上面有筛选条件,考虑到如果用户把界面拉到下面,改变筛选条件的话界面会一直在下面,所以会主动使用 uni.pageScrollTo 让界面滚动到顶部 原来使用的代码 uni.pageScrollTo({ scrollTop: 0, duration: 300 // 设置300毫秒动画时间 }); 经过测试发现,设置的这个动画时间造成界面抖动,后改成下面代码,抖动消失 uni.pageScrollTo({ scrollTop: 0, duration: 0 });

2,640次阅读 0个评论
前端 2019-08-15
腾讯云 cos 直传实现记录

PHP 腾讯云 cos 直传实现记录

前端,配合layer做简单的上传进度提示 var Bucket = ‘桶名称’; var Region = ‘区域’; // 初始化实例 var cos = new COS({ getAuthorization: function (options, callback) { var url = “{获取鉴权的后台地址}”; var xhr = new XMLHttpRequest(); xhr.open(‘GET’, url, true); xhr.onload = function (e) { try { var data = JSON.parse(e.target.responseText); } catch (e) { } callback({ TmpSecretId: data.credentials && data.credentials.tmpSecretId, TmpSecretKey: data.credentials && data.credentials.tmpSecretKey, XCosSecurityToken: data.cr…

731次阅读 0个评论
PHP 2019-08-14
uniapp graceUI 中 全局 input 设置左对齐后,对picker的一些调整

前端 uniapp graceUI 中 全局 input 设置左对齐后,对picker的一些调整

<template> <view class=”grace-margin”> <form @submit=”formSubmit” class=”grace-form” style=”margin-top:25px;”> <view class=”grace-items”> <view class=”grace-label”>归属地区</view> <view class=”other”> <picker @change=”bindPickerChange” :value=”index” @tap=”dunweiBlur” :range=”carAscription” name=”ascription”> <view class=”picker-inner”> <view class=”picker-select-text”> 请选择 </view> <text></text> </view> </picker&g…

1,165次阅读 0个评论
前端 2019-07-08
vue.js 后退不刷新 导航默认行为类似手机APP的页面导航 基于 vue-navigation

前端 vue.js 后退不刷新 导航默认行为类似手机APP的页面导航 基于 vue-navigation

vue-navigation 需要 vue 2.x 与 vue-router 2.x。 导航默认行为类似手机APP的页面导航(A、B、C为页面): A前进到B,再前进到C; C返回到B时,B会从缓存中恢复; B再次前进到C,C会重新生成,不会从缓存中恢复; C前进到A,A会生成,现在路由中包含2个A实例。 !重要:vue-navigation在url中添加了一个key来区分路由。key的名称默认为VNK,可以修改。 https://github.com/zack24q/vue-navigation/blob/master/README_CN.md

681次阅读 0个评论
前端 2019-07-03
uniapp 下拉刷新小技巧

前端 uniapp 下拉刷新小技巧

pages.json 文件 里面进来不要用(globalStyle)来设置下拉刷新 (app-plus -》 pullToRefresh)否则会导致全部页面在iOS下都会开启下拉刷新 “globalStyle”: { “navigationBarTextStyle”: “black”, “navigationBarTitleText”: “APP”, “navigationBarBackgroundColor”: “#ffc300”, “backgroundColor”: “#F8F8F8”, “app-plus”:{ “pullToRefresh”:{ “style”:”circle” } } } 而是应该为每个页面针对性设置 { “path” : “pages/public/forget”, “style” : { “navigationBarTitleText”: “找回密码”, “app-plus”:{ “pullToRefresh”:{ “support”:true, “style”:”circle” } } } },

1,650次阅读 0个评论
前端 2019-06-27
uniapp更新检测,包括热更新和整包更新

前端 uniapp更新检测,包括热更新和整包更新

热更新会自动安装 整包更新会自动打开指定地址 // #ifdef APP-PLUS // 锁定屏幕方向 plus.screen.lockOrientation(‘portrait-primary’); //锁定 // 检测升级 uni.request({ url: _self.gConfig.baseUrl + ‘update’, method: ‘POST’, data: { version: _self.$currentVersion, uniVersion: plus.runtime.uniVersion, // uni-app的基座版本号 os: plus.os.name, appid: plus.runtime.appid, uuid:plus.device.uuid }, success: (result) => { var data = result.data; if (data.update && data.wgtUrl) { uni.downloadFile({ url: data.wgtUrl, success: (downloadResult…

3,915次阅读 0个评论
前端 2019-06-18
uniapp 基于个推接收推送处理

前端 uniapp 基于个推接收推送处理

// #ifdef APP-PLUS const _handlePush = function(message) { let payload = message.payload; if (‘string’ === typeof payload) { payload = JSON.parse(payload) } try { // 处理 刷新 if (payload.type) { chuliRefresh(_self, payload.type); } // 处理 跳转 if (payload.action) { // 跳转 chuliRoute(_self,payload.action,payload.data); } } catch (e) { //TODO handle the exception console.log(e); } }; plus.push.addEventListener(‘click’, function(message) { // plus.nativeUI.toast(‘push click’); // 清除系统通知栏 plus.push.clear()…

2,225次阅读 0个评论
前端 2019-06-18
uniapp 处理 iOS 下个推发送推送时,新增了角标,需要清除

前端 uniapp 处理 iOS 下个推发送推送时,新增了角标,需要清除

function claerBadge(){ if(plus.os.name.toLowerCase() == ‘ios’){ //导入ios UIApplication var UIApplication = plus.ios.import(“UIApplication”); var app = UIApplication.sharedApplication(); //获取应用图标的数量 // var oldNum = app.applicationIconBadgeNumber(); // var newNum = oldNum – 1; //设置应用图标的数量 plus.runtime.setBadgeNumber(0); //导入个推原生类 var GeTuiSdk = plus.ios.importClass(‘GeTuiSdk’); GeTuiSdk.setBadge(0); } }

3,245次阅读 0个评论
前端 2019-06-18
uniapp 下 原生检测 通知栏,Android、iOS都支持

前端 uniapp 下 原生检测 通知栏,Android、iOS都支持

直接上代码,不多说了 // 原生检测 export default { /** * 检测通知栏 */ checkNotification:function(){ if(plus.os.name.toLowerCase() == ‘ios’){ this.checkIosNotification(); } else{ this.checkAndroidNotification(); } }, checkAndroidNotification:function(){ var main = plus.android.runtimeMainActivity(); var pkName = main.getPackageName(); var NotificationManagerCompat = plus.android.importClass(“android.support.v4.app.NotificationManagerCompat”); var packageNames = NotificationManagerCompat.from(main); if (packageNames…

2,602次阅读 0个评论
前端 2019-06-18
input框 限制只能输入金额

前端 input框 限制只能输入金额

<input type=”text”  onkeyup=”onlyNumber(this)”/>      function onlyNumber(obj){                            //得到第一个字符是否为负号                  var t = obj.value.charAt(0);                   //先把非数字的都替换掉,除了数字和.和-号                  obj.value = obj.value.replace(/[^\d\.\-]/g,…

503次阅读 0个评论
前端 2019-05-17
最近做项目用到GPS坐标互转:WGS-84(GPS)、GCJ-02(Google地图)、BD-09(百度地图)

PHP 最近做项目用到GPS坐标互转:WGS-84(GPS)、GCJ-02(Google地图)、BD-09(百度地图)

在此记录一下,转自:https://www.oschina.net/code/snippet_260395_39205 WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块) GCJ-02:中国坐标偏移标准,Google Map、高德、腾讯使用 BD-09:百度坐标偏移标准,Baidu Map使用 //WGS-84 to GCJ-02 GPS.gcj_encrypt(); //GCJ-02 to WGS-84 粗略 GPS.gcj_decrypt(); //GCJ-02 to WGS-84 精确(二分极限法) // var threshold = 0.000000001; 目前设置的是精确到小数点后9位,这个值越小,越精确,但是javascript中,浮点运算本身就不太精确,九位在GPS里也偏差不大了 GSP.gcj_decrypt_exact(); //GCJ-02 to BD…

239次阅读 0个评论
PHP 2019-05-12
uniapp 里面 用 event bus 传递消息

前端 uniapp 里面 用 event bus 传递消息

// main.js 文件 // 全局 event bus Vue.prototype.$eventHub = new Vue(); // a.js 接收参数的文件 _self = this // 监听 全局 event bus this.$eventHub.$on(‘mobileBack’,function(_data){ _self.phoneno = _data; }); // b.js 发送参数的文件 // 发送全局消息 this.$eventHub.$emit(‘mobileBack’,’66666′);

1,511次阅读 0个评论
前端 2019-05-09
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Eric chan  QQ:80148096 微信:heise2012
Eric chan QQ:80148096 微信:heise2012
99年开始上网 01年开始搞《江湖》 04年学PHP 07年学C# 08年毕业后从事IT相关工作 工作期间接触各种语言服务器等,目前属于自由工作者。 目前后台主要使用的语言是PHP、GO、Java 前端包括混合APP技术(uniapp、apicloud)都有开发过。 使用PHP自行开发了一套基础商城框架。
阅读量
114785
评论数
0
标签
3desAndroidbinlogcanalcentosChatGPTcicomposercosDeepSeekdockerdocker swarmdocker-composeDockerfiledronedtueasyswooleelectronelementUIESModule
一言一句话
-「」
热门文章
VMware15 安装 mac OS 10.15 调整分辨率

VMware15 安装 mac OS 10.15 调整分辨率

在Mac虚拟机里的终端执行下面的命令,执行完之后重启即可 1920*1080分辨率: sudo...
Quartz MySQL Specified key was too long; max key length is 767 bytes

Quartz MySQL Specified key was too long; max key length is 767 bytes

昨天使用定时任务框架Quartz,建表时数据库报错,在此记录一下,通常情况下为了方便兼容emoji表...
阿里小号突然不能开机了阿里小号客服电话

阿里小号突然不能开机了阿里小号客服电话

阿里小号突然不能开机了,找不到他们的客服,搜索了半天 才找到的,在这里记录一下 10029...
VMware 安装 Mac os时必要操作

VMware 安装 Mac os时必要操作

解锁工具Unlocker ,对 VMware进行解锁 在 *.vmx...
WordPress出现Briefly unavailable for scheduled maintenance. Check back in a minute. 的解决方法

WordPress出现Briefly unavailable for scheduled maintenance. Check back in a minute. 的解决方法

今天刚好博客升级提示一个错误,在这里记录一下 解决方法:...
猜你喜欢
制作一个包含PHP、MySQL、Redis、swoole、swoole_loader的docker镜像

制作一个包含PHP、MySQL、Redis、swoole、swoole_loader的docker镜像

前言 近期需要部署一个PHP项目,但是项目中带有...
微信小程序多组件之间 css 用 deep 不生效的一些处理办法

微信小程序多组件之间 css 用 deep 不生效的一些处理办法

直接上代码了,vue3 setup 模式下 需要额外写一个script...
golang 适配器模式 简单示例记录

golang 适配器模式 简单示例记录

package main import ( "fmt" ) // Target...
最近要在IDE或者浏览器插件中使用到Google翻译,但是国内又不大方便,某大佬提供了一个反代配置

最近要在IDE或者浏览器插件中使用到Google翻译,但是国内又不大方便,某大佬提供了一个反代配置

需要一个服务器,然后新建一个站点,然后用NGINX进行配置,其中反代配置如下 location /...
WordPress一次表单设置导致的报错,此表单不安全,因此,系统已关闭自动填充功能

WordPress一次表单设置导致的报错,此表单不安全,因此,系统已关闭自动填充功能

前言 最近一直在做WordPress相关的站点,突然某个站点提示...
关于我们

个人学习文章收集

版权说明

本站部分资源和文章来自于网络收集,若侵犯了你的隐私或版权,请及时联系我们删除有关信息。

Copyright @2025 酷客365 网站地图 琼ICP备15003184号-3
 Theme by Puock