UNI-APP开发笔记

Uniapp uni-app学习与快速上手

Uniapp是一种基于Vue.js的跨平台开发框架，它可以帮助开发者使用一套代码同时构建iOS、Android、H5等多个平台的应用程序。Uniapp具有以下特点：跨平台开发：使用Uniapp可以使用一套代码开发多个平台的应用程序，大大减少了开发成本和工作量。基于Vue.js：Uniapp采用了Vue.js作为其核心框架，开发者可以使用熟悉的Vue语法进行开发。支持原生能力：Uniapp提供了丰富
元芳Q代码·2024-02-20 04:00

uni-app页面中连接数据库，并进行更改和查找操作

连接数据库只能使用后台语言，我是用javaweb中的servlet文件，上传到tomcat服务器中，就会生成一个url地址，在前端就能用该url地址访问数据库的内容。packagecom.servlet.cqust;importjava.io.IOException;importjava.io.PrintWriter;importjava.sql.*;importjavax.servlet.Ser
CQUST-XMY·2024-02-19 22:59

uni-app基础知识笔记

uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定uni-app的生命周期组件的使用uni-app中样式学习在uni-app中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯
安静宅男爱蓝猫·2024-02-19 21:24

Uni-App从入门到实战

uinapp总结文章目录uinapp总结前言一、创建项目二、项目结构三、在pages.json中配置文件1.全局配置globalstyle2.page常用3.tab常用4.启动模式condition四、组件1.内置组件uniapp组件视图容器view===>divscroll-view滚动标签必须给该标签设置宽或高swiperswiper-item轮播图标签基础内容text===>spanicon
小白入道·2024-02-19 21:53

uniapp富文本文字长按选中（用于复制，兼容H5、APP、小程序三端）

1.查看u-parse源码发现小程序走到以下逻辑：（没有传入selectable属性，需要将selectable传入trees组件）改造前：改造后：2.进入trees组件，找到富文本展示逻辑，发现使用uni-app
王哈哈的学习笔记·2024-02-19 21:18

uni-app 手势事件解析，uni点击方法

官方的文档没有解释手势事件。只有一些方法，列举出来方便使用：@click组件被点击@longpress长按（手指触摸超过350ms）@longtap长按@tap点击@touchcancel手指触摸被打断，如来电提醒，弹窗@touchend手指触摸动作结束，如松开按钮@touchmove手指触摸后移动@touchstart手指触摸动作开始
记录学习生活·2024-02-19 16:19

OpenAI ChatGPT-4开发笔记2024-08：windows本地环境下载Llama 2

Step1:AskforpermissiononMeta’swebsiteTobeabletodownloadthemodel,youfirstneedtoagreetosometermsandconditionsfromMeta.Youcangotothislink,thenpressDownloadthemodel,thenyouwillbetakentoaformwhereyouhaveto
aiXpert·2024-02-19 14:30

uni-app引入Vant 下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效

解决办法：打开vant源码找到对应字段进行修改，这里以dropdown为例：找到wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter和after-leave这两个事件，并改为驼峰命名：afterEnter和afterLeave即可！有遇到问题的小伙伴可以去试一试，看下是否能够解决！
Florenza·2024-02-19 14:25

UNI-APP打包H5出现API `request` is not yet implemented

HBuilderX取消摇树勾选vscode取消treeshaking"h5":{"router":{"base":"/dist/dev/h5","mode":"hash"},"template":"h5.template.html","publicPath":"./","optimization":{"treeShaking":{"enable":false}}},
Florenza·2024-02-19 14:55

angular企业开发笔记

1组件相关1.1Angular中类的构造器小括号可以说是这个类在实例化是便加载的成员变量[注意，不是new一个对象需要传参！！]Ts构造器中所谓的参数严格意义上应该称为依赖，在小括号中注入，在大括号中进行逻辑处理1.2组件关系1.2.1父子组件如果一个组件的模板中以html标记的形式调用了另一个组件模板，那么被调用的组件(整个组件)就是子组件而调用者组件即为父组件1.2.2父子节点在父组件标记中包
你在卷吗·2024-02-19 13:15

uni-app介绍基本框架信息及简单实例

Uni-app是一种基于Vue.js的跨平台开发框架，由DCloud公司开发和维护。
2201_75957608·2024-02-19 12:44

uni-app自定义tabbar（van-tabbar）

