移动端开发
-
阅读全文小程序跳转h5页面的若干问题
1.小程序中如何内嵌（跳转）h5网页 使用web-view组件，该组件会自动铺满小程序页面。（注意：客户端 6.7.2 版本开始，navigationStyle: custom 对 web-view 组件无效） 如下图所示代码： 2.小程序本地如何调试h5网页，不是会校验域名吗？ 那首先，本地开发，需要启动好h5网页的服务。然后，在微信开发者工具里 =》详情=》本地设置中，将“不校验合法域名”的配置勾选上。如下图： 那么，本地开发，在微信开发者工具里，如何调试h5网页呢？ 如下图：点击 部署上2024-11-07 -
阅读全文
-
阅读全文【微信小程序】webview不支持打开非业务域名
webview标签是一个内置组件，用途：承载网页的容器。会自动铺满整个小程序页面。 谨记：个人类型的小程序暂不支持使用。并且打开的链接必须是https开头的，否则还是会报错。 当你写好代码之后准备测试跳转的时候BUG出来了，它会提示你无法打开如下图 此时你只需要进入微信公众平台 然后找到一个业务域名的配置区域就可以了，配置好域名之后你就可以，打开你要跳转的H5页面链接了。对了跳转的时候有可能会有参数和你需要新添加的参数，所以需要加密也和解密一下URL里面的参数。 加密方法： _url =2024-11-07 -
阅读全文小程序中canvas半圆统计
HTML代码 <canvas id="myCanvas{{index}}" canvas-id="myCanvas{{index}}" class="progress-canvas"></canvas> CSS代码 .progress-canvas {width: 150rpx; height: 150rpx; position: absolute; top: -50rpx; right: -10rpx;} js代码 const query = that.createSelectorQuery(2024-11-07 -
阅读全文【小程序开发技巧】input框保持focus状态
最近在做一个小程序，用到了即时通讯框架，于是着手撸一个界面 属性名类型默认值说明focusBooleanfalse获取焦点 假如我点击了按钮，然后再给input框的focus属性赋值true的话，不就可以了？ 啪啦啪啦写完实现，真机调试！ 什么鬼，这键盘蹦跶的，是要瞎了用户眼吗？ 没法了，只好网上找解决方案。 前面废话说完了，重头戏来了~ 网上找到的基本上都是跟我的解决方案一样？？？？ 冥思苦想，然后想到了一个奇葩的解决方法，各位如果有啥建议就说说哈~ 将< button>放到< input2024-11-07 -
阅读全文
前端开发笔记（3）css基础（中）
上一篇中我们学习了html的标准文档流，下面我们先来看看如何脱离标准流。 脱离标准流 css中一共有三种方法脱离标准流 浮动绝对定位固定定位 浮动 我们要搞清楚什么是浮动，先来看一个标准文档流的例子 <style type="text/css"> div{ width:100px; height:100px; margin:10px; border:1px solid red; } </style> <body>2024-11-07 -
阅读全文uni-app实现列表的上拉加载，下拉刷新、回到顶部功能
在使用uni-app做app和小程序时，经常会遇到一些列表，这个时候就需要列表能够实现上拉加载更多、下拉刷新的功能，具体效果如下： HTML部分 // 活动列表 <view class="activityList"> // 每一项活动（可替换） <view class="activityItem" v-for="(item,index) in activeList" :key='index'> <view class="top"> <view class="user">2024-11-07 -
阅读全文直播疑难杂症排查（2） — 播放卡顿
本文是 系列的第二篇文章，我们主要分析下如何排查播放卡顿问题。 1. 播放卡顿的表现 播放卡顿的表现总结下来包括但不限于以下这些： - 频繁出现缓冲 - 播放不够流畅，画面一卡一卡的 2. 常见播放卡顿问题排查 从代码层面来看，什么是卡顿？其实是指播放器渲染的帧率太低，比如：1s 显示 3～5 帧，或者渲染完一帧后，过很久才渲染下一帧。 因此，我们需要排查，是什么原因导致了播放器无法流畅地渲染数据，通常可能有如下几大类： - 网络带宽不足 - 播放设备性能不足 - 视频流时间戳问题2024-11-07 -
阅读全文微信小程序入门踩坑系列（一）微信小程序获取接口数据保存到appdata中
微信小程序获取接口数据保存到appdata中 获取API的数据到appdata 1.大家才学微信小程序的时候难免遇到很多问题虽然官方给出了开发者文档，但很多人还是会选择百度问题的解决方法，接下来我会写我在小程序开发过程中遇到的坑以及我的解决方法 如何获取后台数据并显示在微信小程序页面 // page里先只留data和onload Page({ data: { foodList:[],//创建一个空数组接受数据
阅读全文微信小程序期末大作业-简单日记微信小程序（附下载链接）
微信小程序期末大作业-简单日记小程序 微信小程序期末大作业，很简单的一个小程序，初学者可以学习学习，代码有注释，代码量也不多，二次开发比较简单，导入即可使用。 页面展示如下： <!-- dairy.wxml --> <!-- 单条内容 --> <template name="content-item"> <block wx:if="{{content.type == 'TEXT'}}"> <view style="margin-top:30rpx"> <text w2024-11-07