uni-app修炼之路

UniAPP从入门到精通

文章目录前言学习任务一、uni-app是什么？
林渊丶·2023-12-04 08:01

利用uniapp中模仿抖音、滑动视频组件、首个视频自动播放、预加载、实现加载更多，超高性能

相关参考：video|uni-app官网(dcloud.net.cn)uni.createVideoContext(videoId,this)
平谷一勺·2023-12-04 08:29

uniapp快速入门

微信开发者工具4.配置微信开发者工具路径5.安装android模拟器6.配置adb路径及AVD端口号三、创建第一个uniapp项目1.使用HbuilderX初始化项目2.运行项目3.介绍目录及作用四、uni-app
烤糖F·2023-12-04 08:52

使用uni-app开发一个简易的app

app开发目前主要有使用Androidstudio实现原生开发、使用uni-app基于vue与js实现。考虑到vue样式美观，组件资源较为丰富，故选择使用uni-app进行app开发。
小小小秃头·2023-12-04 08:14

uni_app+vite+vue3+ts开发小程序，解决getUserProfile()获取用户信息问题

failmustbeinvokedbyusertapgesture",errNo:21500}我在抖音上查了下错误码：看到这个解释也是瞬间无语了，然后在平台查找错误，找了半天终于在vue2升级vue3文档里面找到解决办法,官方链接：uni-app
平谷一勺·2023-12-04 08:13

修炼之路漫漫

我以为读古代圣人之书可以改变，但是昨晚上的事情没有想象的好。可能是读易经黄帝内经等等这些书不够久的缘故吧！忍耐力不够，还是吵架了。读了快两个月时间，差不多大大小小的事情都能放下，心静如水。但是昨晚上的可能来的太凶猛了，还没有达到很高的高度就无法低抗这么猛烈的冲击。所以还要坚持读下去，让圣人的智慧深入到骨子里。感谢圣贤们的智慧，易经这段话很好！积善之家必有余庆，积不善之家必有余殃。字面意思很多人都懂
六壬奇门之路·2023-12-04 08:30

单页应用的架构与设计：打造高效可扩展的 Web 应用(上)

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-12-04 08:36

uni-app 微信小程序之自定义navigationBar顶部导航栏

文章目录1.实现效果2.App.vue3.pages.json配置自定义4.顶部导航栏使用微信小程序自定义navigationBar顶部导航栏，兼容适配所有机型1.实现效果2.App.vue在App.vue中，设置获取的StatusBar，CustomBar高度（实现适配高度写法）uni.getSystemInfo获取可视区域的高度wx.getMenuButtonBoundingClientRec
范特西是只猫·2023-12-04 06:30

uni-app入门

uni-app一.创建项目，使用vue-cli二.
Darker丨峰神·2023-12-03 22:31

uni-app

一、框架简介1、目录结构┌─components组件目录├─common公共资源├─hybrid本地网页├─platforms各平台专用页面├─pages业务页面文件├─static静态资源├─wxcomponents存放小程序组件的目录├─main.jsVue初始化入口文件├─App.vue应用配置，用来配置App全局样式以及监听应用生命周期├─manifest.json配置应用名称、appid
锦岁·2023-12-03 22:31

uni-app x生成的安卓包，安装时，提示不兼容。解决方案