main.vueimportsignupfrom'./signup/signup.vue'importtestfrom'./test.vue'importindexfrom'./index.vue'exportdefault{components:{signup,test,index},data(){return{currentIndex:0}},methods:{changeItem(item)
白云远去·2024-02-19 11:44

uniapp中打开蓝牙需要哪些权限

获取权限步骤：在uni-app项目的manifest.json文件中，添加以下权限声明："permissions":{"bluetooth":{"description":"用于蓝牙连接"},"locat
前端fighter·2024-02-19 11:40

uni-app使用uView打开弹出层后输入框聚焦时placeholder错位问题

这里就不放效果了，大概意思就是在使用uView的popus时，在底部弹出后，如果弹窗中的输入框会造成一瞬间的placeholder文字错位，这个问题的主要是因为uView安全区适配导致uView相关文档https://www.uviewui.com/components/safeAreaInset.htmlpopus源码它会自动判断在并且在IPhoneX等机型的时候，给元素加上一个适当底部内边距，
PENG越·2024-02-19 11:09

【Uniapp uni-app学习与快速上手——详细讲解】

Uniappuni-app学习与快速上手——详细讲解1.介绍2.Uni-app学习资源3.快速上手4.开始第一个项目5.调试和发布1.介绍Uni-app是一个使用Vue.js编写多端应用的前端框架。
程序员不想YY啊·2024-02-15 05:17

uni-app 转APP 使用

调用第三方微信登录appLogin:function(){vart=this;uni.getProvider({service:'oauth',success(res){if(~res.provider.indexOf('weixin')){uni.login({provider:'weixin',success(res){uni.getUserInfo({provider:'weixin',su
程序媛123·2024-02-15 03:41

uni-app生命周期 不说废话，直击重点 这篇就够了！

一、生命周期说明uni-app的生命周期分为应用生命周期、页面生命周期、组件生命周期（Vue的生命周期）二、应用生命周期应用生命周期函数表：函数名说明onLaunch初始化完成时触发（全局只触发一次）onShow
碎像·2024-02-14 23:50

uni-app 不支持css中的*全选选择器解决方法

在小程序和App平台是不允许使用通配选择器的但是有其他解决方法:原始样式：*{box-sizing:border-box}替代样式：:not(not){box-sizing:border-box}
Bior·2024-02-14 21:53

前端工程化面试题 | 05.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:19

前端工程化面试题 | 06.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:19

前端工程化面试题 | 07.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:19

前端工程化面试题 | 08.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:18

微信小程序开发学习笔记《16》uni-app框架

微信小程序开发学习笔记《16》uni-app框架博主正在学习微信小程序开发，希望记录自己学习过程同时与广大网友共同学习讨论。
tutgxuzyj·2024-02-14 15:05

微信小程序开发学习笔记《17》uni-app框架-tabBar

微信小程序开发学习笔记《17》uni-app框架-tabBar博主正在学习微信小程序开发，希望记录自己学习过程同时与广大网友共同学习讨论。
tutgxuzyj·2024-02-14 15:35

uniapp API文档地址 以及 HBuilder安装

uniappAPI文档地址以及HBuilder安装一、进入当前网站uni-app官网[uni-app](https://zh.uniapp.dcloud.io/quickstart-hx.html)二、
Daniel·M·2024-02-14 10:37

uni-app 实现全局变量的方式

在uni-app项目根目录下创建common目录，然后在common目录下新建utils.js用于定义公用的方法。
can2014ky·2024-02-13 23:48

uni-app 动态绑定class 和 style

//绑定单个内联样式//绑定单个class属性//数组的方式，直接绑定多个class属性//绑定多个class属性//data中声明:class="classObject"data(){return{classObject:{active:true,sort:false}}}//第三种（使用computed属性）:class="classObject"data(){return{isActive:
秀萝卜·2024-02-13 17:08

鸿蒙开发笔记(三):页面和自定义组件生命周期

先明确自定义组件和页面的关系：自定义组件：@Component装饰的UI单元，可以组合多个系统组件实现UI的复用。页面：即应用的UI页面。可以由一个或者多个自定义组件组成，@Entry装饰的自定义组件为页面的入口组件，即页面的根节点，一个页面有且仅能有一个@Entry。只有被@Entry装饰的组件才可以调用页面的生命周期。页面生命周期，即被@Entry装饰的组件生命周期，提供以下生命周期接口：on
ZWaruler·2024-02-13 12:55

uniapp禁止截屏录屏/投屏功能（adb投放失效）

经过测试代码写在App.vue会失效,请写在符合逻辑的界面uni-app实现安卓防截屏在uniapp中实现要在App中全局禁止截屏，那么可以在App.vue中调用如果想要某个页面防截屏就在某个页面调用，
王家视频教程图书馆·2024-02-13 10:27

uni-app开发的小程序项目，给新手安装的教程

1.在git仓，添加git项目权限2.下载git项目到本地，切换到正确的版本号3.安装HbuilderX软件，导入【项目目录】4.先运行，会自动提示安装2个插件，比如less等5.安装友盟插件，需要npm（如果没有nodejs，需要提前安装）（如果第一次执行报错，先npminit再npminstall）6.安装微信开发者工具7.第一次主动登录微信开发者工具，（设置》安全设置》服务》打开服务）8.在
不负好时光·2024-02-12 23:15

uni-app获取用户信息

申请获取以下权限获得你的公开信息(昵称，头像、地区等)授权登录exportdefault{data(){return{};},methods:{wxGetUserInfo(){varurl=this.Global.urluni.login({success:res=>{varcode=res.code;console.log(code);uni.getUserInfo({success:res=>
秋池_70b5·2024-02-12 22:52

uni-app 埋坑

1.页面上的onLoad方法是可以起作用的，但是组件中的onLoad方法没有执行uni-app支持的页面生命周期函数是包含onLoad的，但是在组件中并不能使用页面生命周期函数，所以将onLoad换成mounted
把我推进深海的你真善良·2024-02-12 21:28

Web开发笔记

html部分web的标准构成：结构（html）、表现（css）、行为（js）文档声明标签-都是的缩写，独占一行或加粗或倾斜或删除线或下划线是一个盒子，自己独占一行（大盒子）可以多个放在一行（小盒子）alt属性：图片显示不出来的时候出现的文本title属性：鼠标经过图片时候显示的文本链接分类：1.外部链接www.baidu.com2.内部链接index.htmltarget属性：_self在当前页面
早睡早起身体好_被注册了·2024-02-12 07:07

uni-app 使用vite.config.js

import{defineConfig}from'vite'importunifrom'@dcloudio/vite-plugin-uni'//一定要用这个，不然运行会报错import{resolve}from'path'importVueSetupExtendfrom'vite-plugin-vue-setup-extend'//scriptsetup标签上可以写组件名称namefunction
weixin_43160044·2024-02-11 20:41

[第二章—Spring MVC的高级技术] 2.3 处理异常

各位小猿，程序员小猿开发笔记，希望大家共同进步。引言异常处理方式：我是谁——异常处理。
·2024-02-11 18:17

Django 后端获取uni-app上传的图片并保存

问题：前端是uni-app，后端是django。
wy-my·2024-02-11 06:08

前端工程化面试题 | 03.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:38

前端工程化面试题 | 02.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:08

前端工程化面试题 | 01.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:07

前端工程化面试题 | 04.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:37

过渡效果的艺术：CSS transition 让网页交互更平滑（上）

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2024-02-11 03:02

2020-11-16 uni-app tabbar底部导航配置

先增加三个页面image.png修改page.json文件，增加pagestabBar{"pages":[{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-ui基础项目"}},{"path":"pages/owner/owner","style":{"navigationBarTitleText":"","enab
澄澄真可爱·2024-02-10 22:16

uni-app字体图标的一些问题

1.iconfont组件使用iconfont.css中如果使用iconfotn的线上字体注意一定要添加http,要不然图标无法正常显示现在部署时iconfont引入的ttf文件可以转成base64格式,优化图标载入速度;转base64的工具可使用https://www.giftofspeed.com/base64-encoder/,具体引入格式如下//iconfont.css@font-face{
JumpChen·2024-02-10 22:13

Uniapp（uni-app）学习与快速上手教程

Uniapp（uni-app）学习与快速上手教程1.简介Uniapp是一个跨平台的前端框架，允许您使用Vue.js语法开发小程序、H5、安卓和iOS应用。下面是快速上手的步骤。
清水白石008·2024-02-10 20:52

UNI-APP 一些常用方法

module.exports={//判断是IOS还是安卓getPhoneType(){vartype='other'switch(uni.getSystemInfoSync().platform){case'android':type='android'break;case'ios':type='ios'break;default:break;}returntype},//处理手机号码中间四位ph
开飞机的杰瑞·2024-02-10 18:15

uni-app开发ios端滑动体验差页面禁止回弹

iOS端由于存在bounce效果，滑动体验略差，建议禁止bounce效果，禁止方式如下：{"path":"swipe-action/swipe-action","style":{"navigationBarTitleText":"TitleText","disableScroll":true,"app-plus":{"bounce":"none"},}}
卡_ec46·2024-02-10 18:31

uni-app x，一个纯原生的Android App开发工具

uni-appx，下一代uni-app，一个神奇的产品。用vue语法、uni的组件、api，以及uts语言，编译出了kotlin的app。不再使用js引擎和webview。
近咫／＼ぃ天涯·2024-02-10 12:21

uni-app项目中引入Vant UI组件库（完美避坑！！！）纯净版

文章目录第一步，HBuilderX中新建一个uni-app的项目第二步，HBuilderX提示项目创建成功，在HBuilderX用命令行窗口打开创建的项目（或直接在创建的项目文件夹内用cmd指令打开）第三步
我也想做全栈一霸！·2024-02-10 10:48

uni-app中v-html绑定的富文本怎么修改里面图片的大小

在后台传入的富文本文件读取的时候加入.replace(/\<img/gi,'<imgstyle="max-width:100%;height:auto"')
小灰灰_Demo·2024-02-10 08:35

uniapp数据缓存（存储/获取/移除/清空）

在uni-app中，可以使用uni.setStorageSync和uni.getStorageSync来进行数据的存储和获取。
愚公搬程序·2024-02-10 04:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他