小程序学习

3/28（小程序官网学习）

学习链接小程序代码构成 | 微信开放文档

前端：网页编程使用到 HTML+CSS+JS，其中HTML描述页面结构，CSS描述页面内容，JS提供用户交互功能。

其中微信小程序中，WXML 充当 HTML 的角色；WXSS 充当 CSS 的角色。

WXS；

WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。

注意事项

1. WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。
2. WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。
3. WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。
4. WXS 函数不能作为组件的事件回调。
5. 由于运行环境的差异，在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

一段网上截取的文字：

在网页的一般开发流程中，我们通常会通过 JS 操作 DOM (对应 HTML 的描述产生的树)，以引起界面的一些变化响应用户的行为。例如，用户点击某个按钮的时候，JS 会记录一些状态到 JS 变量里边，同时通过 DOM API 操控 DOM 的属性或者行为，进而引起界面一些变化。当项目越来越大的时候，你的代码会充斥着非常多的界面交互逻辑和程序的各种状态变量，显然这不是一个很好的开发模式，因此就有了 MVVM 的开发模式（例如 React, Vue），提倡把渲染和逻辑分离。简单来说就是不要再让 JS 直接操控 DOM，JS 只需要管理状态即可，然后再通过一种模板语法来描述状态和界面结构的关系即可。

疑问：MVVM开发模式？ （通过 DOM API 操控 DOM 的属性或者行为，进而引起界面一些变化 ？）

解答：视图UI：可以简单理解为给人看的界面

          业务逻辑：太复杂了，没看懂网上的解释

业务的逻辑，表面上可以用一大堆if…else来概括，但实际上除了判断之外，它还可能涉及形式。

很多人对“形式”这个词不敏感，但如果你研究过形而上学或符号学，就会不再那么轻松。形式在交互中极为重要，我们用一个具体的场景来解释。

现在有一个表单，里面有一个输入框，该输入框对应的字段，需要关联到系统中已有的某个对象，但也有可能用户不选择关联，使用输入的值作为结果。而如何用户选择使用输入的值作为结果，那么就有可能输入一个系统中已经存在的对象，而该字段的规则是不允许系统中有重复值。在这个场景中，是暂时没有数据参与的，也就是说，它的整个业务必须依靠前端来实现。

前端处理业务逻辑不仅不是多余，而是当下复杂应用的趋势和要求。

理解：业务逻辑是规则，比如注册账号，输入密码时候，注册要求是需要一个大写字母，而你输入一串数字作为密码，页面判定密码不合格，这一过程就是业务逻辑。