小程序 rem自动转换

2024-10-21

微信小程序开发-rem转换rpx小工具

实现原理: 对样式进行格式化,然后根据 “rem” 进行拆分,这样就会拆分成一个数组 [str1,str2,str3...,str6], 除了最后一个元素,前边的元素都会以 “rem” 样式的数值结尾, 然后在对数组中的元素字符串进行再次根据 “:” 进行拆分,这样就把原rem样式的数字给提取出来了,然后就根据规则转换成rpx的数值,重新组合就好了. css格式化工具:https://tool.lu/css/ 源码: <!DOCTYPE html> <html> <head&

在微信小程序里自动获得当前手机所在的经纬度并转换成地址

效果:我在手机上打开微信小程序,自动显示出我当前所在的地理位置: 具体步骤: 1. 使用微信jssdk提供的getLocation API拿到经纬度: 2. 调用高德地图的api使用经纬度去换取地址的文字描述. wx.ready(() => { wx.getLocation({ type: "gcj02", success: function(res) { var location = "&location=" + res.longitude + &q

微信小程序—微信自动退款

微信小程序—微信自动退款一.业务背景微信自动退款串接基于酷客多小程序商城系统,为方便财务人员进行订单退款而开发,将酷客多小程序系统财务退款流程和微信退款系统打通.实现一个系统管理运营. 二.业务流程设计 1.退款单状态:待退款.退款中.退款完成.自动退款失败等 2.由于微信申请退款接口接受请求后不会立即进行退款处理,微信此处有延迟,因此在实际业务串接中,不能依据申请退款接口调用是否成功来修改业务系统中退款单的状态:必须以微信退款通知的状态或者自行调用查看微信退款状态接口的状态为准微信退款串

微信小程序-微信自动退款(Java后台)

微信小程序-微信自动退款 1.首先分享微信自动退款接口: https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=9_4 微信付款代码案例 (很多共同的代码都在付款逻辑里面) https://www.cnblogs.com/yi1036943655/p/7211275.html 2.小程序端代码栗子 //获取openId wx.request({ url: 'http://192.168.1.183:8081/order/refu

[RN] React Native代码转换成微信小程序代码的转换引擎工具

React Native代码转换成微信小程序代码的转换引擎工具 https://github.com/areslabs/alita

taro 小程序 & touch event 转换 bug

taro 小程序 & touch event 转换 bug before after 事件处理 https://nervjs.github.io/taro/docs/event.html#docsNav 阻止事件冒泡在 Taro 中另一个不同是你不能使用 catchEvent 的方式阻止事件冒泡. 你必须明确的使用 stopPropagation. 例如,阻止事件冒泡你可以这样写: class Toggle extends Component { constructor (props) { s

小程序 webview 自动打开新页面

小程序 webview 自动打开新页面 iframe 效果 https://nervjs.github.io/taro/docs/components/open/web-view.html 怎么阻止小程序的 webview 自动打开新页面 iframe bug dangerouslySetInnerHTML dangerouslySetInnerHTML 这个怎么不好使 <View className='react-render-html' dangerouslySetInnerHTML={{_

微信小程序——时间戳的转换及调用

开发微信小程序网盘功能模块的时候,需要获取到网盘文件夹创建的时间.如下图: 但是请求返回的数据是一段时间戳,如下图: 所以我们只能通过js把时间戳转换成时间格式. 在小程序官网的Demo的utils.js文件里面有一个时间格式转换的js.如下图: 你可以直接用它的,我是自己写的.微信封装的,时间格式不是那么灵活. 先交待下我的文件目录: 下面来说一下具体步骤: 1.在utils.js 写入 tsFormatTime 方法并exports该方法: const formatNumber = n =>

微信小程序版本自动更新弹窗提示

代码如下: onLaunch () { if (wx.canIUse('getUpdateManager')) { const updateManager = wx.getUpdateManager() updateManager.onCheckForUpdate(function (res) { if (res.hasUpdate) { updateManager.onUpdateReady(function () { wx.showModal({ title: '更新提示', content

[BUG]微信小程序ios时间转换

描述小程序ios new Date('2019-08-14T08:00:00.000+0000') 显示为 <Date: null>. '2019-08-14T08:00:00.000+0000' 转为 Date new Date('2019-08-14T08:00:00.000+0000'.replace(/^(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2}).*$/, '$1 $2 GMT+0000').replace(/-/g, '/

微信小程序js-时间转换函数使用

最近在做云开发博客小程序采集微信发布的信息放入数据库会有createTime因此发现了不一样的地方云函数可以直接使用但是放到引导全局的app.js文件却是找不到该方法-->dateformat() 创建小程序项目时会默认生成一个utils/util.js文件,里面的内容主要如下: const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day

微信小程序时间戳的转换及调用

13位的时间戳,如下图: 效果图: 1.(utils.js里面的代码): function formatTime(timestamp, format) { const formateArr = ['Y', 'M', 'D', 'h', 'm', 's']; let returnArr = []; let date = new Date(timestamp); //13位的时间戳, 如果不是13位的, 就要乘1000,就像这样 let date = new Date(timestamp*1000

微信小程序 vscode 自动保存保存自动编译微信开发者工具崩溃

修改vscode的自动保存延迟时间,将 auto save delay 选项修改的长一点.

微信小程序列表时间戳转换

第一步先写js 随便命名为times.js function toDate(number){ var n=number * 1000; var date = new Date(n); var Y = date.getFullYear() + '/'; var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '/'; var D = date.get

vue 对px 做rem 自动转换

插件:postcss 安装: npm install postcss-pxtorem vue.config.js 配置 css: { loaderOptions: { postcss: { plugins: [ require('postcss-pxtorem')({ rootValue: 16, // 换算的基数 selectorBlackList: [], // 忽略转换正则匹配项 propList: ['*'] }) ] } } }

如果公司里有上百个表要做触发器，如果手动写代码的话。很累，所以今天写了一个小程序，自动生成mysql的触发代码。

<?php $dbname = 'test';//数据库 $tab1 = 'user'; //执行的表 $tab2 = 'user_bak'; //被触发的表 $conn = mysql_connect("localhost","root", "root",$dbname) or die("请检查你的主机名数据库用户名和密码"); mysql_select_db($dbname, $conn) or die("

Mysql数据库一个小程序实现自动创建分表。

每当跨月的时候也是系统出问题最多的时候,没有表和字段缺失是两个最常见的错误. 为了解决这个问题,研究了一下mysql的 information_schema 表: information_schema这张数据表保存了MySQL服务器所有数据库的信息.如数据库名,数据库的表,表栏的数据类型与访问权限等. 再简单点,这台MySQL服务器上,到底有哪些数据库.各个数据库有哪些表,每张表的字段类型是什么,各个数据库要什么权限才能访问,等等信息都保存在information_schema表里面. OK!事

关于Set<Long>Map<Long,String>的一些小注意事项自动转换类型

小程序把图片转换成base64

1.首先需要到upng.js,然后upng.js需要pako.js,先一并下载了 2.然后就可以直接用了,具体代码如下:  <canvas class='canvas' id='scannerCanvas' canvas-id='scannerCanvas' disable-scroll="true" style="height:{{height}}px;width:{{width}}px"/&

微信小程序全面实战，架构设计 && 躲坑攻略(小程序入门捷径教程)

最近集中开发了两款微信小程序,分别是好奇心日历(每天一条辞典+一个小投票)和好奇心日报(轻量版),直接上图: Paste_Image.png 本文将结合具体的实战经验,主要介绍微信小程序的基础知识.开发中遇到的难点.项目的架构设计.最佳实践以及踩过的坑.文章内容较多,如果想看架构设计和躲坑技巧,请直接浏览后面的正文,简书没有目录,也挺伤感的. 值得再次声明的是:微信小程序的内容部分是hybrid模式,并非原生,所以性能并不好,绑定的tap事件也有明显的延迟. 每一个由边框围起来的部分,都是一个最

微信小程序学习笔记

一.文件结构解析 pages文件夹: 书写各个页面代码以及组件.内部js文件书写js ; wxml文件为HTML ; wxss文件为css样式 : json文件为配置当前页面的默认项,如title等 utils文件夹: 书写作用在全局的js共用方法等 app.js文件: 全局js配置文件,这里定义的变量为全局变量,可在页面内通过 getApp() 获取 app.json文件: 全局默认配置项,如路由.小程序的状态栏.导航条.标题.窗口背景色. app.wxss文件: 全局css样式文

小程序 rem自动转换

热门专题