uniapp移动端

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius:12rpx;}}}}}在公共样式加入
总萌大人·2024-08-23 05:52

2024年uniapp实现搜索功能详细步骤【前端开发】(1)，前端面试 性能优化

最后今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以
2401_84617302·2024-08-22 23:12

2024年最新移动端 webapp meta小结，大厂首发

前端资料汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。首先，技术面试是一个认识自己的过程，知道自己和外面世界的差距。更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没
2401_84617302·2024-08-22 23:42

uniapp上传图片跨域报错解决方案

项目场景：用uniapp做图片上传的时候出现了跨域问题前端：uniapp后端：thinkphp问题描述AccesstoXMLHttpRequestat'xxxx'fromorigin'http://localhost
Champagne_7·2024-08-22 09:52

VUE 页面禁止缩放（华为平板浏览器可能失效）

h5页面移动端禁止缩放、web页面禁止浏览器缩放移动端优先，可禁止用户缩放和双击放大；在App.vue中的script内的方法里加入以下代码：window.onload=function(){document.addEventListener
唐屁屁儿·2024-03-29 00:59

uniapp 开发微信小程序 出现启用组件按需注入问题如何解决

问题描述在使用uniapp开发微信小程序，进行上架发布时代码质量栏出现启用组件按需注入问题。虽然现实代码上传成功，但是作为一个吹毛求疵的老猿人，肯定是无法容忍的。那么如何解决呢？
古猿写代码·2024-03-25 17:06

uniapp 使用mqtt后真机调试白屏？或者 WebSocket || WS is not a constructor

1.都说高版本mqtt不稳定，所有安装3.0的吧npmimqtt@32.把连接替换成功这个代码//#ifdefH5console.log('h5')client=mqtt.connect(`ws://120.25.155.46:8083/mqtt`,options)//#endif//#ifdefAPP-PLUSconsole.log('app')client=mqtt.connect(`wx:/
xiaoli_qidian·2024-03-25 08:55

关于uniapp上使用websocket在H5能用，在真机不能用的问题

不要用本地电脑开的websocket来连接，真机（手机端）连不到本地websocket。uni.connectSocket({url:'ws://localhost:3000/chat'});解决办法：部署到服务器上面，用一个公网的websocket地址，真机上面可以正常使用。部署到服务器的时候记得开放3000端口，不然也不行。uni.connectSocket({url:'ws://8.13X.
木公176·2024-03-25 08:54

在微信小程序中使用微信支付功能

相关配置部分不在多说：下面只看代码逻辑部分：constthat=this;//调用uniappAPIuni.getProvider获取服务供应商uni.getProvider({/*获取服务类型，可选值如下
数字浪儿·2024-03-24 19:08

uniapp：wx.switchTab: url 不支持 queryString

场景：从首页跳到列表页,并将参数传过去，用于搜索，而首页和列表页都是tabbar页面，添加query参数时无法获取，也⚠️；怎么办？方案一：vuex方案二：pinia上面两种代码自行处理，下面提供一种更为简单的方案方案三：使用ref或是reative配合watchEffect【推荐】在相同目录创建一个data.ts/***搜索参数*/exportconstparams=reactive({city
你的代码我的心·2024-03-24 19:37

uniapp 实现双击点赞出现特效

更新一下老板改了需求要加上特效1.创建点赞按钮首先，在你的页面中创建一个点赞按钮全局点赞的话就写在最外面的标签就行了。你可以使用组件或者自定义一个视图组件。点赞这里我们使用了@click事件监听器来监听按钮的点击事件，并且使用了:class绑定来根据isDoubleTap的值改变按钮的样式（可选）。showHeart用于控制小心心的显示与隐藏。2.实现双击检测在JavaScript部分，你需要实现
全栈^_^小菜鸟·2024-03-18 05:41

uniapp app跳转微信小程序

plus.share.getServices((s)=>{letsweixin={};for(leti=0;i
风中凌乱的L·2024-03-17 23:04

uniapp实现点击标签文本域中显示标签内容

先上一个效果图实现的效果有：①.点击标签时，标签改变颜色并处于可删除状态②.切换标签，文本域中出现标签的内容③.点击标签右上角的删除可删掉标签，同时清除文本域中标签的内容④.可输入内容，切换时不影响输入的内容使用的是uniapp
佩淇呢·2024-03-17 18:27

用uniapp开发手机app，发现不支持dom操作

用uniapp开发手机app，使用了uview组件，其中的不支持给label旁边放个红星号，尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.
吉星9527ABC·2024-03-17 18:27

uniapp手机号一键登录

uniapp手机号一键登录，先写个button手机号一键登录先在onload钩子获取临时code码onLoad(){uni.login({provider:'weixin',success:(res)=
藤原拓海_别天神·2024-03-17 02:35

uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“

uniapp开发出现这个ErrorinonLoadhook:“SyntaxError:UnexpectedendofJSONinput“,这个问题如何解决。
古猿写代码·2024-03-16 14:21

uniapp小程序上传oss

uniapp上传小程序代码importcryptofrom'crypto-js';import{Base64}from'js-base64/base64.js';//计算oss签名。
Tanjc518·2024-03-16 07:09

悬浮工具球（仿 iphone 辅助触控）

悬浮工具球（仿iphone辅助触控）兼容移动端touch事件点击元素以外位置收起解决鼠标抬起触发元素的点击事件问题DemoGithub{{index+1}}//创建一个全局的点击事件处理函数consthandleClickOutside
liuzhenghe30265·2024-03-13 04:53

移动端适配方案 postcss-px-to-viewport

安装npminstallpostcss-px-to-viewport--save-dev或yarnadd-Dpostcss-px-to-viewport根目录下新建postcss.config.js文件module.exports={plugins:{autoprefixer:{},'postcss-px-to-viewport':{viewportWidth:750,//视窗的宽度，对应的是我们
有没有认真工作·2024-03-12 21:43

[Uniapp]携带参数跳转界面（两种方法）

一、方法1：路由携参假设现在有两个界面：界面A和界面B。并要由界面A跳转到界面B，则我们可以使用uni.navigateTo({})跳转界面时，将参数附加在URL后，并在B界面的onLoad()获取到这个参数界面A的代码exportdefault{data(){return{paramPageA:[],//在A界面中定义的变量,一会要传送给界面B}},methods:{onGo(){uni.req
零叁三·2024-03-11 01:56

uniapp 开发app，如何使用模拟器

1、开发app，设置模拟器（uniapp如何设置模拟器）https://blog.csdn.net/sweetsoft/article/details/1307271692、运行到模拟器注意：1、模拟器所在的位置
大浪淘沙1024·2024-03-08 13:38

uniapp+node.js前后端做帖子模块：查看帖子（获取帖子详情以及对应的帖子评论列表）（社区管理平台的小程序）

目录0前提1.一些准备1.1表帖子表post帖子评论表postComment1.2总体思路2.前端3.后端点赞，你的认可是我创作的动力！⭐️收藏，你的青睐是我努力的方向！✏️评论，你的意见是我进步的财富！0前提温馨提示：我做的思路可能是复杂化了或者说代码写的不规范，如果你觉得可以更加简便的话欢迎分享到评论区或者自己改写一下我的代码，我的后端是写的很简单的没有什么路由分发是直接写的，你可以自由优化小
云边散步·2024-03-08 10:33

uniapp发行H5获取当前页面query

阅读uni的文档大致可得通过onLoad与onShow()的形参都能获取页面传递的参数，例如在开发时鼠标移动到方法上可以看到此方法的简短介绍实际这里说的是打开当前页面的参数，在小程序端的时候测试并无问题，但是发行到H5时首页加载会造成参数获取不到的问题。如果是子页面，其他页面跳转的话，在H5中是没问题的。在H5首页中获取参数，例如抖音的联调等业务，可以直接用原生window进行获取constque
PENG越·2024-03-08 06:28

uniapp获取顶部状态栏高度

...exportdefault{data(){return{//系统状态栏的高度systemBarHeight:0};},methods:{//获取系统栏高度getSysteminfo(){uni.getSystemInfo({success:res=>{console.log(res.statusBarHeight)this.systemBarHeight=res.statusBarHeigh
小政爱学习！·2024-03-08 06:58

uniApp h5解决Chrome跨域问题的最终方法

最近用Dcloud工具HBuilderX写了一个uniapp客户端项目，代码在HBuilder工具内运行没有问题，打包后放在androidapp和iosapp内运行也没有问题，唯有把h5链接地址放在chrome
kuanxu·2024-03-07 10:31

关于程序员如何选择职业赛道

在编程这个领域，有很多不同的方向和技术栈，例如前端开发、后端开发、移动端开发、数据分析等。每个方向都有不同的要求和发展前景，所以程序员应该首先确定自己的兴趣所在，再选择
猿小白klp·2024-03-05 23:20

uniapp之生成Android签名证书并云打包发布

uniapp之生成Android签名证书并云打包发布[图片上传失败...(image-3ec404-1677312555271)]泪滴在琴上关注IP属地:陕西
小李不小·2024-03-05 09:29

uniapp 地图行车轨迹

文章目录uniapp地图行车轨迹1、画地图2、切换地图中心点3、画路线4、轨迹移动5、标记点及自定义内容uniapp地图行车轨迹官网地图组件：https://uniapp.dcloud.net.cn/component
niceguyº·2024-03-04 20:14

uniapp中使用WebSocket

在uni-app中，uni.connectSocket方法用于建立WebSocket连接，但它并不提供onOpen、onMessage、onClose和onError这样的方法作为回调函数。相反，你应该使用uni.onSocketOpen、uni.onSocketMessage、uni.onSocketClose和uni.onSocketError这些全局事件来监听WebSocket的不同事件。连
全栈^_^小菜鸟·2024-03-03 11:00

uniapp的动态表单实现

目录1.说明2.示例3.总结1.说明①在formData中定义个数组变量用来接受同一个字段的多个结果。dynamicFormData:{email:'',//domains字段下会有多个结果domains:[]}②使用uni-forms-item的rules属性定义单个表单域的校验规则。...③name需要动态指定，动态表单推荐使用Array类型，内容从左到右为绑定值的调用链。['domains'
linab112·2024-03-03 10:29

animate.css动画初始状态隐藏

在使用animate.css会做移动端的css动画，PC端的结合jquery.fullpage.js就能做一个全屏滚动的企业网站，但初始状态下需要隐藏有动画的元素可以给animated类添加opacity
辣子_·2024-02-29 05:45

uniapp 小程序选择日期

uniapp小程序选择日期打开默认为当前时间{{date}}exportdefault{data(){constcurrentDate=this.getDate({format:true})return
weixin_47403101·2024-02-29 00:07

uniapp全局拦截401跳转到登录页

1.使用uniapp开发小程序时，有时候后端接口返回的状态码是401，也就是未登录状态，这时候我们需要拦截401并让它跳到登录页，但是在封装的请求中直接判断状态码为401时弹出uni.showModal
herry-弟弟·2024-02-28 21:05

uniapp解决首页点击返回（手机返回键）跳到登录页

**各位在使用uniapp写小程序的时候发现从登录页跳到首页后，在首页点击返回键(或是手机的物理返回键)会出现空白或是跳到了登录页***在这里我总结了两种解决方法1.第一种情况（也是最简单的一种解决方法
herry-弟弟·2024-02-28 21:04

UniApp微信小程序解决苹果手机上方刘海屏遮挡的方法

今天我要和大家分享一种解决苹果手机上方刘海屏遮挡的方法，特别适用于UniApp开发的微信小程序。如果你在开发过程中遇到了这个问题，不妨跟着我一起来看看如何解决吧！
·2024-02-28 20:06

移动端的禁止遮罩层下的内容滚动

移动端的禁止遮罩层下的内容滚动：这是通过vue实现的屏蔽touchmove事件而实现的。
喵整点薯条·2024-02-28 14:42

vue3+vite+vant移动端适配记录

1、根节点rem适配1.1、body需要设置一个默认的字体大小，可以设置为16pxbody{font-size:16px;height:100vh;}#app{max-width:750px;min-width:320px;overflow:hidden;min-height:100vh;margin:0auto;}1.2、动态设置根节点rem-->importloginfrom'./page/l
baidu_41921865·2024-02-28 09:19

【每日前端面经】2023-02-25

等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5/RN等应用多端适配怎么做固定布局（PC）window.screen分类加载CSS@media媒体查询vh+vw+rem百分比布局响应式布局移动端适配怎么做同上偏工程化如何做字体大小的适配通过媒体
糠帅傅蓝烧牛肉面·2024-02-26 06:47

js、uniapp、小程序隐藏手机号中间四位或部分身份证

在我们开发的时候，有时候对用户的安全需要特别的重视，比如用户的手机号，身份证号，姓名等相关信息，是不能直接让用户能直观的看全，这时候我们就需要编写功能隐藏这些信息的部分信息，比如隐藏手机号中间四位等我们就可以把这些功能封装在一起，需要的时候直接调用。隐藏手机号中间四位exportfunctionhidePhoneCenter(tel){varreg=/(\d{3})\d{4}(\d{4})/;va
灵魂清零·2024-02-26 02:41

uniapp 去掉h5导航（微信公众号去掉和h5保留）

在uniapp开发中遇到代码转成h5的需求，在微信公众号中不需要设置的导航栏，在其他h5中保留导航栏。
灵魂清零·2024-02-26 02:41

uniapp：APP端webview拦截H5页面跳转，华为市场发布需要限制webview的H5页面跳转

在使用uniapp开发APP项目时，华为市场上线APP会被打回来：您的应用内容存在点击跳转至第三方应用市场或游戏中心下载渠道的问题，不符合华为应用市场审核标准。
Mosowe·2024-02-25 22:04

uniapp中用户登录数据的存储方法探究

铁蛋通过科技手段帮大家收集整理了些知识，今天讲和大家探究在uniapp中如何存储用户登录的所有数据。用户登录数据是指用户在登录应用程序时所提供的信息，如用户名、密码、个人资料等。
·2024-02-25 20:16

uniapp-h5 禁止页面滚动，取消滚动

//禁止页面滑动stop(){varbox=function(e){passive:false;};document.body.style.overflow='hidden';document.addEventListener("touchmove",box,false);},//允许页面滑动move(){varbox=function(e){passive:false};document.bod
Rlm*·2024-02-25 17:28

uniapp插件uViewplus的使用（涉及TS下的问题）

在技术选型后最后定了使用有团队维护的uview-plus3.0,官方文档配置参考：https://juejin.cn/post/7169875753100640270ts配置参考：https://blog.csdn.net/m0_70027114/article/details/132957426引入在项目文件的pages.json中的"easycom".“custom”:添加如下"easycom
EmmaGuo2015·2024-02-25 02:40

wo-gradient-card是一款采用uniapp实现的透明辉光动画卡片

采用uniapp-vue3实现，透明辉光动画卡片，卡片内容包含标签、标题、副标题、图片支持H5、微信小程序（其他小程序未测试过，可自行尝试）可用于参考学习可到插件市场下载尝试：https://ext.dcloud.net.cn
狼性书生·2024-02-25 02:09

百度百科小程序源码 基于uniapp开发的zblog多端小程序开源源码

应用介绍本文来自：百度百科小程序源码基于uniapp开发的zblog多端小程序开源源码-源码1688简介：基于uniapp开发的zblog多端小程序开源源码，百度百科小程序源码下载。
qq_24610005·2024-02-25 01:38

uniapp上传文件到腾讯云

官方API地址javaScript_SDK下载cosnpmicos-js-sdk-v5--save生成签名获取secretId和secretKeyletcos=newCOS({SecretId:'*******************************',SecretKey:'******************************',})参考文章：腾讯云如何获取secretId和sec
宝子向前冲·2024-02-24 23:36

uview组件封装form表单后有关弹框的组件安卓部分机型不显示

环境背景介绍:使用uniapp开发小程序和app,uview版本是1.8.3,分别为ios端安卓端和小程序端封装了form表单组件,u-selectu-action-sheetu-picker等组件通过
阳光先做·2024-02-24 09:26

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

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

css+动画优化,css3动画性能优化--针对移动端卡顿问题

一、使用css，jquery，canvas制作动画1.Canvas优点：性能好，强大，支持多数浏览器(除了IE6、IE7、IE8)，画出来的图形可以直接保存为.png或者.jpg的图形；缺点：依赖于HTML，只能通过脚本绘制图形，没有实现动画的API(依靠事件和定时器更新)；由于在canvas上以编程方式显示的文本其实就是位图，因此搜索爬行器将完全忽略文本。文本内容也无法被屏幕阅读器识别。2.cs
影子的覆盖·2024-02-23 18:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他