uni-app源码系列

Uni-App内引入Vant框架

文章目录前言Uni-App优点搭建项目问题及解决总结前言最近写一个项目用的是Vue框架，因为后期还要使用推送功能就决定利用Uni-App来进行开发，因为听说Uni-App的多适应功能强，一次开发可以在多个平台运行
travelerLV·2024-01-15 18:13

uni-app项目中封装异步请求

为什么要封装？原生的请求不支持promiseuni-api的请求不能够方便的添加请求中(loading)效果uni-api的请求返回值是个数组，不方便数据处理封装思路：基于原生的promise来封装挂载到Vue的原型上通过this.request的方式来使用封装步骤：在src目录下新建utils/request.js//request.jsexportdefault(params)=>{//加载中
草莓冻冻·2024-01-15 11:49

使用async + await将uni-app中的异步请求同步化

问题背景在uni-app中，uni.request等许多接口都是异步的，直接使用可能会导致页面渲染完毕时，数据还未成功获取的情况，必须手动触发方法或页面修改后重新渲染才能重新获取数据。
Hacker_2020·2024-01-15 11:49

uni-app做A-Z排序通讯录、索引列表

上图是效果图，三个问题访问电话通讯录，拿数据拿到用户的联系人数组对象，之后根据A-Z排序根据字母索引快速搜索首先说数据怎么拿-社区有指导https://ask.dcloud.net.cn/question/64117uniapp调取通讯录//#ifdefAPP-PLUSplus.contacts.getAddressBook(plus.contacts.ADDRESSBOOK_PHONE,func
季夏梧桐·2024-01-15 10:53

MySQL面试题 | 08.精选MySQL面试题

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

MySQL面试题 | 07.精选MySQL面试题

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

六何分析法分析uniApp

一、什么是uniApp（What）uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/00/钉钉
小安吖~·2024-01-15 06:04

uniapp（H5 和 App） 与 Web 端，完整代码，真正解决通信问题

先去官网了解下webviewweb-view|uni-app官网(dcloud.net.cn)uniapp1.要嵌入webview的index.vue文件发送打印请求//计划创建的webview(必须写
微光无限·2024-01-15 00:09

uni-app navigateTo跳转接收

