小程序的基本原生js使用,小程序和前端
更新：2022-11-19 08:57
本文目录一览：
微信小程序如何使用全局js
- 要注意的是必须要用
module.exports导出要调用属性或方法； - 使用的时候用
var api = require('../../utils/api.js');加载代码，然后使用api.SYNC_TABLE_URL直接调用； - 调用方法也差不多。
微信小程序是用什么技术实现的？
一、微信小程序的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定义了"点击事件" - js 函数:
Page({定义函数对应bindtap}) - 例如开头示例一样，组件绑定事件，js编写事件函数。 这里大概介绍下log打印的内容
☞ 小生不才，附上 博客地址 ☜ 事件分为冒泡事件和非冒泡事件：
- 冒泡事件: 当一个组件被触发后，该事件依次向父节点传递。
- 非冒泡事件: 当一个组件触发后，该事件不会向父节点传递。 解释：
- 当点击子节点时，会依次触发"bind事件2，bind事件1"
- 当点击子节点时，只触发"bind事件2"，而没有触发"bind事件1"
自基础班1.5.0起，触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前。事件到达节点的顺序与冒泡相反。捕获事件采用的关键字为
capture-bind、capture-catch，当然catch还是中断，取消冒泡阶段。 示例说明：
- 示例1，执行顺序为
hand2,hand4,hand3,hand1 - 示例2，加入
capture-catch捕获事件，只执行hand2
小程序js中如何引入组件
小程序js中引入组件如以下步骤：
- 准备好外部想要引入的外部文件，命名为
util.js，并填充固定的内容（一般是固定的库）。 - 打开
util.js，继续填写重要内容，将要使用的方法用module.exports给暴露出来。 - 将外部js放在指定的文件夹
utils里（utils规定存放js库和数字格式化文件）。 - 在想要用到这个方法的js里面
require这个js，然后调用即可。
