高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年微信小程序开发服务(共5篇)

微信小程序开发服务 第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} 这样外部的文件总才能调用到它

导入模块

使用模块

猜你喜欢