Uniapp
文章平均质量分 73
梦之归途
一步一个脚印,踏实前行。
展开
-
uniapp入门到实战( 附送250套精选项目源码),全网最全保姆式教程
用大白话讲:变量就是一个装东西的盒子再通俗些讲:变量就是用于存放数据的容器,我们通过变量名获取对应的数据。如上图所示,我们的盒子(变量)可以装名字,布尔类型的true,还可以用来装数字。变量的本质:就是在程序的内存中申请一块用来存放数据的空间。对象只是一种特殊的数据。对象是一组无序的相关属性和方法组成。这里重点要记住属性和方法这两个新概念属性:事物的特征,对象里的属性就是用来表现该对象具备哪些特征方法:事物的行为,对象里方法就是用来表示该对象具备哪些行为。原创 2024-06-06 15:41:00 · 1153 阅读 · 0 评论 -
uniapp入门第一步,uni-app简介
Uni-app是一个跨平台开发框架,可以帮助开发者快速构建多端应用,包括Web、iOS、Android、H5、小程序等。Uni-app的特点是使用Vue.js作为开发语言,可以在不同的移动端平台上共享组件库和业务逻辑代码,大大提高了开发效率和代码重用率。同时,Uni-app提供了丰富的原生API和插件来实现更多功能。原创 2024-06-06 15:24:29 · 921 阅读 · 0 评论 -
uniapp 生成二维码(可设置logo、前景色、背景色等),扫描二维码(uni.scanCode、barcode自定义扫码可连续扫码),Android\ios可用
uniapp 生成二维码(可设置logo、前景色、背景色等),扫描二维码(uni.scanCode、barcode自定义扫码可连续扫码),Android\ios可用原创 2024-05-16 09:16:10 · 1150 阅读 · 0 评论 -
uniapp 自定义uni.showToast,可以修改背景色,移动端(Andriod、ios)可用
如上修改只在H5上生效,在移动端 Android、ios没有生效。因此自定义一个弹框样式。原创 2024-05-15 13:44:11 · 555 阅读 · 0 评论 -
uni-app:音频播放 uni.createInnerAudioContext()
创建并返回内部 audio 上下文 innerAudioContext 对象。原创 2024-05-15 12:00:13 · 379 阅读 · 0 评论 -
uniapp从入门到精通 ( 附送250套精选项目源码)
Vue (读音 /vjuː/,类似于view) 是一套用于构建用户界面的渐进式框架(部分使用,不是全家桶)。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。vue是一款简单的mvvm(model-view-viewmodel)框架它的中心思想就是数据驱动,不像jQuery是结构驱动,原创 2024-05-07 13:54:24 · 815 阅读 · 0 评论 -
uni-app 超详细教程( 附送250套精选项目源码)
pages.json :文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等manifest.json :文件是应用的配置文件,用于指定应用的名称、图标、权限等。App.vue:是我们的跟组件,所有页面都是在App.vue下进行切换的,是页面入口文件,可以调用应用的生命周期函数。main.js:是我们的项目入口文件,主要作用是初始化vue实例并使用需要的插件。uni.scss:文件的用途是为了方便整体控制应用的风格。原创 2024-05-07 13:40:12 · 2066 阅读 · 0 评论 -
Uni-app开发入门:跨平台应用开发指南
在一些兼职平台或者外包平台上,我们可以搜到很多关于Uni-app的外包项目开发需求。Uni-app是一个基于Vue.js的跨平台应用开发框架,允许开发者使用一套代码同时构建iOS、Android、H5以及小程序等多个平台的应用。通过使用Uni-app框架,我们可以大大提高开发效率,降低维护成本。笔者理解Uni-app非常适合要求短平快的多端开发项目。本文就带大家初步了解一下Uni-app的技术原理和开发入门知识。2。原创 2024-04-28 10:28:05 · 1049 阅读 · 0 评论 -
uniapp 附件(图片、pdf、word、excle)上传、在线预览 (Android、Ios)(附送250套精选微信小程序源码)
uniapp 在线预览pdf文件 (Android、Ios)(附送250套精选微信小程序源码)原创 2024-04-01 14:37:36 · 2771 阅读 · 0 评论 -
uni-app APP、html引入html2canvas截图以及截长图(附送250套精选微信小程序源码)
1、canvas图片绘制跨域问题解决方案Tainted canvases may not be exported。原因就在于使用了跨域的图片或者有两张不同来源的图片比如一张本地一张服务器,所以说是被污染的画布。renderjs是一个运行在视图层的js。但也许有可能服务器不让你跨域请求图片(也不知道为啥),那么用到方案2。大幅降低逻辑层和视图层的通讯损耗,提供高性能视图交互能力。这个报错折腾好久,开始以为是苹果的浏览器不支持这个插件,2、通过把请求的图片转化成base64再进行使用。解决图片跨域就ok了。原创 2023-12-26 15:31:16 · 2638 阅读 · 0 评论 -
uniapp智能工具助手(附送250套精选微信小程序源码)
现在的微信小程序非常火爆,网上也有很多学习资源,但是源码资源还是很少的。其实在学习开发微信小程序的时候如果有源码可以供我们借鉴,学习效率也会成倍的增加。搭建或者想要基于某个小程序框架做二次开发这里已收集整理好, 类目涵盖:音乐类、交通类、天气类、游戏类、答题类、博客类、商城、教育、旅游类 等等,拿走不谢。原创 2023-12-26 10:16:25 · 537 阅读 · 0 评论 -
基于mpvue一款播课类小程序(附源码)
这是一个类播客类的小程序,功能包括内容推荐、音频播放、内容评论、收藏,主播详情、节目详情等内容。功能上主要是以下几项:精选,内容精选页(首页),Slide 滑动切换效果,类微信读书首页柚道,内容为卡片流式列表,包含的内容为柚道类别下的:读书、读文内容,音频内容可直接点播放柚答,育儿问题音频解答内容教师(主播)详情页柚道内容详情页,音频列表、评论列表,音频列表支持连续播放柚道内容评论页柚道内容收藏交互上需要播放器与导航整合,可滑动切换,播放器默认停留的内容为精选页内容第一条一期的需求,大致以原创 2023-12-24 10:22:06 · 426 阅读 · 0 评论 -
校园助手示例安卓、ios基于Flutter,小程序基于mpvue,前端基于VueJS,后端Flask(附源码)
SHUhelper是一个校园服务平台,集成了整合了已有的校园服务和信息,并在此之上提供更多。提供从整个后端到小程序,网站,移动APP的解决方案。原创 2023-12-23 09:37:38 · 614 阅读 · 0 评论 -
uniapp、微信小程序美食搜索(附源码)
mpvue 初次尝鲜。原创 2023-12-23 09:10:27 · 990 阅读 · 0 评论 -
uniapp、微信小程序类似mui中的chat(聊天窗口)
源码获取关注公众号「码农园区」,回复 【uniapp源码】原创 2023-12-22 17:03:34 · 872 阅读 · 0 评论 -
基于mpvue的小程序项目搭建的步骤(附精选源码32套,涵盖商城团购等)
mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架,按官网说可以达到小程序与H5界面使用一套代码。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序,或开发小程序后希望将其转换为 H5,mpvue 将是十分契合的一种解决方案。使用Vue开发微信小程序:mpvue框架。原创 2023-12-21 09:22:41 · 1300 阅读 · 0 评论 -
uniapp实现豆瓣电影微信小程序(附源码)
需要借助 npm scripts 启动,或者进入到。原创 2023-12-21 09:03:34 · 1184 阅读 · 0 评论 -
uniapp仿追书神器的小说阅读器小程序(附源码)
基于mpvue的小说阅读器小程序,已隐去API,数据脱敏,仅供学习交流使用,如有侵权,请及时联系。原创 2023-12-14 15:05:52 · 1903 阅读 · 0 评论 -
微信小程序、uniapp仿网易云UImusic播放器(附源码)
uniapp框架的跨平台特性非常优秀,可以让我们在一次开发中同时支持多个平台,包括微信小程序、支付宝小程序、百度小程序、H5、App等。这大大提高了开发效率。其次,uniapp框架提供了丰富的组件和API,可以满足我们的各种需求。在开发仿网易云音乐播放器时,我使用到了了uniapp提供的音频组件(paused,判断音频是否处于暂停/停止状态)、scroll-view组件(骨架屏)等,这些组件都非常好用,可以让我们快速实现各种功能,uniapp框架的开发文档也是非常详细,对于初学者来说非常友好。原创 2023-12-13 15:09:23 · 2741 阅读 · 0 评论 -
微信小程序-uniapp 仿豆瓣评分 (附源码)
微信小程序由于适用性强、逻辑简要、开发迅速的特性,叠加具有海量活跃用户的腾讯公司背景,逐渐成为了轻量级单一功能应用场景的较佳承载方式,诸如电影购票、外卖点餐、移动商城、生活服务等场景服务提供商迅速切入了。原创 2023-12-12 13:52:48 · 1971 阅读 · 0 评论 -
参照米家APP布局和样式,编写的一款智能家居小程序(附源码)
smart-home-master是一款根据米家APP布局和样式编写的智能家居小程序。它帮助用户更便捷地管理和控制自己的智能家居设备。该小程序提供了直观的界面设计和用户友好的操作方式,使得用户可以轻松实现对家中设备的远程控制和日常管理。通过smart-home-master,用户可以快速查看家中不同设备的状态,包括智能灯具、智能插座、智能门锁等。此外,该小程序还支持设备的定时开关功能,用户可以根据自己的需求设置定时任务,实现智能化的管理。原创 2023-12-12 10:40:08 · 977 阅读 · 0 评论 -
前端、移动端、小程序ChatRobot聊天机器人,后端(nodejs)(附源码)
一个使用node服务同时支持移动端与小程序的聊天机器人。原创 2023-12-11 14:13:56 · 1482 阅读 · 0 评论 -
微信小程序、uniapp自定义底部导航栏(附源码)
创建导航栏vue文件首先创建一个commonUserTabBar.vue,这里我创建在pages/common。原创 2023-12-11 14:02:56 · 3402 阅读 · 0 评论 -
微信小程序、mpvue性能测试与体验(附源码)
最近一直在折腾mpvue写的微信小程序的性能优化,分享下实战的过程。先上个优化前后的图:可以看到打包后的代码量从 813KB减少到 387KB,Audits体验评分从 B到 A,效果还是比较明显的。其实这个指标说明不了什么,而且轻易就可以做到,更重要的是优化 小程序运行过程中的卡顿感,请耐心往下看。常规优化常规的Web端优化方法在小程序中也是适用的,而且不可忽视。一、压缩图片这一步最简单,但是容易被忽视。在tiny上在线压缩,然后下载替换即可。原创 2023-12-11 11:39:52 · 1276 阅读 · 0 评论 -
微信小程序、uniapp:实现全局变量的几种方式(附源码)
在开发的过程中,我们不可避免的用到全局变量,比如我们的请求的公共路径这个变量;那么我们在uniapp中有哪几种方式可以实现全局变量比如,我在项目的根目录中新建了一个config.js,写入以下代码在页面中如下使用就是了其实这种维护起来,我觉得还是比较方便的,但是缺点就是,我们需要用就需要引入。。。使用:main.js页面调用:onLoad() {},建议:在 Vue.prototype 上挂载的属性或方法,可以加一个统一的前缀。原创 2023-12-11 11:29:07 · 1042 阅读 · 0 评论 -
微信小程序、uniapp选择器,包含一级,二级级联,三级级联(附源码)
不能与页面下拉一起使用滑动选择后,scroll-view指定scrollTop时,scrollview滚动会有500ms左右的延迟(官方help),现在加了个loaingshow(类型:Boolean,默认 false):控制组件显示隐藏list(类型:Array):选择器绑定的数据type(类型:Number,取值1,2,3):选择器类型 1为一级选择 2为二级级联选择 3为三级级联选择name(类型:String,默认:‘name’):选择器显示的文本信息,为list中的某个key。原创 2023-12-11 10:42:00 · 1261 阅读 · 0 评论 -
uniapp(微信小程序)聊天实例,支持图片,语音,表情(附源码)
uniapp(微信小程序)聊天实例,支持图片,语音,表情(附源码)原创 2023-12-07 11:15:25 · 701 阅读 · 0 评论 -
(uniapp)微信小程序侧边导航分类、二维码生成器、自定义底部导航栏、富文本编辑器插件、自动更新并安装、沉浸式状态栏、顶部tabbar、仿uc浏览器列表源码分享
(uniapp)微信小程序侧边导航分类、二维码生成器、自定义底部导航栏、富文本编辑器插件、自动更新并安装、沉浸式状态栏、顶部tabbar、仿uc浏览器列表源码分享原创 2023-12-07 10:50:07 · 980 阅读 · 0 评论 -
微信小程序音乐播放器
听歌音乐播放器(小程序),本项目的目的是为了方便听歌用户,随时随地听歌,不需要下载APP,即用即听运行项目时,微信开发者工具只需将 dist 文件夹放入即可。另,请将微信开发者工具中的 【不校验合法域名】 勾选!否则无法获取数据数据均来自,启动项目前,请先启动网易云API服务器。原创 2023-12-06 11:57:00 · 1304 阅读 · 0 评论 -
仿滴滴出行微信小程序
仿滴滴出行微信小程序原创 2023-12-06 11:18:02 · 1450 阅读 · 0 评论 -
高仿美团微信小程序
我们在项目入口里引入公共css、公共方法、以及store,并将根据小程序app.json的配置,我们配置好所有页page、window以及tabBar首页有轮播图,图标九宫格,猜你喜欢的商品列表,还有当前城市和搜索面板,其分别是选择城市页面和搜索页面页面的入口首页页面的页面布局代码为其中我们提取封装出商品卡片组件goodgood组件部分代码注意我们注入store中的当前城市变量,让其不被跳转影响。原创 2023-12-05 16:38:45 · 1355 阅读 · 0 评论 -
uniapp日历封装(附精选源码32套,涵盖商城团购等)
IT之家小程序版客户端(使用 Mpvue 开发,兼容 Web)ithome-lite-master.zipmpvue 仿网易严选mpvue-shop-master.zipmpvue-音乐播放器mpvue-music-master.zipmpvue性能测试与体验miniweibo-master.zipmpvue改造的日历.zipmpvue框架仿滴滴出行didi-master.zipmpVue高仿美团小程序教程mpvue-meituan-master.zipuni APP自动更新并安装.vue。原创 2023-11-30 09:28:30 · 1087 阅读 · 0 评论 -
微信小程序仿网易严选(附精选源码32套,涵盖商城团购等)
前言一直打算自己写接口,写一个上线的小程序,数据方面总是无从下手,无意中发现一个网友爬取的网易严选商城的一些数据大概一共有 20 张左右的表,算是相当详细了(对其中部分表的字段和部分数据进行了修改,)平时写项目大部分用的 vue,所以直接选择了 mpvue 开发,后端一开始打算用 php 但是学了半个月感觉需要学的东西太多,短时间里写不出这个线上小程序,最后决定用 node 来开发提供接口。请求封装用户是否登录 未登录跳转到登录页面首页code搜索功能页分类页面购物车页面技术站前端:小程序原创 2023-11-29 09:11:41 · 1538 阅读 · 0 评论 -
高仿IT之家微信小程序(附精选源码32套,涵盖商城团购等)
主要包含主页资讯,圈子俩大模块资讯详情圈子网络请求部分 api 列表新闻列表原创 2023-11-28 09:48:55 · 1038 阅读 · 0 评论 -
基于mpvue实现的cnode社区demo(附精选源码32套,涵盖商城团购等)
源码获取关注公众号「码农园区」,回复 【uniapp源码】原创 2023-11-28 09:09:41 · 397 阅读 · 0 评论 -
【插件、图表】7种图表漂亮丰富uniCharts(附精选源码32套,涵盖商城团购等)
使用unicharts实现折线图、区域图、柱状图、饼状图、雷达图、环形图、可拖动折线图<template> <view class="content"> <view @tap="gotoPage('line')" class="list-item"> <text>折线图</text> </view> <view @tap="gotoPage('scrollline')" class="list-i原创 2023-11-27 11:20:35 · 577 阅读 · 0 评论 -
快速搭建美团外卖(第三方)微信小程序(附精选源码32套,涵盖商城团购等)
1、数据请求: [flyio.js]同时支持浏览器、小程序、Node、Weex的基于Promise的跨平台http请求库。原创 2023-11-27 10:34:36 · 3615 阅读 · 0 评论 -
Uniapp从零开始,手把手教学(附精选源码32套,涵盖商城团购等)
如果是刚入门小程序的,又或者刚听到这个名词的人,可能跟我之前一样,带着诸多的疑惑。比如:什么是uniapp?它和原生微信小程序有什么异同之处?为什么推荐uniapp开发?这里一句话两句话解释了可能还是云里雾里的。我的建议是看看下面这个视频,个人觉得讲的很清楚明白。原创 2023-11-22 11:17:12 · 5863 阅读 · 3 评论 -
【uniapp】 video视频层级、遮挡其他弹窗或顶部导航 使用nvue覆盖
祝:学习愉快、工作顺利。原创 2023-11-17 14:05:20 · 3221 阅读 · 3 评论 -
【uniapp】Google Maps
这个时候相信你已经看到了地图【详细代码请前往dcloud插件市场查看marker标记点、省市区颜色标记、输入框搜索、范围选择、信息弹窗等】话不多说 直接上干货。祝:学习愉快、工作顺利。原创 2023-11-17 13:49:13 · 1742 阅读 · 0 评论