移动端开发
-
针对常见的开发场景，方舟开发框架提炼了七种自适应布局能力，这些布局可以独立使用，也可多种布局叠加使用。 下面我们依次介绍这几种自适应布局能力。 拉伸能力 拉伸能力是指容器组件尺寸发生变化时，增加或减小的空间全部分配给容器组件内指定区域。 拉伸能力通常通过 Flex布局 中的flexGrow和flexShrink属性实现，flexGrow和flexShink属性常与flexBasis属性搭配使用，故将这三个属性放在一起介绍。 示例1 本示例中的页面由中间的内容区（包含一张图片）以及两侧的留白
2024-11-25 -
一. 单选题（共12题，60分） 1. (单选题) 有如下HTML代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul,li{ margin:0; padding:0;} .tab { width:240px;margin:50px;} .tab_menu {overflow: hidden;} .tab_menu li { float:lef
2024-11-25 -
scroll-view 组件：可滚动视图区域。用于区域滚动。需注意在webview渲染的页面中，区域滚动的性能不及页面滚动。 官方API： 自动滚动到高亮序号（scroll-view的scroll-into-view+对应id值） vue文件内容： dom: <scroll-view scroll-y :scroll-into-view="seqToView"> <view class="pop-scroll"> <view v-for="(item,
2024-11-25 -
微信小游戏在发布前，我们需要安装真机运行并且查看追踪其运行Log日志，以便查询排除隐藏的错误。那么如何通过微信开发者工具实现真机调试呢？ 1.点击微信开发工具的真机调试按钮，成功的话会生成二维码 2.手机登录微信扫描该二维码，实现在“手机上安装运行”，PC端会弹出真机调试的窗口
2024-11-25 -
微信小程序组件详解：bottom 和 image 组件的基本用法 引言 在微信小程序的开发过程中，组件的使用是构建用户界面的核心。bottom 和 image 组件作为小程序中常用的组件，分别用于实现底部导航和图片展示功能。本文将深入探讨这两个组件的基本用法、属性、事件处理以及实际应用示例，帮助开发者更好地掌握它们的使用技巧。 1. 认识 bottom 和 image 组件 1.1 bottom 组件 bottom 组件通常用于实现应用的底部导航功能。它可以包含多个按钮，用户可以通过点击这些按钮
2024-11-25 -
当下，随着人工智能技术的不断创新发展，各类AI系统已经成为了创新市场发展的重要力量，AI文案、AI数字人、AI视频等，为大众带来更加便捷的创作方式，AI成为了一个全新的风口，各种AI红利持续释放，市场发展前景巨大！ 目前，各类AI应用不断出现，在市场中大放异彩，其中AI数字人市场正在快速发展。本文将介绍AI数字人小程序的开发特点。 AI数字人小程序通过丰富的素材，打造各种逼真的数字人形象，能够模仿真人的状态还原出形态、动作等，不用出境就可以获得专属的数字人形象，满足用户的不同场景需求。 AI
2024-11-25 -
微信扫一扫二维码跳转指定的页面，而指定的页面获取二维码的url包括参数 在指定的页面.js 我们先以index来为列子吧 index.js onLoad: function(options) { console.log(options); //假如从微信扫一扫二维码跳转index页面会在这里打印二维码的url console.log(options.q); //这是二维码的url 啦 } 微信小程序点击按钮调用扫一扫 index.wxml <button data-ty
2024-11-25 -
flex-basis项目占据的主轴空间 微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程： flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。 浏览器根据这个属性，计算主轴是否有多余空间。它的默认值为auto，即项目的本来大小。 .item { flex-basis: <length> | auto; /* default auto */ } 它可以设为跟width或height属性一样的值（比如350px），则项目将占据固定
2024-11-25 -
**问题：**微信小程序右边区域想设置边距，但是设置padding-right和margin-right之后，发现无效，还是没用边距。 原因： 在设置了padding之后又设置了width：100%，所以右侧显示不出来。 解决办法： 加个box-sizing:border-box;就可以了。 转载自： ,原文链接
2024-11-25 -
好了，言归正传，今天实现一个在android和ios很常见的功能，列表item滑动删除，老规矩，先上图镇楼 说完原理下面开始看实现，首先看列表xml的实现(其实小程序中没有严格意义上的列表控件，依靠for循环来生成列表) <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-index="{{index}}" bindtouchstart="touchstart" bindtouchmove
2024-11-25