随笔分类 - 小程序
小程序学习
摘要：微信小程序项目目录结构说明： 微信小程序生命周期：
阅读全文
摘要：uni-app和Vue的关系 使用Vue.js开发；在发布到H5时，支持所有的vue的语法；发布到App和小程序时，不支持部分vue语法(vue-router，需要dom操作的第三方插件、组件) uni-app和小程序的关系 组件标签靠近小程序规范；接口能力（JS API）靠近微信小程序规范；拥有完
阅读全文
摘要：滑块视图容器。 属性类型默认值必填说明最低版本 属性类型默认值必填说明最低版本 indicator-dots boolean false 否 是否显示面板指示点 1.0.0 indicator-color color rgba(0, 0, 0, .3) 否 指示点颜色 1.1.0 indicator
阅读全文
摘要：<view class="section"> <view class="section__title">flex-direction: row</view> <view class="flex-wrp" style="flex-direction:row;"> <view class="flex-i
阅读全文
摘要：2. 网络请求 超时时间 默认超时时间和最大超时时间都是 60s； 超时时间可以在 app.json 或 game.json 中通过 networktimeout 配置。 使用限制 网络请求的 referer header 不可设置。其格式固定为 https://servicewechat.com/
阅读全文
摘要：组件间的基本通信方式有以下几种。 WXML 数据绑定：用于父组件向子组件的指定属性设置数据，仅能设置 JSON 兼容数据（自基础库版本 2.0.9 开始，还可以在数据中包含函数）。具体在 组件模板和样式 章节中介绍。 事件：用于子组件向父组件传递数据，可以传递任意数据。 如果以上两种方式不足以满足需
阅读全文
摘要：微信小程序 组件模板和样式 组件模板和样式 类似于页面，自定义组件拥有自己的 wxml 模板和 wxss 样式。 组件模板 组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树，将被插入到组件的引用位置上。 在组件模板中可以提供一个 <slot> 节点，用于承载组件引用时提供的子节点。
阅读全文
摘要：JavaScript 支持情况 基于安全考虑，小程序中不支持动态执行 JS 代码，即： 不支持使用 eval 执行 JS 代码 不支持使用 new Function 创建函数 客户端 ES6 API 支持情况 前台/后台状态 小程序启动后，界面被展示给用户，此时小程序处于前台状态。 当用户点击右上角
阅读全文
摘要：微信小程序运行在多种平台上：iOS（iPhone/iPad）微信客户端、Android 微信客户端、PC 微信客户端、Mac 微信客户端和用于调试的微信开发者工具。 各平台脚本执行环境以及用于渲染非原生组件的环境是各不相同的： 在 iOS 上，小程序逻辑层的 javascript 代码运行在 Jav
阅读全文
摘要：初始渲染缓存工作原理 小程序页面的初始化分为两个部分。 逻辑层初始化：载入必需的小程序代码、初始化页面 this 对象（也包括它涉及到的所有自定义组件的 this 对象）、将相关数据发送给视图层。 视图层初始化：载入必需的小程序代码，然后等待逻辑层初始化完毕并接收逻辑层发送的数据，最后渲染页面。 在
阅读全文
摘要：界面动画的常见方式 在小程序中，通常可以使用 CSS 渐变 和 CSS 动画 来创建简易的界面动画。 动画过程中，可以使用 bindtransitionend bindanimationstart bindanimationiteration bindanimationend 来监听动画事件。 事件
阅读全文
摘要：1.3 开发流程 小程序的开发流程分为以下几个步骤： （1）项目初始化：在开发工具中创建并初始化小程序项目。 （2）界面设计：使用 WXML 和 WXSS 完成小程序的页面设计和样式制定。 （3）数据绑定：使用 JavaScript 对数据进行绑定，并实现界面交互效果。 （4）事件绑定：使用 Jav
阅读全文
摘要：框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。 什么是组件： 组件是视图层的基本组成单元。 组件自带一些功能与微信风格一致的样式。 一个组件通常包括 开始标签 和 结束标签，属性 用来修饰这个组件，内容 在两个标签之内 <tagname pro
阅读全文
摘要：双向绑定语法 在 WXML 中，普通的属性的绑定是单向的。例如： <input value="{{value}}" /> 如果使用 this.setData({ value: 'leaf' }) 来更新 value ，this.data.value 和输入框的中显示的值都会被更新为 leaf ；但如
阅读全文
摘要：WXS WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 注意 WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行 WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。 WXS 的运行环境和
阅读全文
摘要：WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。 要完整了解 WXML 语法，请参考WXML 语法参考。 用以下一些简单的例子来看看 WXML 具有什么能力： <view> {{message}} </view>Page
阅读全文
