uniapp压缩图片

vue整合uniapp_跨端开发痛点？送你一款Vue最流行的跨端框架——uni-app

前言今天来聊一下前端必备技能——小程序开发。从最早发布的微信小程序，到后来的支付宝小程序、字节跳动小程序、百度小程序、QQ小程序，还有最近发布的360小程序，面对这么多套的代码，开发者该如何开发呢？当业务要求同时在不同的端都要展现时候，针对不同的端去编写多套代码的成本显然非常高。这时候只需编写一套代码，就能够适配多端的能力就显得尤为需要。今天就来给大家介绍一款，使用Vue的跨端框架——uni-ap
Duke Yu·2024-01-17 15:51

vue整合uniapp_vue h5转换uni-app指南（vue转uni、h5转uni）

如果你已经有了一个基于vue开发的H5站点，想转换为uni-app。首先注意2个前提：1、你的web站是适合手机屏幕的；2、你的H5代码是全后端分离的，uni-app只处理前端代码。一切从新建一个uni-app项目开始。然后依次进行文件处理把之前的vueweb项目的前端代码copy到新项目下如果之前的文件后缀名是.html，需要改为.vue，并注意遵循vue单文件组件SFC规范，比如必须一级根节点
浪客宏非·2024-01-17 15:51

uniapp如何定义全局变量？

在UniApp中定义一个全局变量，可以使用Vue.js的全局属性$store或$uni。
&ACE&·2024-01-17 15:51

uniapp-条件编译跨端兼容

跨端兼容uni-app已将常用的组件、JSAPI封装到框架中，开发者按照uni-app规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写ifelse，会造成代码执行性能低下和管理混乱。编译到不同的工程后二次修改，会让后续升级变的很麻烦。在C语言中，通过#ifdef、#ifndef的方式，为windows、mac等不同os编译不同的
Abstracted·2024-01-17 15:49

Uniapp中的条件编译跨端兼容的使用方法

前言今天有一个项目需要打包成微信小程序和H5两个版本，为了处理兼容性，研究了一下uni-app的Uniapp中的条件编译跨端兼容的使用方法一、uni-app跨端兼容？
北漂燕郊杨哥·2024-01-17 15:48

【uniapp】将微信小程序的代码兼容支付宝小程序（暂停更新）

项目场景：目前本身就有一套完善的微信小程序（兼容h5）的代码，现在的需求是将它编译成支付宝小程序，做好兼容的处理，以便后续接入支付宝服务商，在这里简单记录一下目前发现的把微信小程序编译成支付宝小程序的问题和解决方案。差异记录：建议配合其他人的记录一起看，这里只是我个人目前发现的差异。沉浸式导航：微信小程序返回按钮会消失，而支付宝不消失，且支付宝小程序navigationBarTextStyle不生
CC#·2024-01-17 15:48

uniapp 开发规范（兼容性适配）

因uniapp需同时兼容PC端，移动端，微信小程序端，app端等，建议按以下开发规范开发，可更加有效避开多端不兼容的情况：vue文件使用div标签包裹容器样式不要写在组件上此处class不要写在u–form
朝阳39·2024-01-17 15:47

JAVA电商平台 免 费 搭 建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
m0_66404702·2024-01-17 14:49

uniapp 原生安卓开发插件（module），以及android环境本地调试（二）————————————————版权声明：本文为CSDN博主「深圳程序员打工崽」的原创文章，遵循CC 4.0

1、前景承接上一篇文章，由于uniapp每天只有限定的打包次数，所以每次插件调试都打包成为基座，这个不太方便，因此，采用另外一种方式：android原生环境本地调试2、准备工作离线AppKeyuniapp
修行者对666·2024-01-17 10:53

uniapp 原生安卓开发插件（module），以及android环境本地调试（一）————————————————版权声明：本文为CSDN博主「深圳程序员打工崽」的原创文章，遵循CC 4.0

