【微信小程序】从零开始搭建一个英语学习小程序01——基础准备

本文介绍小程序的基础知识,包括基本架构、文件格式及目录结构,并详细讲解了环境搭建、项目创建、UI组件使用及功能模块划分等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、小程序基础知识

1. 小程序的基本架构

微信小程序架构主要包括视图层(View)逻辑层(App Service)
视图层由WXSS和WXML编写,用组件进行展示。WXML是标签语言,结合基础组件、事件系统可以构建出页面的结构。WXSS是样式语言,用于描述页面的样式,决定WXML的组件怎么显示。
逻辑层由Javascript编写,它将数据进行处理后发送给视图层,同时接受视图层的时间反馈。为了方便地开发小程序,小程序开发框架在Javascript的基础上做了一些修改:①增加了APP()和Page()方法,进行程序和页面的注册;②提供丰富的API,可以实现微信提供的弹窗、支付等功能;

2. 小程序的文件格式

小程序包含4种文件类型:
.js为页面脚本文件,用于实现页面的业务逻辑;
.json为配置文件,用于设置小程序的配置效果,主要以json数据格式存放;
.wxss为样式表文件,用于对小程序用户界面的美化设计;
.wxml为页面结构文件,用于在页面上增加视图、组件等来构建页面。

3. 小程序的目录文件

pages目录主要存放小程序的页面文件,其中每个文件夹对应一个页面,该文

微信版本:6.3.30 IOS版本:IOS_10.0.2 微信开发调试工具:v0.10.102800 操作系统:Win7 开发/调试:iPhone6S真机/微信工具预览,PHPstorm编码 使用说明 由于微信安全域名的限制,如果你填了自己的APPID,所有请求都会失败 无APPID的情况下,使用微信登录会存在问题,请使用手机号登录 目前是测试版本,故未接入短信平台,所以手机是收不到验证码的,直接点获取验证码就已经填上了 如需在微信中体验完整功能,请联系文末的邮箱,注明理由和微信号申请体验权限 使用过程遇到的坑丶记录 背景图不生效,改用image或者Base64 执行POST请求异常,将data中的JSON对象格式化为from序列 页面切换的参数接收异常,在onload方法中,默认的参数即使上一页面传过来的Object参数 在使用data-readingItem的时候,微信解析为dataset的时候会转成小写 多页面的时候,在app.json中重复配置,会编译失败 直接使用 this.data.XXX = XXX 赋值的时候,数据是不会同步输出到VM即WXML中的,必须使用其setData方法 循环加载JSON数据集合时,如果其中有项是null,在开发工具中加载正常,但是在手机中浏览时显示空白页,并且调试时没有错误信息,所以需要对可能为null的数据进行判断 PS:由于有预处理,所以没有遇到这个问题 针对swiper控件,设置min-height不生效,必须设置height,同时swiper-item的间隙也有坑,项目中有实践 使用uploadFile-formData传递参数的时候,formData是个三项的JSON,PHP通过$_REQUEST尽然只能接到最后一个参数 PS:怀疑是微信的坑,后来使用的是将其以GET方式提交,才正常接到 在使用for循环的时候,用的是立即执行的闭包函数,但是PHP端接到的三个请求的time竟然是一样的,这直接导致了文件获取的异常, 目前未找到真实原因,是本人对for循环理解太浅?后通过额外加参数解决 微信录制的音频格式为.silk格式,具体可以Google,强大的ffmpeg都没法直接解码,最后使用了GitHub上的一个开源Decoder库, 解码成功转成了MP3,感谢作者,地址:
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值