2021年04月_CnPeng

原创 Git | 基于远程分支新建本地分支

1.1. 使用场景远程分支与本地现有分支差异较大，需要基于远程分支进行新的开发。将远程分支拉取到本地时不能对本地现有分支进行污染或被本地分支污染。1.2. 方案1注意：该方式使用前提是，之前已经添加过远程仓库，并且执行过对该仓库的 pull 或者 fetch 操作直接执行 checkout 命令，检出远程分支命令格式：git checkout -b 新的分支名远程仓库别名/远程仓库分支名1.3. 方案2注意：该方案不区分远程仓库是新增还是已有，也不区分本地是否执行

2021-04-30 12:03:33 12240 1

原创小程序 | 云数据库的条件查询

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

2021-04-28 17:29:55 6328

原创小程序 | 定义并引用全局函数

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

2021-04-28 17:24:43 1765

原创小程序 | 云数据库模糊查询

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

2021-04-28 17:22:13 3024 1

原创小程序 | 控制文本的显示行数

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

2021-04-28 17:17:04 1437

原创工具 | VNote问题和技巧整理-1

VNote 是一款非常不错的 markdown 编辑软件，本文对实际使用中的部分问题和技巧进行了整理。1. 导出时启用 wkhtmltopdf点击下载 wkhtmltopdf作用是将 md 文件导出为 pdf ，本质上是先转为 html , 然后转为 pdf。启用之后可以生成 pdf 目录。如上图，第一次使用时，需要先点击 1 处的按钮去下载并安装。安装完成后，将wkhtmltopdf路径指向wkhtmltopdf可执行程序的存储路径，Mac 上查看该路径的方法是：在命令行中...

2021-04-28 13:15:59 2658

原创工具 | Charles对Chrome浏览器抓包

Charles 和 switchy sharp 配合，可以对 Chrome 进行抓包。本文以 Mac 电脑中的配置为例，介绍如何实现抓包。（Windows 中操作基本一致）1. 安装 Charles可根据自己的电脑下载对应的版本：点击下载 Charles2. 安装 switchy sharp如果可以访问 Chrome 应用商店，直接在商店中搜索并下载即可。如果无法访问 Chrome 应用商店，可以在https://www.crx4chrome.com网站中下载，如下图：..

2021-04-28 12:10:03 13218

原创 Mac | 解决证书不受信任问题

1. 问题现象2. 解决方案从系统的启动台中找到钥匙串应用：然后双击打开，找到对应的证书，然后按照下图操作：在上图中，选择始终信任之后，点击左上角的关闭按钮关闭页面，然后就会出现下图中的密码输入框：点击上图中的更新设置之后，可能界面上还是会看到此证书已标记为不受此账户信任的提示，此时，我们退出钥匙串应用（退出快捷键cmd+q），重新打开之后即可正常，如下图：...

2021-04-28 12:03:56 26174 1

原创小程序 | 15-页面跳转

实现界面跳转有两种方式：通过 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.

2021-04-28 08:00:42 378

原创小程序 | 14-小程序登录

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

2021-04-27 21:43:30 223

原创小程序 | 13-弹窗和Toast

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

2021-04-27 21:38:24 851

原创小程序 | 12-网络请求

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

2021-04-27 21:20:28 322

原创小程序 | 11-组件化

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

2021-04-27 21:10:14 283

原创小程序 | 10-事件

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

2021-04-27 20:47:15 190

原创小程序 | 9-wxs

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

2021-04-27 20:27:14 378

原创小程序 | 8-wxml

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

2021-04-27 17:21:17 286

原创小程序 | 7-wxss样式

1.wxss 样式组件在引用样式时有三种写法：wxss.wxml<view style="background:red; color:white; font-size:32px; ">wxss-行内样式</view><v.

2021-04-27 16:53:20 739

原创小程序 | 6-常用组件及组件共同属性

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

2021-04-27 16:41:06 1017

原创小程序 | 5-页面生命周期

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

2021-04-27 16:18:52 418

原创小程序 | 4-生命周期

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

2021-04-16 17:37:33 459

原创小程序 | 3-架构和配置

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

2021-04-16 17:20:39 181

CnPeng