uniapp原生安卓开发插件（module），以及android环境本地调试1、开发前景由于uniapp框架的局限先，有很多功能不能如原生android开发使用顺畅，因此，需要使用插件进行辅助，再由uniapp
修行者对666·2024-01-17 10:53

uniapp中，子组件给父页面传值（父组件）

前言最近在做的一个小程序项目中，有一个身份切换的功能，点击切换按钮时，子组件向父组件传递身份信息，父页面依据这个身份信息对页面进行显示与隐藏。具体实现子组件中定义一个点击事件,在这里是identitySwitching()方法import{mapGetters}from"vuex";exportdefault{computed:mapGetters(["userInfo"]),data(){ret
gurenchang·2024-01-17 08:44

uniapp一键换色

需求:在我们现有项目基础上,把原来的颜色替换成另一个颜色,同时需要为下一个项目预留出来随时更换主题色,实现一键换色实现:1.介绍兼容不同项目对主题色及图标的需求主要通过以下对css颜色和icon主题色图标两个模块的切换scss/less的css变量config/index.js中的projectId及config.mainColoruni.scss中的$uni-color-primary2.代码2
代码x手莓莓·2024-01-17 08:41

uniapp——JDK17安装教程 和 环境变量配置

目录第一步：下载JDK17安装包第二步：安装JDK17第三步：配置JDK环境变量第四步：检测环境变量第一步：下载JDK17安装包1、官网下载链接：JavaDownloads|Oracle注：Linux、macOS、Windows三个版本，根据自己的需要下载不同版本，windows系统建议下载，Windows下的x64Installer安装包。2、进入官网后>Javadownloads>Window
爱喝牛奶~·2024-01-17 07:20

java版商城之一件代发设置 Spring Cloud+SpringBoot+mybatis+uniapp b2b2c o2o 多商家入驻商城 直播带货商城 电子商务 免 费 小程序商城搭建

鸿鹄云商SAAS云产品概述【SAAS云平台】打造全行业全渠道全场景的SaaS产品，为店铺经营场景提供一体化解决方案；门店经营区域化、网店经营一体化，本地化、全方位、一站式服务，为多门店提供统一运营解决方案；提供丰富多样的营销玩法覆盖所有经营场景，助力商家成功；系统稳定压倒一切，让商家经营有保障，消费者购物更放心。涉及平台：平台管理端、独立商家端（PC端/手机端）、微服务（数据隔离）、独立买家端（P
m0_72864708·2024-01-17 02:07

深入了解鸿鹄工程项目管理系统源码：功能清单与项目模块的深度解析

本文将介绍一款功能强大的工程项目管理软件，该软件采用先进的Vue、Uniapp、Layui等技术框架，涵盖了项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营等全过程。
m0_72864708·2024-01-17 02:37

uniapp | 日历时间选择器，可配置选天、半天(上下午)、小时

参考钉钉的交互，可配置按天、半天或者小时选择的日历时间选择器通过format配置选天或选小时通过绑定值defaultVal的isHalf配置是否为选半天(上、下午)t-picker组件模板{{checkyear}}-{{checkmonth{{checkhour{{myDefaultVal.halfDayType===0?'上午':'下午'}}确定changeSwp(e.detail.curren
ydongabc·2024-01-16 20:05

uniapp快速入门大纲，带你入门并具备开发基本应用的能力

202312月底，应邀有一次uniapp的公开课。
WEB前端圈·2024-01-16 18:08

一文就知道uniapp等跨端开发的使用场景，学习成本，如何快速使用，基本语法等

文章目录一、简介二、uniapp用在哪些企业三、学习成本四、本次课程概括五、相关文档和学习资料六、快速使用七、Uni-app的基本语法八、项目实战一、简介是一个跨平台开发各种各样应用的一套框架。
WEB前端圈·2024-01-16 18:08

java版商城之一件代发设置 Spring Cloud+SpringBoot+mybatis+uniapp b2b2c o2o 多商家入驻商城 直播带货商城 电子商务 免 费 小程序商城搭建

鸿鹄云商SAAS云产品概述【SAAS云平台】打造全行业全渠道全场景的SaaS产品，为店铺经营场景提供一体化解决方案；门店经营区域化、网店经营一体化，本地化、全方位、一站式服务，为多门店提供统一运营解决方案；提供丰富多样的营销玩法覆盖所有经营场景，助力商家成功；系统稳定压倒一切，让商家经营有保障，消费者购物更放心。涉及平台：平台管理端、独立商家端（PC端/手机端）、微服务（数据隔离）、独立买家端（P
微服务商城技术分享·2024-01-16 18:53

深入了解鸿鹄工程项目管理系统源码：功能清单与项目模块的深度解析

本文将介绍一款功能强大的工程项目管理软件，该软件采用先进的Vue、Uniapp、Layui等技术框架，涵盖了项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营等全过程。
微服务商城技术分享·2024-01-16 18:52

uniapp的nvue是什么

说人话就是uniapp内置了weex,当你的页面以nvue结尾
Qayrup·2024-01-16 16:38

uniapp 图片懒加载

html{{item.choose?'已选':'未选'}}jsonPageScroll(){//滚动事件this.showImg()，延迟时间，立即执行uni.$u.throttle(this.showImg,0,true)},onReady(){letthat=thisuni.getSystemInfo({success(res){that.windowHeight=res.windowHeig
嘿，小苹果·2024-01-16 15:52

fastadmin答题考试系统开源二次开发带拍照搜题版本

应用介绍应用介绍一款基于FastAdmin+ThinkPHP+Uniapp开发的小程序答题考试系统，提供全部前后台无加密源代码，支持私有化部署前端截图：后台截图：功能介绍：
qq_24610005·2024-01-16 14:23

快快销ShopMatrix 分销商城多端uniapp可编译5端 - 佣金倍数提现

本文来自应用中心-9999+款应用在线选购"佣金倍数提现"这个概念在不同的上下文中可能有不同的含义，但通常它涉及到基于用户赚取的佣金来设定提现条件。这是一种常见的机制，尤其是在那些提供佣金或回扣的平台上，如联盟营销、金融交易平台、销售合作伙伴关系或者某些类型的游戏或应用内购买系统。以下是对这个概念的一个基本解释：假设平台规定用户可以提现的金额必须是他们赚取佣金的某个倍数。例如：如果佣金倍数是3倍，
qq_24610005·2024-01-16 14:53

分销商城多端uniapp 可编译5端 - 等级提现额度

等级提现额度等级提现额度是一种常见的财务管理策略，通常用于在线平台、金融服务或游戏中，用于控制不同等级用户的提现限额。这样的机制有助于平台管理资金流动性，防范欺诈，并鼓励用户提升他们的活跃度或忠诚度。以下是一个简单的例子来说明如何设置等级提现额度：新手等级：每日提现限额：$100每月提现限额：$500条件：注册后的前30天或直到完成指定的入门任务。中级用户：每日提现限额：$500每月提现限额：$2
qq_24610005·2024-01-16 14:17

❤ Uniapp使用四( 高阶使用配置和各种实现篇)

❤Uniapp使用四(复杂配置和各种实现篇)uniapp引入vant引入方式1、下载vant源码方式一：从Vant官网首页进入GitHub下载对应版本的压缩包,将文件解压后备用,确保下载的压缩包里有dist
林太白·2024-01-16 14:58

❤ Uniapp使用三( 打包和发布上线)

❤Uniapp使用三(打包和发布上线)一、介绍什么是uniapp？uniapp是一种基于Vue.js的多平台开发框架，它可以同时用于开发安卓、iOS、H5等多个平台。
林太白·2024-01-16 14:58

UniApp+Vue智慧工地信息化管理云平台源码（支持多工地使用）

智慧工地建设的意义1、提高工程效率智慧工地可以通过数字化手段，将工地的各个方面进行数字化存储和管理，从而实现的实时监测和共享。这可以大大提高工程的效率，减少工程中的人工干预，并且可以为后续的工程维护和升级提供便利。2、提高工程安全性智慧工地可以通过多种技术手段，对工地的安全进行监测和保障。例如，智能监控设备可以对工地的安全情况进行实时监测，并且可以通过数据分析和报警功能，及时发现并处理安全隐患。此
源码技术栈·2024-01-16 13:17

❤ Uniapp使用二 ( 日常使用篇)

❤Uniapp使用二(日常使用篇)一、表单1、基础表单验证form请选择类型{{selectvalue}}优点：简单清晰缺点：验证起来自己写的验证规则很麻烦//表单提交formSubmit:function
林太白·2024-01-16 12:45

❤ uniapp报错

❤uniapp报错使用背景图片报错uniapp表单验证报错Badattrruleswithmessage:unexpectedtoken’required’.问题描述使用官网示例的rules代码报错原因分析
林太白·2024-01-16 12:45

❤ Uniapp使用一（文档和 API 篇）

❤Uniapp使用一（文档和API篇）一、介绍uni-app官网：https://uniapp.dcloud.io/api/media/image?
林太白·2024-01-16 12:14

uniapp px转rpx

//获取手机信息letsystemInfo=uni.getSystemInfoSync()//a你所知的pxa*(750/systemInfo.windowWidth)+'rpx'
走，带你去玩·2024-01-16 11:17

uniapp 自定义scroll-view滚动条

茅台exportdefault{data(){return{selectList:20,activeIndex:-1,scrollLeft:0}},methods:{selectClick(index){this.activeIndex=this.activeIndex==index?-1:index},scrollClick(e){this.scrollLeft=e.detail.scrollL
走，带你去玩·2024-01-16 11:11

uniapp 绘制环形图

效果图：vue页面//引入外部jsimportcanvasfrom'@/static/canvas.js'exportdefault{data(){return{}},onReady(){letdata=[{"money":50+'万',"value":0.5,"color":"#afb4db","title":"口红"},{"money":20+'万',"value":0.2,"color":"
菜鸟驿站2020·2024-01-16 09:41

uniapp uniCloud 云开发上传图片与查看图片

效果图：1.开通uniCloud地址：https://unicloud.dcloud.net.cn选择阿里云，需要实名认证。2.在uniCloud的web控制台创建服务空间，然后在云数据库新建数据表tableImages3.在HBuilderX新建项目。关联创建好的云服务空间4.新建云函数addImage云函数（把数据写入表）'usestrict';constdb=uniCloud.databas
菜鸟驿站2020·2024-01-16 09:40

uniapp 监控数据有变动才自动刷新页面

需求：从A页面跳转到B页面，在B页面有修改数据的话，返回A页面要自动刷新A页面；如果在B页面没有修改数据，返回A页面则不要刷新。解决思路：A页面加载的时候赋值一个变量为假，在B页面修改数据的时候把变量赋值为真，返回到A页面的时候，判断这个变量的真假再执行刷新。A页面：B页面：
菜鸟驿站2020·2024-01-16 09:10

uniapp + node.js 开发问卷调查小程序

前后端效果图后端：nodejs12.8;mongoDB4.0前端：uniapp开发工具：HBuilderX3.99前端首页代码index.vue{{item.subjectContent}}({{item.type
菜鸟驿站2020·2024-01-16 09:38

uni-app的学习【第三节】

五运行环境判断与跨端兼容uniapp为开发者提供了一系列基础组件，类似HTML里的基础标签元素，但uni-app的组件与HTML不同，而是与小程序相同，更适合手机端使用。
Chemo辰陌·2024-01-16 07:11

from表单通过遍历的方式显示

当我们绘制表单数据的时候，有时候知道需要绘制的内容，但是不想在页面一条一条写数据，如果通过遍历显示呢下面是在uniapp中写h5的方法，直接上代码{{item.title}}{{date}}请选择患者性别
小前端·2024-01-16 07:10

uniapp 环境配置（开发，测试，生产）

开发会在测试环境，生产环境，开发环境等环境下进行来回切换开发，测试，新建config.js用来写公共的环境配置的代码(config.js新建在src目录下）letenv='';env=process.env.NODE_ENV==='development'?'pro':'prodDev';constconfigs={//生产环境pro:{server:"xxxx"photoServer:"http
小前端·2024-01-16 07:10

uniapp定时器器如何关闭

在onload中设置定时器，发现在onhide中关闭不掉，疯狂抓狂，最后发现需要再销毁之后进行关闭exportdefault{data(){return{clearTime:null,};},onLoad(option){this.clearTime=setInterval(this.hh(),500);},onHide(){if(this.clearTime){clearInterval(thi
小前端·2024-01-16 07:09

uniapp自带的选择日期的使用

年月日的下拉框直接看代码日期选择器当前选择{{date}}exportdefault{data(){constcurrentDate=this.getDate({format:true})return{date:currentDate,//默认设置的时间此处可以从后台获取}},computed:{startDate(){returnthis.getDate('start');},endDate()
小前端·2024-01-16 07:04

uniapp+vue3面试纪要

uniapp+vue3面试纪要uniapp1.uniapp的生命周期应用生命周期onLaunch：应用程序启动时触发，仅在应用程序第一次启动时触发。
*小天屎*·2024-01-16 06:08

uniapp h5 发行后 微信第二次打开网址 页面白屏

发行后把网址给客户，第一次可以正常登录打开，第二次打开白屏原因：第一次打开时没有token，所以跳转登录页，可以正常访问第二次打开时有token，但是网址根目录没有配置默认页面，所以白屏解决方法：改为如下
温暖的松子·2024-01-16 03:56

前端如何压缩图片在进行上传给后端

前端压缩图片我目前能想到的就是通过canvas改变图片的画质去改变图片的大小。解决方案如下：1、首先获取图片的全部内容，然后转化为base64让他可以在页面上展示。
屈小康·2024-01-16 02:11

uniapp 实战 -- app 的自动升级更新（含生成 app 发布页）

uniapp提供了App升级中心uni-upgrade-center，可以便捷实现app的自动升级更新，具体编码和配置如下：1.用户端–引入升级中心插件下载安装插件uni-upgrade-center-Apphttps
朝阳39·2024-01-16 01:00

【uniapp-uni.showModal不生效】

uni.showModal点击确定的时候，里面的变量或者执行的动作没有生效，只需在success后面加bind(this)uni.showModal({title:'温馨提示',content:'还没有保存，是否关闭?',success:function(res){if(res.confirm){this.isShow=false}}.bind(this)})
聚宝盆_·2024-01-15 21:22

【uniapp-小程序-给video添加水印】

data(){return{isWatermark:true,//水印样式，默认是不全屏}},methods:{screenChange(e){letfullScreen=e.detail.fullScreen;//值true为进入全屏，false为退出全屏console.log(fullScreen)if(fullScreen){this.isWatermark=false}else{this.
聚宝盆_·2024-01-15 21:20

uniapp在线预览pdf

准备先下载pdf.js然后和node_modules同级新建一个hybrid文件目录，把下载好的pdf.js解压进去，（微信收藏里有）开始然后在pages下新建一个FilePreview页面，用来呈现预览的pdf在FilePreview.vue页面中：exportdefault{data(){return{viewerUrl:'/hybrid/html/readPdf/index/index.ht
小政爱学习！·2024-01-15 19:25

uniapp发布为小程序

为什么要发布小程序只有被发布了，才能被用户搜索和使用开发期间的小程序为了便于调试，含有courcemap相关文件，并且代码没有被压缩，因此体积较大，不适合直接当作线上版本进行发布通过执行“小程序发布”，能够优化小程序的体积，提高小程序的运行性能发布小程序的流程点击HbuilderX菜单栏上的发行---->小程序-微信(仅适用于uni-app)在弹出框中填写要发布的小程序名称和AppId之后，点击发
小政爱学习！·2024-01-15 19:55
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他