一、链接跳转链接跳转是通过navigator标签来实现的点击传递参数二、事件跳转用某个事件的函数，来实现跳转需求1、uni.navigateTo(OBJECT)功能：保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面uni.navigateTo({url:'test?id=1&name=uniapp'/*这是跳转到的页面路径，？id=1这些都是传递的数据，可
周伯通*·2024-01-14 23:11

【Web前端】uni-app页面跳转uni.navigateTo传递对象参数

实现需求：在列表页点击一个商品跳转到商品的详情页，主要有2个动作：1:、页面跳转；2、跳转页面后取得数据渲染详情页。目录uni.navigateTo(OBJECT)一、跳转页面二、传递参数三、接收参数用this.$router.push方法，效果不理想，
Cimoon_·2024-01-14 23:36

uniapp使用vue3语法利用uni.navigateTo跳转和接收参数

uni官网：uni.navigateTo(OBJECT)|uni-app官网一、传参给下一个页面uni.navigateTo({url:'/pages/index/inviteOrder',//跳转的页面
啊～哈·2024-01-14 23:35

uni微信小程序强制用户更新版本

强制更新的代码参考官方文档uni.getUpdateManager()|uni-app官网我这边的如下：//检查版本更新constupdateManager=uni.getUpdateManager()
湖边看客·2024-01-14 20:48

渐进增强与优雅降级：提升用户体验的双重策略

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

uniapp导航栏组件如何使用

在uni-app中，可以使用官方提供的uni-navigator组件来实现导航栏的功能。
&ACE&·2024-01-14 12:10

MySQL面试题 | 05.精选MySQL面试题

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

MySQL面试题 | 06.精选MySQL面试题

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

uni-app scroll-view横向、纵向基本使用

官网介绍：可滚动视图区域。用于区域滚动属性说明：注意：使用竖向滚动时，需要给一个固定高度，通过css设置height；使用横向滚动时，需要给添加white-space:nowrap;样式一、纵向二、横向
yyxhzdm·2024-01-14 08:21

uni-app使用canvas技术实现弹幕（思路+代码）

之前在公司有一个项目，需要使用uni-app实现一个弹幕的效果，展示已付款用户。当时项目赶时间，使用了一个插件，后来琢磨了一下实现思路：分析一个弹幕功能，首先需要拿到弹幕内容，这个不用多说。
知猪狭·2024-01-14 08:19

uni-app 横屏滚动抽奖

横屏滚动抽奖模拟效果代码：exportdefault{name:"horizontalScroll",data(){return{goodsDetails:[{id:222,color:'#CCCCFF'},{id:223,color:'#FFCCCC'},{id:224,color:'#99CC99'},{id:225,color:
dreamimport·2024-01-14 08:48

使用uni-app实现弹幕功能及滚动效果

{{bullet}}exportdefault{data(){return{bulletList:["弹幕1","弹幕2","弹幕3","弹幕4","弹幕5"],};},mounted(){this.startBulletAnimation();},methods:{startBulletAnimation(){constbulletContainer=uni.createSelectorQuer
貂蝉空大·2024-01-14 08:48

uni-app（微信小程序）获取当前位置uni.getLocation

1、微信公众平台开发开发管理2、开通之后到项目文件3、下载腾讯地图插件并引入到文件中uni.getSetting({success:(res)=>{if(!res.authSetting['scope.userLocation']){console.log("没有权限");//拉取授权窗口uni.authorize({scope:"scope.userLocation",success:()=>{
貂蝉空大·2024-01-14 08:47

uni-app的虚拟列表

{{item.text}}exportdefault{data(){return{list:[],//原始数据列表virtualList:[],//虚拟列表startIndex:0,//可视区域内第一个列表项的索引endIndex:0,//可视区域内最后一个列表项的索引itemHeight:50,//列表项的高度visibleCount:5,//可视区域内的列表项个数};},mounted(){/
貂蝉空大·2024-01-14 08:47

uni-app中使用video.js

npmivideo.jsscriptimportvideojsfrom"video.js"import'video.js/dist/video-js.min.css'exportdefault{data(){return{videoPlayer:null,video_data:{},liveId:'',}},onLoad(e){uni.showLoading({title:'加载中'})conso
貂蝉空大·2024-01-14 07:46

uni-app无限滚动

uni-app无限滚动{{item.title}}exportdefault{data(){return{rollList:[{title:'11111111111111111111111111111111111
吾等汝多时·2024-01-14 07:16

uni-app中实现弹幕的滚动效果

在uni-app中实现弹幕的滚动效果，可以通过以下步骤实现：在页面中创建一个容器，用于显示弹幕内容。可以使用标签或者其他适合的标签作为容器。
貂蝉空大·2024-01-14 07:14

uni-app微信小程序封装全局判断是否登录方法结合全局变量

新建的uni-app项目会有个app.vue文件，在此文件下onLaunch应用生命周期封装一个方法(把全局变量定义一下):注意：onLaunch应用生命周期只会触发一次app.vue：exportdefault
JOJORiny·2024-01-13 17:28

uniapp中组件库的Checkbox 复选框的使用方法

在uni-app中使用组件库的Checkbox复选框，需要先引入组件库，并注册组件。
我爱学习yq·2024-01-13 15:11

uniapp项目怎么删除顶部导航栏

uniapp去掉顶部导航的方法：1、去掉所有导航栏"globalStyle":{"navigationBarTextStyle":"white","navigationBarTitleText":"uni-app
大可-·2024-01-13 12:52

HTTP 常见协议：选择正确的协议，提升用户体验（下）

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

开源了一款Vue3 & Ts & Vite4 & uni-app 驱动的跨端快速启动模板

一、开源项目简介由Vue3&Ts&Vite4&uni-app驱动的跨端快速启动模板。推荐使用VSCode编辑器开发，集成了Prettier+ESLint+StyleLint+husky+lint-staged+commitlint+UnoCSS+Vue3+TypeScript+Vite4+setup，开箱即用。二、项目特性⚡️Vue3,Vite,pnpm,esbuild-就是快！组件自动化加载pi
神码观察·2024-01-13 10:24

SpringBoot+FastJson 优雅的过滤 Response Body

Spring源码系列1、Spring学习之扩展点总结之后置处理器（一）2、Spring学习之扩展点总结之后置处理器（二）3、Spring学习之扩展点总结之自定义事件（三）4、Spring学习之扩展点总结之内置事件
YPhen·2024-01-13 09:06

uniapp

基础知识目录结构一个uni-app工程，默认包含如下目录及文件：┌─uniCloud云空间目录，阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcbuniCloud）│─components
我丶秦始皇丶打钱·2024-01-13 08:31

Uni-app API

Uni-app的各种api，各种功能还是很全面的，而且基于vue用法，本身也带有自己的一套UI系统，代码也能兼容app和小程序，还是挺方便的。
普普通通学习不内卷·2024-01-13 08:31

uniapp小程序中scroll-view滑动类似锚点链接 直接定位到某一点

"属性内容2.直接给goindex赋值(注意:goindex就是唯一值)定位到数据的唯一值注意:scroll-into-view后面添加一个自定义的字符串再加上唯一值使用文档:scroll-view|uni-app
mmmmmmmmmmmy·2024-01-13 07:24

使用uniapp生成小程序项目

使用@vue/cli生成小程序项目参考文档：uni-app官网https://uniapp.dcloud.io/quickstart-cli.html注意：vue脚手架的版本跟官方保持一致步骤：1、安装脚手架
A-炜晨科技·2024-01-13 06:03

SSR 服务器端渲染：提升用户体验的新趋势（上）

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

MySQL面试题 | 04.精选MySQL面试题

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

MySQL面试题 | 01.精选MySQL面试题

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

MySQL面试题 | 02.精选MySQL面试题

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

MySQL面试题 | 03.精选MySQL面试题

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

uni-app的生命周期和路由配置

一、uni-app生命周期1、应用生命周期uni-app的应用生命周期仅可在App.vue中监听，包括onLaunch、onShow、onHide等函数。
TIGA|迪迦·2024-01-13 04:01

uni-app小程序获取路由的参数，除了onLoad之外的另一个方法

mounted(){letroutes=getCurrentPages();//获取当前打开过的页面路由数组letcurParam=routes[routes.length-1].options;//获取页面的路由后面的参数对象}注意要写在mounted里面
夏天想·2024-01-13 04:29

uni-app微信小程序，路由跳转和路由返回的页面数据刷新问题

//用uniapp开发微信小程序的话最好数据请求写在onload生命周期内这样你刷新数据就可以重新执行上一页的onLoad方法1.getCurrentPages()获取当前页面的页面栈，是个数组2.pages[pages.length-1]，为当前页。pages[pages.length-2]为上一页3.letbeforePage=pages[pages.length-2],将上一页赋值给befo
lsklike·2024-01-13 04:58

uni-app获取上层路由的方法

;//获取页面varbeforePage=pages[pages.length-2];//上个页面调上个页面方法//#ifdefH5beforePage.submitAct()//#endif但是，在uni-app
樱花依旧如初·2024-01-13 04:27

解决uni-app小程序获取路由及路由参数

代码：this.id=this.$route.query.id;错误信息：解决方案：//获取query对象//#ifdefH5this.id=this.$route
Kingsaj·2024-01-13 04:57

#Uniapp：页面的生命周期

uni-app页面的生命周期函数名说明平台差异说明最低版本onInit监听页面初始化，其参数同onLoad参数，为上个页面传递的数据，参数类型为Object（用于页面传参），触发时机早于onLoad百度小程序
前端xiaolibao·2024-01-13 01:23

CSS 中的伪装大师：伪类和伪元素的奇妙世界

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

WXUI 基于uni-app x开发的高性能混合UI库

uni-appx，是下一代uni-app，是一个跨平台应用开发引擎。uni-appx没有使用js和webview，它基于uts语言。
喵十一点半·2024-01-12 12:02

uni-app中实现音乐播放器

uni-app中实现音乐播放器1、主要利用的是uni-app中提供的uni.createInnerAudioContext()来进行实现；2、代码示例（1）主页面代码展示{{musicDetail.bsmb002
琴～～·2024-01-12 11:38

uni-app中实现元素拖动

uni-app中实现元素拖动1、代码示例exportdefault{name:"music-icon",props:{musicDetail:{type:Object,default:{}}},data
琴～～·2024-01-12 11:08
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他