
微信小程序
文章平均质量分 83
WXDEE
前端进阶程序媛,喜欢钻研,有代码洁癖,期待更好的自己,一起加油呀
展开
-
小程序自定义组件开发
开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。自定义组件在使用时与基础组件非常相似。1、创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成。要编写一个自定义组件,步骤如下:1.1 创建组件目录其用来存放各个文件。以toast组件为例,示例如下:1.2 配置.json文件在 json 文件中进行自定义组件声明,将 component 字段设为 true ,则这一组文件设原创 2021-03-12 14:04:35 · 341 阅读 · 2 评论 -
微信小程序的生命周期
微信小程序的生命周期分为应用的生命周期、页面的生命周期一、应用生命周期App() 必须在 app.js 中调用,必须调用且只能调用一次,app.js中定义了一些应用的生命周期函数:用户首次打开小程序,触发 onLaunch(全局只触发一次)。小程序初始化完成后,触发onShow方法,监听小程序显示。小程序从前台进入后台,触发 onHide方法。小程序从后台进入前台显示,触发 onShow方法。小程序后台运行一定时间,或系统资源占用过高,会被销毁。小程序发生脚本错误,或者 api 调用失败时原创 2021-02-21 14:57:02 · 232 阅读 · 0 评论 -
小程序wxs语法的使用
一、WXS介绍• WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。• WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。• WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也不能调用小程序提供的API。二、WXS模块WXS 代码可以编写在 wxml 文件中的 <wxs> 标签内,或以 .wxs 为后缀名的文件内。原创 2021-02-08 15:14:30 · 2632 阅读 · 0 评论 -
小程序wxml语法的使用
一、WXML介绍 WXML全称是 WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。 WXML 文件后缀名是 .wxml,简单的 WXML 语句在语法上同 HTML 非常相似。不带有任何逻辑功能的 WXML 基本语法如下: <标签名 属性名1="属性值1" 属性名2="属性值2" ...> ...</标签名> 一个完整的 WXML语句由一段开始标签和一段结束标签组成,在标签中可以原创 2021-02-08 10:50:30 · 1546 阅读 · 1 评论 -
微信小程序-WXML引用
WXML 提供了两种文件引用方式:import 和 include。一、importimport 可以在该文件中使用目标文件定义的 template,如在 item.wxml 中定义了两个叫item1、item2的template:// item.wxml<template name="item1"> <text>{{text1}}</text></template><template name="item2"> <te原创 2020-05-13 18:06:05 · 291 阅读 · 0 评论 -
微信小程序onLoad和onShow的区别
onLoad页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开当前页面路径中的参数。onShow页面显示时触发。会重新加载。主要区别从二级页面返回该页面时,onLoad不会再次加载,而onshow会重新加载。如果加载列表页,二级页面对一级列表页面的内容有修改,则一级列表函数应该在onShow中加载,否则可以选择onLoad。如果从a页面携带参数跳转...原创 2020-04-23 13:52:36 · 1101 阅读 · 0 评论