找到manifest.json进入：源码视图代码{"name":"xxx康养","appid":"__xxx6","description":"xxx康养","versionName":"1.0.12","versionCode":100012,"uni-app-x":{},/*快应用特有相关*/"quickapp":{},/*小程序特有相关*/"mp-weixin":{"appid":"","s
橙-极纪元JJY.Cheng·2023-12-03 22:30

uni-app小程序中自定义动态tabbar，同时解决小程序自定义tabbar第一次切换闪烁的问题

使用了vuex做自定义动态tabbar，第一次进去小程序切换不会再闪烁完全是意料之外的收获，嘿嘿。第一步，在组件里新建自定义tabbar所需的三个页面、还有自定义tabbar和headertabbar.vue{{item.text}}exportdefault{props:{cur:{type:Number,default:1}},computed:{list(){console.log(this
qrn1024·2023-12-03 22:45

【uni-app】赋予你的APP（Android原生）小程序开发能力

采用DCloud(数字天堂（北京）网络技术有限公司)的uniMPsdk(uni小程序SDK)，是为原生App打造的可运行基于uni-app开发的小程序前端项目的框架，从而帮助原生App快速获取小程序的能力
RisunJan·2023-12-03 19:11

深入理解同源限制：网络安全的守护者(下)

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-12-03 11:17

uni-app 微信小程序之自定义中间圆形tabbar

文章目录1.自定义tabbar效果2.pages新建tabbar页面3.tabbar页面结构4.tabbar页面完整代码1.自定义tabbar效果2.pages新建tabbar页面首先在pages.json文件中，新建一个tabbar页面"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path
范特西是只猫·2023-12-03 08:21

uni-app 判断是在微信浏览器还是普通浏览器运行项目

varua=window.navigator.userAgent.toLowerCase();console.log(ua);//mozilla/5.0(iphone;cpuiphoneos9_1likemacosx)applewebkit/601.1.46(khtml,likegecko)version/9.0mobile/13b143safari/601.1if(ua.match(/Micro
北京的北京·2023-12-03 07:45

uniApp项目创建

1.通过HBuilderX创建项目uni-app支持通过可视化界面、vue-cli命令行两种方式快速创建项目。可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。
二斤半的y·2023-12-03 06:35

uniapp vue3.2+ts h5端分环境打包

scripts":{"test":"echo\"Error:notestspecified\"&&exit1"},"keywords":[],"author":"","license":"ISC","uni-app
ajzzz·2023-12-03 06:32

uni-app自定义导航栏实现中间凸起效果

效果图主要实现的是：点击中间图标后中间图标凸起的样式，找了很多插件都没法实现，于是自己封装了个组件。点击中间图标前：点击中间图标后：封装组件在components文件夹中新建一个tabbar.vue文件html代码：图片和文字样式是用三元运算符，通过判断选中的下标是否是当前下标来改变样式{{list.text}}js代码：exportdefault{data(){return{tabBar:{co
林啾啾·2023-12-03 04:05

深入理解同源限制：网络安全的守护者(上)

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-12-03 03:02

微信小程序——餐饮点餐商城【附源码】

大家如果在使用过程有什么问题，底部见推荐一个订座取号的开源项目最近经常有人咨询说需要订座和取号的功能，api工厂有一个基于uni-app的开源模板，可能大家没注意，再把地址贴一下，有需要的自取：仿海底捞订座排队
广西千灵通网络科技有限公司·2023-12-03 02:15

微信uni-app H5 实现电子签名（组件）

引用页面签名importsignaturefrom'@/components/signature.vue';exportdefault{components:{signature},data(){return{//打开canvas绘制签名showCanvas:false,//是否展示操作菜单completionSignPath:''//签名}},methods:{//隐藏canvas签名组件clo
一只小阿乐·2023-12-03 02:17

uni-app 项目支持 vue 3.0 介绍，及升级指南

简介HBuilderX3.3.0+更新uni-app编译器，支持基于Vite编译到小程序平台。
硅谷干货·2023-12-03 01:02

Uniapp Vue3 基础到实战 教学视频

安装及部署1-1课程简介：了解uni-app是什么，它的优势和适用场景，以及它作为一个跨平台框架的基本概念。如何安装uni-app，包括环境配置和项目创建等步骤。
特创数字科技·2023-12-02 23:46

uni-app使用外部js

引用jquerynpminstalljqueryimport$from'jquery'引用外部jsvarscript=document.createElement('script');script.src="js地址";document.body.appendChild(script);
Bana·2023-12-02 20:55

[每天进步一点点~] uni-app 实现价格小数点前后字体大小不同、js判断数值中是否带小数点

效果图代码：￥{{frontPrice}}.{{backPrice}}exportdefault{data(){return{price:'337.90',//price:'337',frontPrice:'',backPrice:'',isDot:true,}},onShow(e){this.totalprice(this.price)},methods:{totalprice(num){//判
WYL_99·2023-12-02 18:40

HBuilderX实现安卓真机调试

它可以开发普通web项目，也可以开发DCloud出品的uni-app项目、5+App项目、wap2app项目。目前有500万开发者在使用HBuilder。HBuildrX的亮点轻巧、极速HBuildr
大福ya·2023-12-02 16:52

Node.js 事件循环：定时任务、延迟任务和 I/O 事件的艺术

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-12-02 14:44

JavaScript 内存泄漏的检测与防范：让你的程序更稳定

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-12-02 13:54

使用 u-navbar 组件实现页面导航和布局的完全指南

摘要：本文将详细介绍uni-app中的u-navbar组件，并通过实例讲解如何使用该组件实现页面导航和布局。同时，还会介绍一些u-navbar组件的常用API，帮助开发者更好地理解和应用该组件。
嘘~！·2023-12-02 13:15

单页应用的架构与设计：打造高效可扩展的 Web 应用(下)

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-12-02 12:22

uniCloud云函数url化自定义域名绑定-云对象-微信小程序云开发-开启ssl免费证书-咸虾米

做过微信小程序云开发或者uni-app的uniCloud云开发的同学，肯定知道云函数url化，非常的方便，写好的云函数可以通过生成的url地址，外部的应用如：APP、微信小程序、web端项目等就可以使用
咸虾米_·2023-12-02 09:24

unicloud云函数url化后，客户端通过url地址向云函数发送数据流并传递到云存储中

基于uni-app生态开发API接口当初录制这么课程的时候，只是完成了常规的数据交互，现在有个需求，就是前端通过接口上
咸虾米_·2023-12-02 09:19

深入理解前端路由：构建现代 Web 应用的基石（上）

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2023-12-02 08:20

uni-app 微信小程序 电子签名及签名图片翻转显示功能

.需求背景2.开始撸2.1点击重写进入签名页面（上图一）2.2书写签名，点击确认返回，及图片翻转显示（上图二，三）3.图片进行翻转，返回翻转后的图片1.需求背景接的一个开发一个小程序，需求很简单，使用uni-app
范特西是只猫·2023-12-02 06:56

uni-app集成uni-simple-router、uni-read-pages插件自动读取page.json文件实现路由管理（无需手动配置路由表）

npm下载uni-simple-router、uni-read-pages插件"uni-read-pages":"^1.0.5","uni-simple-router":"^2.0.5"根目录新建router.jsimport{RouterMount,createRouter}from'uni-simple-router';constrouter=createRouter({platform:pr
samscat·2023-12-01 17:27

Uni-App

文章目录一、Uni-App1、Uni-App是什么2、Uni-App的优势二、生命周期1、应用的生命周期2、页面的生命周期3、组件的生命周期一、Uni-App1、Uni-App是什么uni-app是一个使用
2301_79102435·2023-12-01 16:09

Uni-App知识点

文章目录一、事件总线二、什么是事件总线三、触发事件1、监听事件2、只监听一次3、移除监听4、触发事件注意事项5、代码示例6、注意事项一、事件总线除了父子组件传参之外，兄弟组件之间共享信息也是我们经常会遇到的。如果遇到这类问题，我们现在可以借助vuex，或者把数据统一放在他们父组件中处理。这两种方式都可以解决兄弟组件传递信息的问题。我们今天要介绍的是另一种方式-事件总线，事件总线也是我们开发过程中经
2301_79102435·2023-12-01 16:09

uni-app 跨域

一、出现问题在uni.app中发起请求是出现该问题；因为这个同源策略，可以保护网站的接口不用随便被别人调用，在浏览器的层面及时拦截，在一定程度上起来保护作用。那什么样的请求算是跨域请求？本身的url和请求的接口需要同时满足以下：端口一致；协议一致；域名一致；这样就不是跨域请求。只要你不符合上面任何一条，那么你这个请求就是跨域请求，浏览器就会拦截报错。但是我们有时候页面部署在一台服务器，接口在另外一
严不纯·2023-12-01 11:25

uni-app onBackPress 返回上一级并且刷新页面内容获取最新的数据

onBackPress返回上一级并且刷新页面内容获取最新的数据onBackPress是返回上一级A页面onBackPress(event){setTimeout(()=>{uni.switchTab({url:'/pages/Users/index',})},300)returntrue},在这里uni.switchTab中需要加上延时否则回报错这是是当前层级的左上角然后在你上一级的页面中调用B页
goodtimedd·2023-12-01 11:20

uni-app 自带返回方法onBackPress，返回上一级并且刷新页面内容获取最新的数据

onBackPress返回上一级并且刷新页面内容获取最新的数据onBackPress方法是uinapp自带返回键方法，也就是在app和H5返回键onBackPress(){setTimeout(()=>{uni.switchTab({url:'/pages/Users/index',})},300)returntrue},methods:{}在这里uni.switchTab中需要加上延时否则回报错
MFG_666·2023-12-01 10:47

uni-app打包成ios app常见问题

当打包成ios时iphone底部会自带安全区如果想去除安全区底部白边在manifest.json源码视图"app-plus"中配置"safearea":{//安全区域配置，仅iOS平台生效"bottom":{//底部安全区域配置"offset":"none"//底部安全区域偏移，"none"表示不空出安全区域，"auto"自动计算空出安全区域，默认值为"none"}},ios设置启动图之后屏幕上下
ㅤX. ㅤ·2023-12-01 09:56

uniapp使用u-checkbox

当使用uni-app开发时，可以使用u-checkbox组件来实现复选框功能。以下是一个更详细的例子，展示如何在uni-app中使用u-checkbox组件，并介绍一些相关的API用法。
嘘~！·2023-12-01 03:13

uni-app判断各大平台的语法

uni-app是一款强大的前端框架，它除了pc端其他都可以实现，打包原生app。
闪客互联·2023-12-01 03:07

超有意思，圣诞节自己做一个装饰圣诞帽头像的APP！

可能是这样的怎么样，看起来都不错吧，不要想多了，我说的是帽子(￣▽￣)"那么有没有想过，自己来实现一个装饰头像的小程序呢，今天我们就一起来完成一个项目框架最近一直迷恋uni-app,虽然自己还是一个初学者
程序员小西·2023-12-01 01:42

Uni-app 对于多端项目请求接口数据

请求App和小程序的时候，请求地址必须是全部地址，而请求H5的时候请求全部地址就会发生跨域问题，需要配置代理，这样的话就会很麻烦，每次在调试或者打包的时候还需要将这部分进行更改做处理根据官方文档提供的方法进行解决//#ifdefH5这里是H5的代码//#endif//#ifdefAPP-PLUS这里是app的代码//#endif能够通过环境进行判断，进而来判断是否需要代理配置基本路径配置代理配置代
Yvie·2023-11-30 18:28

简单聊聊uniapp和uview组件库一起开发

官网：https://uniapp.dcloud.net.cn/uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS
一介青烟小生·2023-11-30 18:19

uni-app 文件下载

id=opendocument在uni-app官方文档中，提供了uni.downloadFile方法来下载文件，但是该方法不支持h5端，所以我这里h5端使用了页面a标签来下载文件代码如下，是h5、app
丝月·2023-11-30 12:36

uni-app混合开发 navigateTo、reLaunch、redirectTo、switchTab区别

1.navigateTo保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。要注意的是navigateTo只能跳转的应用内非tabBar的页面的路径,路径后可以带参数；如果跳转url参数为tabBar的路径则无法进行跳转2.redirectTo关闭当前页面，跳转到应用内的某个页面。需要跳转的应用内非tabBar的页面的路径，路径后可以带参数3.reLaunc
丝月·2023-11-30 12:04

uniapp微信小程序 图片&文件上传并且支持图片和文件预览（pdf等文件预览）巨细教学！

首先呢，小程序打开pdf等文件有下面几种办法：用微信自带的wx.downloadFile()+wx.openDocument()使用web-view，uni-app中webview可以直接加载pdf文件可以使用网上说的
柑橘乌云_·2023-11-30 12:26
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他