随笔分类 - 微信小程序开发
摘要：#创建实例 ##简述小程序初始文件结构 创建完小程序后，系统会自动创建一系列初始目录。 pages文件夹：用来存放小程序中的页面文件，每个小程序页面都会在其中创建一个对应的页面文件夹（参照下图案例中index） utils文件夹：可以将一些公共代码抽离成单独的js文件存放于该文件夹中。需要复用的时候
阅读全文
摘要：#WXSS ##WXSS WXSS(WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩
阅读全文
摘要：#WXS-上 ##WXS简介 WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 注意 wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。 wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致
阅读全文
摘要：#WXML-上 ##WXML简介 WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 用以下一些简单的例子来看看 WXML 具有什么能力： <!--wxml--> <view> {{message}} </view> //
阅读全文
摘要：#场景值 ##场景值 上一节中有提到过场景值，我们来了解一下什么是场景值。 场景值可用于统计用户来源，根据不同的来源做不同的引流活动等。 我们可以在 App 的 onlaunch 和 onshow 中获取场景值，部分场景值下还可以获取来源应用、公众号或小程序的appId。 基础库 1.1.0 开始支
阅读全文
摘要：#逻辑层简介 ##小程序逻辑层 小程序开发框架的逻辑层是使用JavaScript编写的。 逻辑层将数据进行处理后发送给视图层，同时接收视图层的事件反馈。 在 JavaScript 的基础上，微信做了一些修改，以方便地开发小程序。 增加 App 和 Page 方法，进行程序和页面的注册。 增加 get
阅读全文
摘要：全局配置-上 ##小程序配置文件 app.json文件用来对微信小程序进行全局配置，它决定了页面文件的路径、窗口表现、设置网络超时时间、设置多tab 等配置。 app.json 配置项列表： 以下是一个包含了所有配置选项的 app.json： { "pages": [ "pages/index/in
阅读全文
摘要：开发工具介绍 创建项目后会进入项目开发界面。开发工具提供了小程序的开发、调试和代码提交等功能。 从上到下，从左到右依次是菜单栏、工具栏、模拟器、编辑器（调试器需要在工具栏中选择调试模式后才会展现并覆盖编辑器）。 调试模式下的调试器 仔细对比不难发现，开发工具的界面与WEB页面制作很相似。 #小程序相
阅读全文
