uni-app开发笔记

探秘Vue 3：watchEffect与watch选项的差异

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

uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成“uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/
王佳斌·2024-08-24 11:05

uniapp中switch和select组件阻止chane事件冒泡的方法

在uni-app中，‌处理事件冒泡通常使用.stop修饰符来阻止事件冒泡。‌如果你想要在使用switch或select组件时阻止change事件冒泡，‌你可以在模板绑定事件时添加.stop修饰符。‌
phpgolife·2024-08-24 04:42

uni-app 如何开发多平台小程序

Uni-app是一个使用Vue.js语法开发跨平台应用的前端框架，可以一次性编写代码并发布到多个平台，包括小程序（如微信小程序、支付宝小程序、百度小程序等）、H5、App（iOS和Android）等。
梨园猫·2024-08-23 16:25

【uni-app】uni-app官方自带图标的使用方法

1、图标地址：https://hellouniapp.dcloud.net.cn/pages/extUI/icons/icons2、图标用法icon|uni-app官网3、实例返回
敦厚的曹操·2024-08-23 06:55

前端Vue自定义询问弹框和输入弹框

前端Vue自定义询问弹框和输入弹框，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?
前端组件分享·2024-08-22 21:50

uni-app解决在qq和微信浏览器两个标题情况

在main.js中配置以下代码就可以解决Vue.mixin({mounted(){//#ifdefH5if(this.isWeiXinBrowser()||this.isQQBrowser()){this.navTitle()}//#endif},methods:{//#ifdefH5isWeiXinBrowser(){letua=navigator.userAgent.toLowerCase()
_当时只道是寻常·2024-08-22 17:39

适合编程初学者的开源云笔记系统（NodeJS版）

左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app。
蓝不蓝编程·2024-08-22 06:45

如何学好uni-app

学习uni-app需要掌握以下技能：1.前端基础：熟悉HTML、CSS和JavaScript等前端开发技术，了解基本的前端框架如Vue.js。
梨园猫·2024-08-21 23:50

uni-app实现 步骤条

实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st
夏夏的码农·2024-03-29 12:47

【鸿蒙HarmonyOS开发笔记】ArkUI常用组件介绍汇总（更新中）

概述此文总结开发中用到的一些常用组件，便于查阅，此文持续更新，闲的没事就更线性布局（Row/Column）不多介绍了，最常用的布局组件，两者除了方向不一样，别的都一样方便起见下面只写Column常用属性排列方向上的间距：spaceColumn({space:20}){Row().width('90%').height(50).backgroundColor(0xF5DEB3)Row().width
温、·2024-03-29 05:06

uni-app微信小程序上拉加载，下拉刷新

pages.json配置官网链接onPullDownRefresh、onReachBottom函数跟生命周期同级data(){return{orderList:[],total:null,//总共多少条数据page:1,pageSize:10,}},onLoad(){},mounted(){this.getInfo()},methods:{getInfo(){API.getListxxx().th
Min_nna·2024-03-17 02:05

Uni-app开发Canvas当子组件示例，点点绘制图形

前言使用Uni-app实现封装一个Canvas渲染的子组件，实现通过传入两点绘制一条完整的路程具体逻辑看我发的后端和数据库设计C#根据两点名称，寻找两短路程的最优解，【有数据库设计，完整代码】即使不了解具体逻辑
他在时间门外·2024-03-15 14:45

轻量且强大的 uni-app http 网络库

anyupdesign一个基于promise的，轻量且强大的http网络库文档网站简介基于promise的uni.request，轻量且强大的http网络库：提供统一的PromiseAPI。浏览器环境下，轻量且非常轻量。基于uni.request，支持多种运行环境。支持请求／响应拦截器。自动转换JSON数据。支持批量生成API请求，简化代码量99%，一行代码搞定安装//安装npminstall@a
小铭、同学·2024-03-14 02:24

Vue项目中使用Mock.js进行API模拟

技能清单编程语言：Java、C、C++、Python、Go、前端技术：Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术
洛可可白·2024-03-12 19:10

uni-app，app下载文件到自定义文件夹中，为了方便使用者快速找到下载到手机的文件

html给一个点击事件'clickOk()'{{item.original||'未填写手册名称'}}js这里我的app和H5用的是两个方法，app的下载方法是自定义下载路径，H5是用的uni官方方法，下载路径不可以指定位置clickOk(item){//#ifdefAPP-PLUS//本地路径开头使用file://，跟上手机文件本地目录storage/emulated/0，//后缀是用于文件命名和
泡芙小姨·2024-03-03 16:36

uniapp中使用WebSocket

在uni-app中，uni.connectSocket方法用于建立WebSocket连接，但它并不提供onOpen、onMessage、onClose和onError这样的方法作为回调函数。
全栈^_^小菜鸟·2024-03-03 11:00

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

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

WordPress 小程序「星宿UI」基于 uni-app 多端开源优化版

一款基于WordPress后台的资讯资源下载小程序，独具一色的UI非常好看，独立PHP接口。下载地址：优化版.zip
技术服务团队·2024-02-28 15:58

【uni-app】自定义组件和通信

（1）自定义组件概念组件是vue技术中非常重要的部分，组件使得与ui相关的轮子可以方便的制造和共享，进而使得vue使用者的开发效率大幅提升，在项目的component目录下存放组件，uni-app只支持
小秀_heo·2024-02-27 02:10

uni-app 实现拍照后给照片加水印功能

遇到个需求需要实现，研究了一下后写了个demo本质上就是把拍完照后的照片放到canvas里，然后加上水印样式然后再重新生成一张图片代码如下，看注释即可~使用的话记得还是得优化下代码测试按钮exportdefault{data(){return{canvasWidth:300,canvasHeight:150,}},methods:{handlePhotoAndWatermask(){//调用拍照功
前端码农小黄·2024-02-26 10:53

uni-app中组件和样式的使用

文章目录概要二.组件和样式1.常见内置组件2.样式导入3.背景图片的导入4.字体图标5.uni-ui外部组件--安装uni-ui--重写组件样式小结概要本文主要介绍uni-app中组件和样式的使用二.组件和样式
CssHero·2024-02-24 01:17

uni-pp(一)什么是uni-pp

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）
AlanGe·2024-02-23 11:12

微信开发笔记

一、申请成为开发者条件是有对外的服务器并启用提供微信服务的web服务，目前只支持80端口登录微信公众号，填以下的信息并提交给你的服务器认证，认证成功后就成为开发者这里的Token要与你的服务器中Token一致服务器上发布的网站,把处理文件（.ashx）设为默认文件，并发布在80端口,处理文件内容如下：usingSystem;usingSystem.Web;usingSystem.Web.Secur
ganyuanmen·2024-02-20 19:02

uni-app和Vue.js有什么区别？

在当今的前端开发领域，uni-app和Vue.js都是非常热门的技术。很多开发者经常在选择时感到困惑。今天铁蛋这篇文章讲和大家探讨这两者的区别，帮助各位在开发路上做出明智的选择。
·2024-02-20 16:11

阿基米德签证小程序管理系统功能清单

底层架构采用当前国内最流行的php框架thinkphp8.0、采用广泛使用的MYSQL数据库，管理后台前后台分离，同时使用了当今最流行的基于VUE3和elementPlus前端框架，小程序采用了支持多端合一的UNI-APP
旅行社saas·2024-02-20 13:36

Uni-App《》

1.什么是UniApp？它有什么特点？UniApp是一个基于Vue.js的跨平台应用开发框架，可以使用Vue.js的开发语法编写一次代码，然后通过编译生成可以在多个平台（包括iOS、Android、H5等）上运行的应用。UniApp具有以下特点：跨平台：开发者可以使用相同的代码基底构建多个平台的应用，避免了针对不同平台的重复开发。高性能：UniApp在运行时使用原生渲染技术，具有接近原生应用的性能
qq_40055200·2024-02-20 13:40

uni-app学习：真机调试

感觉某些文章的步骤写得不是非常完整，新手看可能会感觉很迷糊，故写此文，对一些知识进行整合与完善，帮助他人，这种文章以后我可能会写很多，我感觉很有意义。需要用可以进行文件传输的USB线把自己的手机和电脑进行连接。然后，手机要进入开发者模式。小米（Mi）红米（Redmi）Note11T5G小米（Mi）红米（Redmi）Note11T5G如何打开“开发者选项”和“USB调试”图文教程刷机解锁小米手机开发
诗书画唱·2024-02-20 10:13

uni-app判断不同端

大家好，今天给大家分享的知识是在uni-app中如何区分是在什么端操作的程序话不多说直接上代码：//#ifdefAPP-PLUSAPP端//#endif//#ifdefH5H5端//#endif//#ifdefMP
勤劳的小王‍·2024-02-20 10:35

前端开发常用技巧（update...）

前端开发常用技巧JS1、JavaScript删除子节点的方法2、JS动态生成div并添加点击事件CSS1、文本溢出处理2、使用伪类添加下划线3、使用伪类添加下划线下划线居中4、输入框默认字体颜色5、CSS画梯形6、uni-app
一只程序猿小白·2024-02-20 06:19

uni-app使用uni.$emit()和uni.$on()传值后列表页面不渲染

  场景描述：  有两个页面，列表页A和详细页B；打开列表页A，再打开详细页B；  对详细页B编辑数据（如姓名），提交保存，返回列表页A，预期看到列表页A的数据已更新、页面已渲染；  遇到的问题：列表页A的数据已更新、页面未渲染。  发现问题：更新数组元素数组[索引]=元素;  解决方法：更新数组元素要用.splice(索引,数量,元素);  详细页B的代码：onUnload(){uni.$emi
飞蛾逐月·2024-02-20 05:38

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他