微信小程序开发服务 第1篇
wxs、png、jpg、jpeg、gif、svg、json、cer、mp3、aac、m4a、mp4、wav、ogg、silk、wasm、br、cert
代码示例
配置相关名称说明
代码示例
小程序根目录下的 文件用来配置小程序及其页面是否允许被微信索引。
微信小程序开发服务 第2篇
WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。
基本用法示例
可以将wx:for用在
如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态(如input中的输入内容,switch的选中状态),需要使用wx:key来指定列表中项目的唯一的标识符
当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且提高列表渲染时的效率注意:如不提供wx:key,会报一个warning, 如果明确知道该列表是静态,或者不必关注其顺序,可以选择忽略
注意:
基本示例
目标结果
WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用
注意:模版拥有自己的作用域,只能使用data传入的数据以及模版定义文件中定义的
目标结果展示:
方法一(在内部使用wxs):
方法二(在wxml外部定义wxs):
目标渲染结果(通过使用外部定义wxs实现一些方法的调用):
步骤一:创建wxs文件,并定义相关方法
步骤二:导入wxs并使用
WXML 提供两种文件引用方式import和include
渲染结果展示
注意:import的作用域:只会import目标文件中定义的template,而不会import目标文件import的template,如C import B,B import A,在C中不能使用A定义的template
结果显示
微信小程序开发服务 第3篇
事件分为冒泡事件和非冒泡事件:
注意: 除上表之外的其他组件自定义事件如无特殊声明都是非冒泡事件,如from的submit事件,input的input事件,scroll-view的scroll事件这些都是非冒泡事件
示例:
正常捕获冒泡:
中断捕获阶段和取消冒泡阶段:
说明: 将正常捕获冒泡代码中的第一个capture-bind改为capture-catch,将只触发handleTap2。
事件对象
微信小程序开发服务 第4篇
说人话就是:导航栏
以下搬运一下优质UP主的详细tarBar属性内容
最常用的有:iconPath、selectedIconPath
1.打开文件 2.打开微信公众平台 3.将官方的tabBar格式复制进 4.打开平台找tabBar相关属性配置
微信小程序开发服务 第5篇
可以把template模板理解成一个外包公司的产品,在它之前,我们都是自己一条工序走到底,有了它之后,它的精美框架和样式,可以直接被我们使用,不仅方便而且能省去很多的力气,可谓人类之星!
template(模板):主要用于显示,简单的说主要是用于嵌入wxml的代码,模板中是可以拥有对应的样式以及逻辑,但是他并没有属于的对应的js文件,它的逻辑依赖于引用的页面。
导入模板框架
导入模板样式
将复杂的应用程序分解为一系列独立的模块,每个模块负责完成特定的功能或业务逻辑。
可以理解为一个NFC,“滴”一下就能完成“开灯”的命令。
与我们创建的js文件一样,只不过我们把特定的需要调用的数据装在js文件中,赋予了它新的名字“xx模块” 以下这个例子就是用来存储固定数据的
你可能会问了,为什么要另存这么麻烦?
其实更多的是为了简洁代码页,方便编写,也方便后续的数据修改。
模块和普通js文件相比,最重要的是 将list数组暴露出去 {list:list} 这样外部的文件总才能调用到它
导入模块
使用模块