本文目录一览:
微信小程序如何使用全局js
1.要注意的是必须要用module.exports导出要调用属性或方法;
2.使用的时候用var api = require('../../utils/api.js'); 加载代码,然后使用api.SYNC_TABLE_URL 直接调用
3.调用方法也差不多。
微信小程序是用什么技术实现的?
一、微信小程序的wxml
具有基本的编程经验的工程师,只有与wxml接触后,您才会发现该语言的编程概念类似于html网页的编程技术。经过一番研究和开发,您会知道微信小程序的要求技术含量不高,只是更换了一些标签,例如
已替换为等待状态。即使您不太擅长前端,转用微信小程序的发展也将是一个很好的方向。
二、微信小程序的wxss
wxss是微信的CSS。微信用自己的开发语言wxss代替了Web编程中使用的css;实际上,主要的实现思想与Web开发技术基本相同,并且它只是对某些标签的简单替换,其中大部分是原始的CSS,基本上是正确的。它们都是通过调用同一页面来实现的,但是可以说,微信小程序比Web开发更简单,更方便。例如,只要写入index.wxml和index.wxss,它就位于两个文件中。这两个文件同时位于同一目录中,就像直接在网页上写CSS一样,这既简单又快速。
三、微信小程序的js
如果要开发微信小程序,您必须精通微信小程序的js。只要您具有html+css+js的良好基础,就可以全力学习微信小程序js,然后在前端进行开发。上面没有问题,但是微信js需要努力学习。您可以购买参考书或了解微信小程序的API,它们可以快速帮助您参与开发队列。
四、微信小程序的json
掌握了以上几点之后,您需要掌握json。简而言之,json是微信小程序的主要和次要接口。工程师可以通过json控制上下菜单栏,主要和辅助页面的显示顺序。但是,使用频率不高。它仅适用于基本小程序的框架,但这也需要学习,因为除显示类型外,每个前端操作都需要与后端匹配,因为如果要使其放大,则必须之所以简化,是因为修改代码后,在迷你程序中搜索到的版本就是启动后的版本,即我们提交微信评论后显示的版本。修改源代码后,需要将其提交给微信公众进行审核。平台小程序管理平台,用户只能在审核通过后才能看到您的修改,因此,为避免这种麻烦,您必须了解后端技术开发并与前端链接以与您进行交流。
实际上,小程序类似于H5表面,并提供了视图层描述语言。您需要掌握WXML和WXSS以及基于JavaScript的逻辑层框架。这里的wxml等同于html,而wxss等同于CSS。
WeChat小程序基础篇-js事件
js负责页面与用户的交互,动态修改页面的内容。使用js脚本来处理用户的操作。
操作解释: 点击button按钮(点我),修改界面的msg显示为"BeiJing佩奇"
绑定事件: bindtap定义了"点击事件"
j s 函数: Page({定义函数对应bindtap})
例如开头示例一样,组件绑定事件,js编写事件函数。
这里大概介绍下log打印的内容
☞ 小生不才,附上 博客地址 ☜
事件分为冒泡事件和非冒泡事件
1.冒泡事件:当一个组件被触发后,该事件以此向父节点传递。
2.非冒泡事件:当一个组件触发后,该事件不会向父节点传递。
解释:当点击子节点时,会依次触发"bind事件2,bind事件1"
解释:当点击子节点时,只触发"bind事件2",而没有触发"bind事件1"
自基础班1.5.0起,触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前。事件到达节点的顺序与冒泡相反。捕获事件采用的关键字为capture-bind、capture-catch,当然catch还是中断,取消冒泡阶段。
1. 示例1,执行顺序为hand2,hand4,hand3,hand1
2. 示例2,加入capture-catch捕获事件,只执行hand2
小程序js中如何引入组件
小程序js中引入组件如一下步骤:
1、准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)。
2、打开util.js,继续填写重要内容将要使用的方法用module.exports给暴露出来。
3、将外部js放在指定的文件夹utils里(utils规定存放js库和数字格式化文件)。
4、在想要用到这个方法的js里面require这个js,然后调用即可。