小数 金额uniapp
uniapp项目实践总结(二十三)网页和小程序应用打包教程
导语：当你的应用程序开发完成后，在发布到互联网之前，需要进行打包操作，包括网页端、小程序端的打包。 目录 准备工作 网页打包 小程序打包 准备工作 在打包之前，请保证你的 uniapp 应用程序编译到网页、小程序是可以正常运行的。 网页打包 编写好应用之后，如需打包到 web 平台，可以选中当前项目 ......
提交校验字段是否为数值（包含小数点）
应用场景： 如果一些已有数据的varchar字段，在后续想要更改为数据类型。 除了在数据库备份alter的方法外，也可以在前端控制用户的输入。 JS代码： <script> function validateNum(value) { // 获取对应的值 // 编写正则表达式 var reg = /^ ......
uniapp项目实践总结(二十二)分包优化和游客模式
导语：这篇主要介绍应用分包和游客模式相关的内容。 目录 应用分包 游客模式 应用分包 微信对于小程序的打包压缩后的代码体积是有限制的，网页和 APP 也可以适用分包功能，因此需要进行分包添加以及分包优化。 分包添加 在pages.json文件中添加分包的信息。例如：有一个名叫user的分包，里面有一 ......
经纬度坐标 | 度分秒（DMS）坐标转小数度（DD）坐标
度分秒（DMS）坐标转换为小数度（DD）坐标的计算公式如下： 纬度（Latitude）的转换： Decimal Degrees = Degrees + (Minutes/60) + (Seconds/3600) 其中，Decimal Degrees 表示小数度，Degrees 表示度数，Minute ......
uniapp项目实践总结(二十一)日常开发方法汇总
导语：在跨端应用的日常的开发过程中|经常要用到一些全局通用方法|下面就整理一下我经常用的方法|仅供参考。 目录 路由拦截 数据处理 文本转换 禁用手势 缓存管理 权限列表 系统通知 案例展示 路由拦截 主要是uni.addInterceptor添加拦截器和uni.removeInterceptor移 ......
uniapp，微信小程序确认收货组件的使用
直接上代码 //拉起确认收货组件 if (wx.openBusinessView) { wx.openBusinessView({ businessType: 'weappOrderConfirm', extraData: { // merchant_id: '1230000109',//用户交易商 ......
uniapp上拉加载更多
<template> <view class="container"> <view v-for="(item,index) in videoList" :key="index"> <label style="display: block;width: 100%; height: 40px; back ......
uniapp项目实践总结(二十)URLScheme 协议知识总结
导语：在日常开发过程中，我们经常可以碰到很多的调起某个应用，打开唤醒某个 APP，链式启动 App 等场景，背后就涉及到了 URLScheme 协议的相关知识，下面就简单介绍一下。 目录 简介 常见 URL Scheme 跳转方法 实战演练 案例展示 简介 URL Scheme是一个可以让 APP ......
uniapp经常性报node:events:504， 使用了uno.css
vite.config.js build: { watch: { exclude: ['node_modules/**', "/__uno.css"] }, } ......
2023-09-22 uniapp之canvas调用api【uni.canvasToTempFilePath】报错返回：canvasToTempFilePath:fail fail canvas is empty==》canvas被隐藏了导致无法显示
canvasToTempFilePath:失败-失败画布为空 一般的解决方案就是查看uni.canvasToTempFilePath的传参是否正确，一个是canvasId必须正确，另一个就是第二个参数为this； 但事情显示没那么简单，这二者我都有填写，却仍旧报这个错，我把canvasid换成别的， ......
2023-09-22 uniapp canvas之ctx.draw没有回调 ==》ctx.draw(true, (() => {...})())
try catch 无法捕获到错误，没有回调，没有反应，宛如石化一般，孤寂无边。 原本写法： ctx.draw(false, () => { let a = setTimeout(async () => { const [err, res] = await uni.canvasToTempFileP ......
vue3+elementplus 去除小数点后多余的0公用函数
vue3+elementplus 去除小数点后多余的0公用函数 export function removeTrailingZeros(value) { // 尝试将值转换为数字 const numericValue = parseFloat(value); // 检查是否成功转换为数字 if (! ......
Flutter TextField 限制只允许输入数字、小数、字母
Flutter TextField 限制只允许输入数字、小数、字母 - flutter教程 - IT逐梦人 http://www.fc-home.cn/article/57.html 【Flutter】五、Flutter之表单输入框——TextField_flutter textfield 验证_M ......
uniapp项目实践总结(十九)版本更新和热更新实现方法
导语：当一个 APP 应用开发完成以后，就要上架应用商店，但有时候修改一些小问题或者推出一些活动，又不想频繁地提交应用商店审核，那么就可以使用应用内更新功能来进行应用的版本升级更新或热更新，下面就介绍一下实现的方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在/pages/index ......
uniapp百度地图
<!-- 移动端地图 --> <template> <view class="tabnav"> <view class="tabnav-c"> <page-head :title="state.title"></page-head> <view class="uni-common-mt"> <vie ......
uniapp上传excel文件
1.前端 使用插件：https://uniapp.dcloud.net.cn/component/uniui/uni-file-picker.html <uni-file-picker v-model="fileName" file-extname="xls,xlsx" limit="1" file ......
uniapp项目实践总结(十八)自定义多列瀑布流组件
导语：有时候展示图片等内容，会遇到图片高度不一致的情况，这时候就不能使用等高双列或多列展示了，这时候会用到瀑布流的页面布局，下面就一起探讨一下瀑布流的实现方法。 目录 准备工作 原理分析 实战演练 案例展示 准备工作 在pages/index文件夹下面新建一个waterfall.vue的组件； 按照 ......
ToString()格式和用法大全，C#实现保留两位小数的方法
C，货币，2.5.ToString("C")，￥2.50。D，十进制数，25.ToString("D5")，00025。E，科学型，25000.ToString("E")，2.500000E+005。F，固定点，25.ToString("F2")，25.00。G，常规，2.5.ToString("G ......
php 金额大写转换
在别人的基础上加以更改 function numberToChinese($num){ //判断$num是否存在 if(!$num) return '零圆'; //保留小数点后两位 $num = round($num, 2); //将浮点转换为整数 $tem_num = $num * 100; // ......
微信小程序转换成uniapp项目
1. 把微信小程序转换成uniapp项目 1.1 安装miniprogram-to-uniapp 插件 打开cmd，运行【 npm install miniprogram-to-uniapp -g 】进行安装，因为这个包是工具，要求全局都能使用，所以需要-g进行全局安装。 npm install m ......
uniapp 子组件中onLoad，onShow方法不执行
uniapp中，有应用生命周期和页面生命周期，子组件没有应用周期，所有onLoad，onShow都不存在，难怪我用两个方法没有效果。 可以用如下方法： // 子组件 export default { methods: { childOnShow() { console.log('子组件 onShow ......
uniapp项目实践总结(十七)实现滚动触底加载
导语：在日测的开发过程中，经常会碰到页面需要渲染大量数据的情况，这时候就需要用到滚动加载功能，下面总结一下方法。 目录 原理分析 实战演练 案例展示 原理分析 使用@scrolltolower事件来监听滚动到底部，然后加载下一页的数据。 实战演练 模板页面 <scroll-view :scroll- ......
如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js？
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器，可支持多种流媒体协议播放，可支持H.264与H.265编码格式，性能稳定、播放流畅，能支持WebSocket-FLV、HTTP-FLV，HLS（m3u8）、WebRTC等格式的视频流，并且已实现网页端实时录像、在 ......
uniapp 扫码功能的实现
uniapp 自带扫码功能 不需要下载第三方插件 方法里直接使用 // 允许从相机和相册扫码 uni.scanCode({ scanType: ["qrCode"], success: (res) => { console.log(res); if (res.result) { let url = ......
uniapp解决不同系统端复制不支持问题
1.安装依赖 npm install clipboard --save import ClipboardJS from 'clipboard'; //使用clipboard.js库来实现跨平台的复制功能，解决Safari浏览器（苹果设备上的默认浏览器）对uni-app框架的剪贴板功能的支持可能不完整 ......
uniapp 在app.vue中的异步请求完，页面中的onload或者onshow再请求（promise方法）
第一步： 在main.js里面注册onLaunched，onLaunched，onLaunched，isResolve // 处理onLaunch和onLoad 异步变成同步问题 app.config.globalProperties.$onLaunched = new Promise((resol ......
uniapp中使用vue-i18n实现多语言
一 安装vue-i18n npm i vue-i18n@6 二 添加相关语言配置 如 en.json: { "locale.auto": "System", "locale.en": "English", "locale.zh-hans": "简体中文", "locale.zh-hant": "繁体 ......
uniapp项目实践总结(十六)自定义下拉刷新组件
导语：在日常的开发过程中，我们经常遇到下拉刷新的场景，很方便的刷新游览的内容，在此我也实现了一个下拉刷新的自定义组件。 目录 准备工作 原理分析 组件实现 实战演练 内置刷新 案例展示 准备工作 在components新建一个q-pull文件夹，并新建一个q-pull.vue的组件； 按照前面文章所 ......
【uniapp】【微信小程序】wxml-to-canvas
真是搞吐了，研究了整整两天，困死我了 本来使用生成二维码插件好好的，插件页也支持导出二维码图片，可是领导说要带上文件的名称，那就涉及html转图片了，当然也可以改二维码插件的源码，不过源码做了混淆，看晕了，放弃了。 试了将微信的原生插件wxml-to-canvas引入uniapp项目，最后捣鼓了好久 ......