【uni-app】

uni-app store 状态管理学习，多写几遍就会了

uni-app使用了一段时间了，一直没有用到store状态管理，还是应该学习一下，以后会用到的1.使用hbuiderx创建uni-app项目2.与static同级创建store文件夹，store文件夹下创建
前端喜欢研究技术·2023-08-05 07:05

前端使用sqlite心得

做社交app，难点无非:1.socket连接，发消息，收消息2.历史消息的处理在使用uni-app开发时，本来用uni.setStorage去存，uni.getStorage去取，但是这两个家伙有延时，
前端喜欢研究技术·2023-08-05 07:05

uni-app uni.request同步操作逻辑

uni-appuni.request同步操作onload中调用this.doTest()方法，会先执行uni.request中打印的console.log(res),再执行console.log(‘后打印’)onLoad(){this.doTest();},methods:{asyncdoTest(){awaitthis.getTest();console.log('后打印');//后打印},ge
前端喜欢研究技术·2023-08-05 07:35

uni-app 支持 app端， h5端，微信小程序端 图片转换文件格式 和 base64

uni-app支持app端h5端，微信小程序端图片转换文件格式和base64，下方是插件市场的地址app端h5端，微信小程序端图片转换文件格式和base64-DCloud插件市场
前端喜欢研究技术·2023-08-05 07:01

vue、uniapp直传阿里云文档

前端实现文件上传到oss（阿里云）适用于vue、react、uni-app，获取视频第一帧图片用户获取oss配置信息将文件上传到阿里云，保证了安全性和减轻服务器负担。
修复bug·2023-08-05 06:43

编译失败：HBuilderX 安装目录不能包括 ( 等特殊字符

这是我使用uni-app第一次发现的错误，记录一下，希望能有一天能帮到自己和别人!
凉风儿·2023-08-05 06:43

使用uni-app的uniCloud 云数据库入门：实现一个简单的增删改查

官方云数据库文档前置步骤使用uni-app新建一个uniCloud项目[外链图片转存失败,源站可能有防盗官方云数据库文档]!
九段刀客·2023-08-05 02:26

uni-app之picker选择器、打包、ucharts

11月4日1、选择器用到uniapp里的picker内置组件2、选择时间功能2.1、2.2、需求在11点前下单，显示明天上下午，11点后下单显示后天上下午判断这个小时数是否大于11,如果大于了要怎么样,小于了又怎么样页面简单布局html配送时间:{{array[index]}}-->再data中定义exportdefault{  data(){    return{      array:['明天
八九。·2023-08-05 02:22

【完整代码】uni-app原生picker实现地址选择器

Chrome运行效果如下：QQ录屏20230505104210父组件：{{address}}{{list[0]==""?"未选择":list[0]}}{{list[1]==""?"未选择":list[1]}}{{list[2]==""?"未选择":list[2]}}importaddressPickerfrom'./components/addressPicker.vue'exportdefaul
栖柚与苏璃·2023-08-05 02:21

uni-app 自带的picker封装一个日期-时间选择器

首先看下最终效果设置数据importmomentfrom'moment';constdateArr=[]for(leti=0;i{{moment(travelDate).format('MM月DD日HH:mm')}}jsexportdefault{data(){return{travelDate:'',moment:moment}},methods:{dateTimeChange(e){const
榴莲不好吃·2023-08-05 02:51

uni-app选择器（ uni-data-picker）选择任意级别

背景说明uni-app官方的插件市场有数据驱动选择器，可以用作多级分类的场景。引入插件后，发现做不到只选择年级，不选择班级（似乎，只能到最后子节点了）。需求中，有可能选择的不是叶子。
WebCsDn_TDCode·2023-08-05 02:50

送你一款Vue最流行的跨端框架——uni-app

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

【IOS免费申请开发者证书方法（ Appuploader + uniapp 测试ios）

近期想要使用uni-app写个微信小程序，以及通过uni-app打包能实现android与ios端的应用。
qq_20746779·2023-08-04 21:12

uni-app怎么实现点击一键拨打电话

小程序开发需求点击联系客服一键拨打电话可以直接使用联系客服//联系客服call(phone){console.log('传入的电话',phone);constres=uni.getSystemInfoSync();//ios系统默认有个模态框if(res.platform=='ios'){uni.makePhoneCall({phoneNumber:phone,success(){console.
全栈^_^小菜鸟·2023-08-04 15:26

使用VSCode开发uniapp的插件

uni-app-snippets支持uni-app基本能力的代码片段，包括组件和APIuni-helper开发体验更好uni-app-schemas支持uni-app的page.json和manifest.json
Moon.9·2023-08-04 10:30

Uni-app 小程序 App 的广告变现之路：激励视频广告

Intro激励视频广告，是cpm收益最高的广告形式。手机用户观看几十秒视频广告，在广告播放完毕后可获得应用开发商提供的奖励，而应用开发商则可以从广告平台获取不菲的广告收入。与开屏、信息流等广告变现方式不同，激励视频收益高、但场景设计和编程工作量也较高。激励视频广告的场景灵活多样：游戏内看广告复活、看广告拿高级道具合成类游戏，看广告获得道具，比如各种养龙、养凤凰、养牛、养蟹......走路赚钱、看短
智密科技·2023-08-04 08:27

uniapp 自定义下拉刷新颜色

1.app端需要使用uniapp官方提供的方法网址：uni-app官网1.1：首先在pages.json配置文件中开启enablePullDownRefresh:true用于开启app端下拉动画操作；1.2
快乐烟火·2023-08-04 00:24

【无标题】（完美解决）uni-app 小程序下拉刷新后刷新图标无法正常恢复的问题

uni-app下拉刷新后刷新条无法正常恢复的问题完美解决方案完美解决方案1.pages.json配置“enablePullDownRefresh”:true"pages":[{"path":"pages
Web项目开发·2023-08-04 00:54

如何动态改变background-image

动态改变background-image最近在开发uni-app小程序时尝试使用栅格布局利用u-grid-item循环遍历元素节点，其中每个元素节点对应的背景图片都不相同，于是就遇到了需要动态改变元素background-image
fighting ~·2023-08-04 00:20

uni-app引入iconfont自定义图标

1.在iconfont中选择图标，点击下载代码2.将下载的文件解压，将所有文件放入项目中，放在目录static下3.在app.vue引入@import"static/font/iconfont.css";4.修改iconfont.css文件，将之前的相对路径，修改为绝对路径@font-face{font-family:"iconfont";src:url('~@/static/iconfont.t
xiaoxiaoman2010·2023-08-03 17:32

uni-app：实现分页功能，单击行获取此行指定数据，更改行样式

效果：分段解析代码分页功能实现：一、标签1、搜索栏-模糊查询工单名称:料号:名称:查询确认：为表单信息，@submit="search_wip_name"表单提交的方法name="wip_entity_name"设置name的值，方便js端获取数据查询，设置form-type="submit"，绑定表单的提交按钮2、表格信息工单名称料号料号名称规格型号预计开工日开工量{{item.wip_enti
雯0609~·2023-08-03 16:21

uni-app:实现表格多选及数据获取

效果：代码：姓名年龄地点{{item.name}}{{item.age}}{{item.address}}数组数据{{selectedData}}exportdefault{data(){return{selectedData:[],allChecked:false,inputs:"",list:[{name:"张三",age:21,checked:false,address:'波兰斯维诺乌伊希切
雯0609~·2023-08-03 16:21

小程序面试题

文章目录简单谈谈微信小程序小程序的原生组件有哪些小程序的安卓版和ios版是怎么开发出来uni-app弹窗被覆盖怎么解决小程序生命周期小程序路由跳转小程序的兼容问题有哪些小程序框架都掌握哪一些，uniapp
fmk1023·2023-08-03 12:54

【uniapp 控制页面滑动速度】

可以使用uni-app提供的onTouchMove事件来控制页面滑动速度。
cv全粘工程师·2023-08-03 11:10

uni-app引用外部图标库（阿里矢量图）

uni-app引用外部图标库（阿里矢量图）作为前端程序员，nui-app是必备的，但是有时候内置的图标，组件又不完全满足，这里就可以引进外部图标，这里引用的是阿里矢量图标第一步，在项目目录中新建文件夹，
大可-·2023-08-03 09:33

uni-app 微信小程序自定义导航栏

一、效果图二、导航栏的组成上面的导航栏主要由状态栏（就是手机电量显示栏）和小程序的导航栏组成，android手机一般为48px，ios手机一般为44px三、开发步骤1、设置navigationStyle:custom{"path":"pages/views/home/detail","style":{"navigationStyle":"custom",//隐藏系统导航栏"navigationBa
八分钟de温暖·2023-08-03 09:48

【uni-app】【Android studio】手把手教你运行uniapp项目到Android App

运行到AndroidApp基座选择运行到AndroidApp基座选择运行项目1、连接手机，在手机上选择传输文件。2、打开设置->关于本机->版本信息->连续点击4-5次版本号，输入手机密码，系统就进入了开发者模式。3、设置>其他设置>开发者选项>打开开发者选项>打开USB调试。4、回到Hbuilder，点击刷新，选择设备，运行项目。运行失败请使用手机助手手动安装XXX.apk到手机上，并重新运行真
被子里·2023-08-03 09:02

uni-app 页面&组件生命周期

uni-app支持如下生命周期函数：页面的生命周期onLoad监听页面加载，其参数为上个页面传递的数据，参数类型为object（用于页面传参），参考示例onShow监听页面显示onReady监听页面初次渲染完成
理子·2023-08-03 08:03

【uni-app】【Android studio】手把手教你运行uniapp项目到Android App

最开始想写一个自定义背景的弹窗，因为要用到项目的好几个地方，不希望每个地方都需要引入。而且只需要放张图片，加个关闭按钮和功能按钮就行，类似这种效果：开始写的时候找了一篇博客，写的很详细，但是这个是Vue2的，uniapp实现自定义弹窗组件，可以在app全局任意地方使用，很多地方都需要改造。改造完发现其实完全不需要这么复杂，在uniapp项目里面，很简单的代码就能实现。先说一下写代码的逻辑，写这个组
被子里·2023-08-03 05:05

【uni-app】uniapp 实现一键登录 超详细记录~

uniapp实现一键登录一.前置条件:开通uniCloud,开通一键登录功能二.一键登录代码&云函数代码三.其他条件四.遇到过什么问题,如何处理(本地函数同个局域网,错误码)五.官网给出的错误码参考的文档:官网-一键登录uniapp指南:https://uniapp.dcloud.net.cn/univerify.html#%E6%A6%82%E8%BF%B0官网-一键登录开通指南:https:/
科科是我嗷~·2023-08-02 22:54

uniapp 分享微信及分享到朋友圈(方法2中)，分享海报(原生 app)，及uni-app 中使用 html2canvas 生成图片

1.方法一微信转发及分享到朋友圈参考链接2.方法二微信转发及分享到朋友圈shareUrl(this.id).then(response=>{//获取二维码跳转地址switch(e.item.name){case'wxchum'://重点是这里uni.share({provider:'weixin',scene:'WXSceneSession',type:0,href:response.share_
艾米家的猫儿（傻钢）·2023-08-02 21:41

吹一波uni-app

作为原生开发者，最知道移动端开发的成本。公司想做一个性能相对好的App，需要招一个中级以上的iOS开发和一个andriod开发一个月的成本至少要4w左右，对于刚刚创业的公司来说，是一笔不小的开销。所以国内外都在想办法统一两端的开发，甚至在小程序火起来以后，实现移动端大统一成了大势所趋。目前可以最火的有以下这几种方式reactnativeFacebook的整合框架大多数公司在使用这套框架，性能比较优
LF_Lufei·2023-08-02 21:01

uni-app版本更新（整包更新和wgt热更新）

整体流程：1.uni-app打包成App，使用plus.runtime.getProperty方法获取本地应用资源版本号。2.调用后端接口，拿到与后端规定好的版本号，与前面获取的版本号进行对比，如果不一致（也可以判断当前版本号是否小于线上版本号，也就是最新版本号），进行下一步操作。3.uni.showModal弹出下载提示。4.使用plus.downloader.createDownload下载安
风梦凡·2023-08-02 18:30

uni-app 将base64图片转换成临时地址

后端获取的小程序码，转换成base64，返回给前端，前端转换成临时地址，再写入到canvas海报中后台的publicfunctiongetCreateQrCode(){$orderid=$this->request->post('orderid');$page=$this->request->post('page');$params=['appid'=>Config::get('ask.wxapp
时间轴-小文同学·2023-08-02 15:12

map的点的聚合

前言：uniapp兼容了各端，但是在只用map的时候，需要进行点的标记和聚合，发现写的不是很详细，这里详细介绍一下点的聚合uniapp的地图讲解-uni-app官网实现的效果如下：首先是uniapp的官网关于点聚合
哆来A梦没有口袋·2023-08-02 14:53

uniapp开发小程序-实现中间凸起的 tabbar

://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-app
小跳不会Coding·2023-08-02 13:52

uni-app 小程序 uni-swipe-action组件，点击右侧内容，不自动收缩效果实现

官方文档uni-swipe-action滑动操作问题描述：当项目需要开发列表滑选删除功能时，可以借助uni-app扩展组件uni-swipe-action实现将内容区域向左滑动，显示右侧删除按钮；当点击内容区域或右侧删除按钮时
天边月_·2023-08-02 13:15

uni-app小程序，ChatGPT打字机效果实现

效果：聊天对话时，将文本内容逐字展示，类似打字机效果。实现原理：利用定时器，以一定频率更改展示的文本内容长度，直至全部文本展示完毕。组件封装：typer.vue{{curText}}exportdefault{props:{content:{//文本内容type:String,required:true},speed:{//打字的速度type:Number,default:100},startIn
天边月_·2023-08-02 13:15

小程序网络资源统一管理，通过css变量使用网络资源

示例：小程序开发框架为uni-app，以oss服务器为例1、静态资源存放
天边月_·2023-08-02 13:44

uniapp使用视频地址获取视频封面

很多时候我们都需要使用视频的第一帧当作视频的封面，今天我们从uni-app的安卓app这个环境来实现下这个需求。
丹丹的小跟班·2023-08-02 07:55

routeDone with a webviewId 41 that is not the current page

问题出在微信开发者工具调试基础库版本太高，博主是uni-app新建了个项目就出来了然后博主也试过在pages.json配置下面代码，没啥卵用"lazyCodeLoading":"requiredComponents
雪狼之夜·2023-08-01 17:11

小程序报错routeDone with a webviewId 41 that is not the current page

问题描述运行uni-app项目在微信开发小程序的报错然后博主也试过在pages.json配置下面代码，没啥卵用"lazyCodeLoading":"requiredComponents",解决方法ok问题出在微信开发者工具调试基础库版本太高去降低版本
小陈要快乐呀！·2023-08-01 17:32

uni-app运行到微信开发者工具axios发请求报错Adapter http is not available in the build

Uni-app是一种基于Vue.js框架的跨平台开发工具，能够使用一套代码同时开发出运行于Android、iOS、H5等多个平台的应用程序。
lishiyueup·2023-08-01 17:30

uni-app运行微信小程序时报错routeDone with a webviewId 2 that is not the current page

在开发微信小程序时使用HBuilderXuni-app开发运行项目的时候新手可能会出现routeDonewithawebviewId1thatisnotthecurrentpage这个报错，有时是因为调试基础库处于灰度中所以会出现这个报错信息，想解决这个报错我们可以尝试降一下微信开发者工具的调试基础库，总共分为三步：1.点击微信开发者工具右上方的详情；2.点击本地设置；3.点击调试基础库，选择低一
solo_exe·2023-08-01 17:56

uni-app 本地打包 ios app

转载别人文章，留着自己看。如果侵权，联系删除，谢谢前言，之前都是用云打包，后面云打包需要本地cli版本和云环境一致，于是决定改用本地离线打包，在这里记录一下步骤和问题。因为我之前用云打包，所以已经申请过证书等文件了，如果这一步你没有做过，那就需要先去申请，跟着官方的步骤走即可：https://ask.dcloud.net.cn/article/152注意：本地打包需要mac环境。需要下载和安装什么
NotBad_1·2023-08-01 16:39

uni-app 倒计时

{{count}}data(){return{count:30,timer:null,};},methods:{countDown(){let_this=this;constTIME_COUNT=30;if(!this.timer){this.count=TIME_COUNT;this.timer=setInterval(()=>{if(this.count>0&&this.count<=TIME
NotBad_1·2023-08-01 16:09

uni-app的ajax(uni.request)

uni.request({url:接口地址,method:'get',dataType:'json',success:(res)=>{console.log(res.data);}})控制台效果
栈狮·2023-08-01 12:38

uni封装ajax,uni-app封装ajax请求方法

1.在项目的根目录下创建Common文件夹，用于存放以下的JavaScript文件。2.在Common目录创建：baseconfig.js。代码如下：varbaseconfig={};if(process.env.NODE_ENV==='development'){baseconfig={server:开发时IP:端口号}}elseif(process.env.NODE_ENV==='produc
熊凌云·2023-08-01 12:38

uniapp使用ajax发送请求,uni-app中使用rpc协议请求

1、首先安装一个rpc包npminstalljs-jsonrpc-request2、通用请求ajax.js简单封装。注意的是：入参我的是数组，出参是一个简单变量。github给的例子，入参是对象，出参也是对象，这块有需要可以修改。`importJsonRpcClientfrom'js-jsonrpc-request';importrequestUrlfrom'@/common/requestURL
领研网·2023-08-01 12:38

uni-app的创建与使用--1

一、uin-app简介由dcloud公司开发的多端融合框架1次开发多端运行竞品：apiCloud，appCan，Codova技术架构Vue语法+小程序的api多端Hybrid混合开发1.App端HTML+nvue（原生view）native.js(js原生沟通的桥梁)weex内置ios/安卓的模块使用2.H5端h5专用api3.各种小程序（微信为主）二、准备工具Hbuilderx（开发与编译工具）
还没秃头的初级前端程序员·2023-08-01 12:38
上一页 46 47 48 49 50 51 52 53 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他