小程序学习
文章平均质量分 73
通过基础学习,学会小程序的制作
阿巴阿巴啊啊啊
这个作者很懒,什么都没留下…
展开
-
微信小程序--3(小程序代码构成)
小程序代码构成--WXML、WXSS、JS原创 2024-07-19 07:00:00 · 347 阅读 · 0 评论 -
微信小程序--6(WXML模板语法)
在小程序中,使用wx:if="{{condition}}"来判断是否需要渲该代码块,还可以用wx:elif 和wx:else来添加else判断。原创 2024-07-19 20:22:34 · 1021 阅读 · 0 评论 -
微信小程序--12(页面事件)
当处理完下拉刷新后,在真机上,下拉刷新的loading效果会一直显示,不会主动消失,所以需要手动隐藏loading效果。下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。在页面的.js文件中,通过onPullDownRefresh()函数即可监听当前页面的下拉刷新事件。在页面的.js文件中,通过onReachBottom()函数即可监听当前页面的上拉触底事件。实现通过按钮增加count的值,且下拉刷新count值恢复为0。4、监听页面的下拉刷新事件。原创 2024-07-23 14:17:22 · 385 阅读 · 0 评论 -
微信小程序--13(上拉触底案例)
3、在onReachBottom中判断节流阀的值,从而实现节流控制。2、在getColors()方法中修改isLoadig节流阀的值。1、在data中定义isloading节流阀。(四)在上拉触底时调用获取随机颜色的方法。(三)渲染UI结构并美化页面效果。(五)添加loading提示效果。(二)在页面加载时获取初始数值。(一)定义获取随机颜色的方法。(六)对上拉触底进行节流处理。原创 2024-07-23 20:40:04 · 240 阅读 · 0 评论 -
微信小程序--1(创建第一个微信小程序项目)
注册账号与安装开发者工具原创 2024-07-09 12:12:30 · 238 阅读 · 0 评论 -
微信小程序--10(首页制作)
准备素材。原创 2024-07-21 20:02:01 · 109 阅读 · 0 评论 -
微信小程序--11(页面导航)
一、概念页面导航就是实现页面之间的相互跳转。(一)声明式导航在页面上声明一个navigator通过点击<navigator>组件实现页面跳转(1)导航到tabBar页面使用<navigator>组件跳转到指定的tabBar页面,在这个过程中要指定url和open-type属性。注意:url表示的是要跳转的页面的地址,且必须以/开头open-type表示跳转的方式,必须为switchTab(2)导航到非tabBar页面。原创 2024-07-21 23:08:44 · 887 阅读 · 0 评论 -
微信小程序--2(基本组成结构的介绍)
通过对action后面的allow进行设置(allow表示被索引,disallow表示不能被微信索引).js文件(页面的脚本文件,存放页面的数据、事件处理函数等).json文件(当钱页面的配置文件,配置窗口的外观、表现等)存放项目的配置文件,记录对小程序开发工具所做的个性化配置。window:全局定义小程序所有页面的背景色、文件颜色。1、覆盖了app.json的window中相同的配置项。.wxss文件(当前页面的样式表文件).wxml文件(页面的模板结构文件)1、用来存放所有小程序的页面。原创 2024-07-18 14:10:43 · 361 阅读 · 0 评论 -
微信小程序--4(宿主环境)
类似于jQuery中的$.ajax(options)函数,需要通过success、fail、complete接收调用的结果。例如:安卓系统下的安卓软件如果运行到苹果系统上去,这肯定是会报错的,所以安卓软件的宿主环境就是安卓系统。image组件中可以通过mode属性来裁剪和缩放模式,常用的mode的属性值。通过text组件的selectable属性,实现长按选中文本内容的效果。(1)通信主体:逻辑层(JS脚本)、渲染层(WXSS、WXML)保持纵横比,使图片的长边完全显示,完整的将图片显示出来。原创 2024-07-18 21:59:28 · 645 阅读 · 0 评论 -
微信小程序--14(生命周期)
生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作,例如,页面在刚加载时,可以在onLoad函数中实现初始化。生命周期(life cycle)指的是一个对象从创建到运行,再到销毁的整个过程,强调的是一个时间段。(二)应用生命周期函数:小程序中,每个页面的加载到渲染,再到销毁的过程中需要调用到的那些函数。应用生命周期:小程序中,每个页面的加载到渲染,再到销毁的过程。(生命周期范围较大)(一)页面生命周期函数:小程序从启动到运行,再到销毁的过程中需要调用到的那些函数。(生命周期范围较小)原创 2024-07-24 14:25:35 · 349 阅读 · 0 评论 -
微信小程序--7(WXSS模板样式)
与CSS相比,它具有CSS的大部分特性,与此同时,WXSS还对CSS进行了扩充以及修改,以适应微信小程序的开发。WXSS是一套样式语言,用来美化WXML的组件样式,类似网页开发中的CSS。概念:定义在app.wxss中的的样式均为全局样式,作用于每个页面。概念:在页面.wxss文件中定义的样式为局部样式,只能作用于当前页面。原创 2024-07-20 16:25:08 · 464 阅读 · 0 评论 -
微信小程序--9(网络数据请求)
若后端程序员只提供HTTP接口,没有提供HTTPS接口,那么我们可以在微信开发工具中,临时开启开发环境不检验请求域名、TLS版本及HTTPS证书选项,跳过request合法域名的校验。配置步骤:登录小程序管理后台---开发---开发设置---服务器域名---修改request合法域名。调用微信小程序提供的wx.request()方法,可以发起POST数据请求。调用微信小程序提供的wx.request()方法,可以发起GET数据请求。出于安全性考虑,官方对数据接口的请求做出了如下两个约束。原创 2024-07-20 21:34:40 · 662 阅读 · 0 评论 -
微信小程序--8(全局配置)
window:全局设置小程序窗口的外观tabBar:设置小程序底部的tabBar效果。原创 2024-07-20 18:41:03 · 1077 阅读 · 0 评论 -
微信小程序--5(小程序的协同工作和发布)
小程序成员管理体现在管理员对小程序项目成员以及体验成员的管理。(一)了解权限管理需求:对于不同岗位不同角色的。(四)了解小程序中成员管理。(十)了解查看小程序运营数据的两种方式。(七)了解软件开发过程中的不同版本。(八)了解小程序发布上线的整体步骤。(五)了解不同项目成员对应的权限。(六)了解添加项目成员和体验成员。(九)了解对于小程序的推广。,使他们能够高效的进行协同工作。2、使用小程序数据助手查看。(2)获取小程序码的步骤。员工权限进行边界的划分。2、可以使用普通二维码。1、可以使用小程序码。原创 2024-07-19 13:29:19 · 432 阅读 · 0 评论 -
微信小程序--15(wxs脚本)
wxs代码可以编写在以.wxs为后缀名的文件内,就像js代码可以编写在.js为后缀的文件中一样。原创 2024-07-24 15:26:17 · 523 阅读 · 0 评论