CnPeng

官方文档-查询 官方文档-查询指令1.1. 查询单条数据我们先来看看如何获取一个记录的数据，假设我们已有一个_id为todo-identifiant-aleatoire的在集合todos上的记录，那么我们可以通过在该记录的引用调用 get 方法获取这个待办事项的数据：db.collection('todos').doc('todo-identifiant-aleatoire').get({ success: function(res) { // res.data 包含该...

在 app.js 文件中定义方法或者变量，然后在其他页面的 js 文件中引用。如下：在 app.js 中定义方法其他页面的 js 文件中引用

本文介绍如何在小程序的云数据库中实现模糊查询。1. 官方方案官方文档官方文档构造正则表达式，仅需在普通 js 正则表达式无法满足的情况下使用options 参数说明:options 支持 i, m, s 这三个 flag，注意 JavaScript 原生正则对象构造时仅支持其中的 i, m 两个 flag，因此需要使用到 s 这个 flag 时必须使用 db.RegExp 构造器构造正则对象。flag 的含义见下表：flag 说明 i 大小写不敏感 m 跨行.

在小程序中，控制文本的显示行数时，需要通过 wxss 中的配置来实现，示例如下：.service { font-size: 30rpx; color: "#999"; margin-top: 10rpx; /* 内容超宽不显示。末尾生硬结束，没有省略号标识*/ overflow: hidden; /* 内容末尾追加省略号。 */ text-overflow: ellipsis; /* 使用自适应布局方式显示 */ display: -webkit-box; /* 限

实现界面跳转有两种方式：通过 navigator 组件 和 通过 wx 的 api 跳转1. navigator 组件实现跳转1.1. 属性介绍navigator api 文档：navigator 组件主要用于实现界面的跳转，其常用属性如下：其中open-type有如下取值：1.2. 基本使用 app.json { "pages": [ "pages/home/home", "pages/about/about", "pages/de.

1. 小程序登录流程1.1. 客户端的操作客户端操作的内容主要有如下四项： 调用wx.login 获取 code 调用 wx.request 发送 code 到我们自己的服务器（我们自己的服务器会返回一个登录态的标识，比如 token） 将登录态的标识 token 进行存储，以便下次使用 请求需要登录态标识的接口时，携带 token 1.2. 完整的操作流程：2. 代码演练// app.jsconst TOKEN = "token"App.

1. showToastToast API 文档Toaset 可以设置的内容如下：// pages/about/about.jsPage({ onBtnClick(event){ wx.showToast({ title: '正在加载ing。。。', duration:2000, icon:"loading", // 自定义展示的图片——会覆盖 icon // image:"/assets/

1. 介绍官方 API 文档：官方 指南 文档：1.1. wx.request(Object object)微信提供了wx.request(Object object)用来发起网络请求，其中，object 可传递的内容包括：1.2. 注意事项在使用网络请求 API 前需要先在小程序后台-开发-开发设置-服务器域名中配置服务器域名。不配置的话触发网络请求时会报错。测试阶段可以在 微信开发者工具 界面中勾选详情-本地设置中的不校验合法域名。2. 基本使用...

1. 创建自定义组件自定义组件由 json、wxml、wxss、js 四个文件组成，我们通常是在根目录下创建一个文件夹——components，在该文件夹中存放我们自定义的公共组件。自定义组件的步骤：现在 json 文件中进行自定义组件声明——"component": true, 在 wxml 中编写自定义组件的模板内容 在 wxss 中编写自定义组件的样式 在 js 文件中定义数据和组件内部的相关逻辑 在使用方的 json 文件中引用自定义组件——"引用自定义组件时的标签名":"自定义

小程序需要经常和用户进行各种交互，比如，点击界面上的某个按钮或者区域，比如滑动了某个区域；这些交互都会产生各种各样的事件。通过bind或catch属性可以将事件绑定到组件上，然后在该页面对应的 Page 构造器（.js文件）中定义对应的事件处理函数，如果没有对应的函数，触发事件时会报错。当用户和组件产生交互后，就会触发绑定的事件，并调用事件函数，该函数将会受到一个事件对象-event.1. 事件类型分为通用事件和特有事件。 通用事件： 特有事件 如：input...

WXS（WeiXin Script）是小程序的一套脚本语言，有自己的语法，结合 WXML，可以构建出页面的结构。WXS != JavaScript由于在 WXML 中无法直接调用 Page 或 Component 中定义的事件绑定以外的函数，但在某些情况下，我们又希望使用函数来处理 WXML 中的数据（类似 Vue 中的过滤器），所以微信官方就推出了 WXS。1.WXS 的限制和特点 WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript .

介绍 wxml 中的相关语法内容。wxml 基本格式： 类似 html 代码：比如，可以写生单标签也可以写成双标签 必须有严格的闭合：没有闭合会导致编译报错 大小写敏感：class 和 Class 是不同的属性 1.{{}}- Mustache 语法mustache.wxml:<!--pages/mustache/mustache.wxml--><!-- 1- 绑定内容 --><view>{{name}}</v.

1.wxss 样式组件在引用样式时有三种写法：wxss.wxml<!--pages/wxss/wxss.wxml--><!-- 1-内联样式/行内样式 --><view style="background:red; color:white; font-size:32px; ">wxss-行内样式</view><!-- 2-页面样式。绑定 class 或者 id ，样式写在对应页面的 wxss 文件中--><v.

1. Text是行内元素，默认情况下多个<text></text>会显示在一行<!--pages/about/about.wxml--><!-- 1-基本使用 --><text>text是行内元素</text><text>所以多个text不会换行，除非末尾加上换行符或用换行元素包裹，如 \\n \n\n</text>​<!-- 2-selectable 决定文本是否可以被长按选中，默..

小程序中的每个页面都有一个对应的 js 文件，在小程序初始化过程中，会调用其中的Page()实现该页面实例的注册。在注册页面实例时，我们可以做以下事情: 在生命周期函数中发送网络请求，从服务器获取数据 初始化一些数据，以方便被 wxml 引用展示 监听 wxml 中相关的事件 js 函数的两种写法：<!--方式1-->onLaunch:function(){}​<!--方式2-->onLaunch(){}1.页面生命周期...

1.小程序的启动流程了解小程序的启动流程之后，就知道了代码的执行顺序：2. 小程序生命周期《小程序的生命周期》中主要的周期有：onLaunch(Object object)小程序初始化完成时触发，全局只触发一次。参数也可以使用wx.getLaunchOptionsSync获取。参数：与wx.getLaunchOptionsSync一致onShow(Object object)小程序启动，或从后台进入前台显示时触发。也可以使用wx.onAppShow绑定监听...

基于以下内容整理：《小程序的架构和配置-7》 《小程序的架构和配置-8》 《小程序的架构和配置-9》1 配置小程序的很多开发需求都是通过配置文件来实现。这样可以提高开发效率且能保证小程序的基础风格一致。配置文件的类型如下：配置文件名称 说明 project.config.json 项目配置文件，如项目名称、appid 等 sitemap.json 小程序内搜索相关的配置 app.json 全局配置 page.json 页面配置 前两种很

1.小程序的数据绑定xx.js文件中放置页面的逻辑和变量内容。小程序数据绑定使用的是{{ }}双大括号语法，标准叫法为Mustache语法。在xx.js的Page-data节点中定义变量Page({ /** * 页面的初始数据 */ data: { name:'张三' }} 然后在xx.wxml页面中通过{{}}引用：<text>{{name}}</text>此时，小程序的预览界面就会显示张...

基于《itlike 2019小程序教程》 整理点击下载：小程序开发工具1 小程序的文件结构app.json是程序的入口，程序的页面需要在其中的pages节点中注册，排第一位的将作为程序首屏。app.json 示例：{ "pages": [ "pages/index/index", "pages/logs/logs", "pages/temp/temp" ]} 2 新建文件(夹)2.1 新建文件夹方式1：方式2：...