博客颜色

微信小程序常用API  发起请求 wx.requestwx.request发起的是 HTTPS 请求。一个微信小程序，同时只能有5个网络请求连接。 wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '' , y: '' }, header: { ...

微信小程序 - 背景图片  Page({ data: { width: 0, height: 0, src: '../../../dist/images/image-background.jpg' }, onLoad: function onLoad(options) { var ...

微信小程序开发 - 事件处理 事件是试图层到逻辑层的通讯方式，用户通过对页面的操作，触发事件将操作的数据传输到逻辑层，逻辑层再通过数据绑定后响应到相应的页面。 本文讲述的是事件处理，数据绑定请参照：微信小程序学习之路《三》 数据绑定  事件   事件种类 事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。...

微信小程序开发 - 模块化  JavaScript模块化参考文档 1.微信小程序开发实战--模块化2.该如何理解AMD，CMDCommonJS规范--JavaScript模块化规范3.JavaScript模块化编程  JS 模块化 微信小程序秉承了JavaScript模块化的机制，将一些公共的代码抽离成为一...

微信小程序开发 - 页面路由  页面路由实际上是指用户操作小程序时的页面访问路径，例如：从page1到page2到page3再到page4再返回到page2、page1...，那么 page1 -> page2 -> page3 -> page4 -> page2 -> page1... 的路径即可以称作是小程序的页面路由。 而小程序框架也会以...

微信小程序开发 - 生命周期  通俗的讲，生命周期就是指一个对象的生老病死。 从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。 小程序的生命周期分为：应用生命周期、页面生命周期  应用生命周期  在app.js的app()中注册程序 App({  onLaunch: function () {    c...

微信小程序开发 - 数据渲染  当页面初始化完成将进行页面初次数据渲染，当逻辑层数据发生改变页面也会对改变的数据进行再次渲染。 小程序提供两种渲染标签：条件渲染、列表渲染  条件渲染 1、wx:if/wx:else 在框架中，我们用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：<view wx:if="{{...

微信小程序开发 - 模板引用  模板 WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。 定义模板使用name属性，作为模板的名字。然后在<template/>内定义代码片段，如：<template name="msgItem"> <view> <text&g...

微信小程序开发 - 数据绑定 小程序框架的核心是一个响应的数据绑定系统。整个系统分为两块视图层（View）和逻辑层（App Service） 框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的动态更新，即数据绑定是逻辑层到视图层的通讯方式。然而由用户操作引起的数据更新则需要通过事件将数据传到逻辑层，也就是说事件是视图层到逻辑层...

 微信小程序开发 - 配置 我们使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等，简单的理解就是配置文件。 配置项表：属性类型必填描述pagesArray是设置页面路径window...

微信小程序开发 - 目录结构 学习一个框架，首先应该了解一下它的目录结构，小程序的目录结构如下图：  从demo中可以看到主要分为两部分：程序主体部分、业务逻辑部分。 1、程序主体部分：由三个文件组成，必须放在项目的根目录。 文件必填作用app.js是小程序逻辑，app启动首先会执行该文件内的部分方...

微信小程序 - 倒计时 微信小程序倒计时组件的实现，功能适用于电商应用的限时团购、商品秒杀等等。 /** * 需要一个目标日期，初始化时，先得出到当前时间还有剩余多少秒 * 1.将秒数换成格式化输出为XX天XX小时XX分钟XX秒 XX * 2.提供一个时钟，每10ms运行一次，渲染时钟，再总ms数自减10 * 3.剩余的秒次为零时，return，给出tips提...

微信小程序 - 发送视频弹幕 微信小程序官方文档提供了发送视频弹幕的功能，参照其功能做了一些改动，实现可发送用户自定义颜色的弹幕。 function getRandomColor() { var rgb = []; for (var i = 0; i < 3; ++i) { var color = Math.floor(Math.ra...

微信小程序 - 下拉列表的实现 微信小程序目前提供两种方式实现下拉列表：action-sheet 与 picker选择器 action-sheet action-sheet 有两种方法实现下拉，第一种使用action-sheet 标签，第二种是使用wx.showActionSheet方法 （1）action-sheet 标签 <action-she...

wx:key 如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 <input/> 中的输入内容，<switch/> 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。 wx:key 的值以两种形式提供字符串，代表在 for 循环的 array 中 item 的某个 pr...

微信小程序开发 - WXSS WXSS是微信自定义的一套样式，基本和CSS一样，只是在CSS基础上增加一下两个概念 尺寸单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px...

app.json app.json文件对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab 等。 App.json配置项有五个属性：pages、window、tabBar、networkTimeout、debug。 Pages 接受一个数组，每一项都是字符串，代表对应页面的【路径+文件名】信息，数组第一项为初始页面。小程序中新增...

微信小程序 - 参数传递  小程序传递参数的方式有三种：（1）通过在App.js中设置全局变量（2）通过拼接URL直接传递（3）通过数据缓存存储再获取  1.app.js通常把不会更改的数据放在app.js的Data中，在各个页面中都可以通过APP实例获取Data数据。var app = getApp(); var data = app...