小程序里的自定义组件里是有数据监听器的,可以监听对应数据的变化来执行callBack,但是页面Page里没有对应的api就显的很生硬,比如某个数据变了(如切换城市)需要重新刷页面,如果不做监听,每次都要在数据变化的地方手动去调一次函数. 那么如何像vue那样在Page里实现 watch 和 computed 呢 ?如果这时候你脑子里能想到 Obejct.defineProperty 或者 Proxy 那么接下来就慢慢实现吧. 先晒出是这样调用的,请牢记这个调用,后面会反复提到 test2 tes

微信小程序开发 -- 通过云函数下载任意文件 1.云开发介绍 ​ 微信小程序开发者众所周知,小程序开发拥有许多限制,当我还是一个菜鸟入门的时候,第一关就卡在了没有备案域名的HTTP请求上面,那时候云开发上线也没多久,使用的人也不是很多,我抱着尝试的态度去接触了云开发,发现了云开发的妙处.(自由) blog:微信小程序HTTP访问链接解决方案 2.小程序文件下载限制 微信小程序除了对访问地址有限制之外,对于文件下载,也存在的限制,如下图所示,只有资源服务器A,在downloadFile域名白名单内

1.编写加法运算的云函数addData 2.在本地小程序页面调用云函数

一.云函数获取商品信息 1.创建云函数getData,云函数功能:获取商品信息 2.在本地小程序页面调用云函数getData  二.云函数修改商品信息 1.创建云函数updateData,云函数功能:更新商品价格 2.在本地小程序页面调用云函数updateData 三.云函数删除商品信息 1.创建云函数removeData,云函数功能:删除商品信息 2.在本地小程序页面调用云函数removeData

问题描述: 当我们初始化一个小程序时,默认文件 app.js 中有onLaunch函数, onLaunch: function () { console.log("onLaunch"); wx.login({ success: res => { console.log("login"); // 发送 res.code 到后台换取 openId, sessionKey, unionId } }) } 默认目录,"pages/index/index&qu

作者:叶小钗 转载至:https://www.cnblogs.com/yexiaochai/p/9346043.html 我们这边最近一直在做基础服务,这一切都是为了完善技术体系,这里对于前端来说便是我们需要做一个Hybrid体系,如果做App,React Native也是不错的选择,但是一定要有完善的分层: ① 底层框架解决开发效率,将复杂的部分做成一个黑匣子,给页面开发展示的只是固定的三板斧,固定的模式下开发即可 ② 工程部门为业务开发者封装最小化开发环境,最优为浏览器,确实不行便为其提供一

明白了小程序中的 JavaScript 同浏览器以及NodeJS有所不同后,开发者还需要注意到另外一个问题,不同的平台的小程序的脚本执行环境也是有所区别的. 小程序目前可以运行在三大平台: iOS平台,包括iOS9.iOS10.iOS11 Android平台 小程序IDE 这种区别主要是体现三大平台实现的 ECMAScript 的标准有所不同.截止到当前一共有七个版本的ECMAScript 标准,目前开发者大部分使用的是 ECMAScript 5 和 ECMAScript 6 的标准,但是在小程

习惯性使用console.log打印获取到的数据,信息等,然后上星期大佬看见了说怎么那么多打印信息出来,线上那个也是吗?问我能不能线上的就不打印出来? 我就说那就封装一个打印函数呗. 重写一个没问题,问题是之前写了那么多,都不知道写去哪儿了,不想找,所以决定重写console.log算了. //重写console.log方法,判断是否开启日志调试模式,否则就不输出 console.log = (function(oriLogFunc){ return function(str){ if (Con

云函数开发遇到的问题 在微信云开发环境当中,普通的用户并没有往云存储内写入文件的权限 所以普通用户想要使用wx.cloud.uploadFile显然是不现实的 但是我们同时也知道,云函数是后台服务端,具有管理员权限,只要能调用云函数上传文件就可以解决这个问题了 参照官方文档中云函数的写法 const cloud = require('wx-server-sdk') const fs = require('fs') const path = require('path') exports.main

关键技术点: 作用域问题——回调函数中的作用域已经脱离了调用函数了,因此需要在回调函数外边把this赋给一个新的变量才可以了. 业务需求: 微信小程序开发,业务逻辑需要,需要把获取手机号码的业务逻辑作为检验登录有效性函数的回调函数. 异常描述: 微信小程序开发给data中的变量赋值,出现以下错误: VM1610:1 thirdScriptError Cannot read property 'setData' of undefined;at pages/index/index checkSess

微信小程序 定义全局数据.函数复用.模版等 微信小程序定义全局数据.函数复用.模版等问题总结: 1.如何定义全局数据 在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp();  app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数. 2.如何实现代码的复用 函数的复用: test.js test: function(){ } module.exports={ test:test } other.js v

背景 我们的小程序项目的构建是与web项目保持一致的,完全使用webpack的生态来构建,没有使用小程序自带的构建功能,那么就需要我们配置代码转换的babel插件如Promise.Proxy等:另外,项目中涉及到异步的功能我们统一使用async/await来处理.我们知道,小程序的onError 生命周期只能捕获同步错误,而完全不采用小程序自带构建工具的情况下,开发模式下遇到的问题: 小程序异步代码中的异常onError无法捕获,开发者工具控制台也没有抛出异常信息 这样在开发过程中页面展示异常,

1. project.config.json写上云函数所在目录"cloudfunctionRoot": "cloudfunctions/",如图 2. app.json写上“cloud”:true,如图 app.js写上(这步是将用户访问记录到用户管理中,在控制台中可见) onLaunch: function () { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.clou

async await比Promise更好的解决异步操作问题,但是在小程序中直接使用会出现以下的错误提示 是因为缺少了regeneratorRuntime这个模块,需要从外部引入 1.在新建的文件夹中执行 npm init ,生成package.json文件(一路回车就好) 2.执行 npm install regenerator@0.13.1 3.找到并将node_modules/regenerator-runtime/runtime.js复制到小程序项目中 4.在需要使用到async awa

时间:2020/01/23 步骤 1.在微信开发者工具中云函数所在的文件夹的图标与其他文件夹是不同的,如下(第一个是云函数): 如果需要使一个普通文件变为云函数文件夹,需要在project.config.json(配置文件)中添加一行: "cloudfunctionRoot": "cloudfunctions/", 2.要使用云函数必须先安装node.js,安装后在cmd中输入node -v和npm -v打印版本号就可以知道是否安装成功. 3.需要为云函数安装wx-

一.数据库获取数据 1.1 数据库获取数据的写法 在本地创建的页面js文件中写代码 1.2 数据库获取数据返回数据限制20条 数据库获取数据,每次返回20条数据(数据库有108条数据) 1.3 数据库获取数据权限设置 数据库获取数据时,想要获取成功,必须设置相应权限,将默认的[仅创建者可读写]变更为[所有用户可读,仅创建者可读写]  二.云函数获取数据 2.1 云函数获取数据的写法 1.在云端的云函数的js文件中获取数据 2.在本地创建的页面js文件中调用云函数  2.2 云函数获取数据每次返回

最近在做云开发博客小程序 采集微信发布的信息放入数据库会有createTime因此发现了不一样的地方 云函数可以直接使用 但是放到引导全局的app.js文件却是找不到该方法-->dateformat() 创建小程序项目时会默认生成一个utils/util.js文件,里面的内容主要如下: const formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day

一.调用初始云函数获取openid的两种方法 1.传统的success和fail 2.ES6的.then和.catch 3.编译结果 说明:初始云函数,是指刚创建完成的云函数.默认系统写的代码.

一.检查云函数环境 检查云函数环境时候,鼠标右键点击查看当前环境.如果存在多个云开发环境,要确保云函数的当前环境要与app.js中evn的环境值一致. 如果不一致,则鼠标右键切换当前云开发环境.(如果存在多个云开发环境可以进行切换) 二.创建云函数 点击创建的云函数文件夹>鼠标右键>新建Node.js云函数 将新建的Node.js取名为getData,点击enter后,getData文件夹下面自动生成三个文件:config.ison,index.js,package.json.

一.新建云函数文件夹 新建的云函数文件夹,命名为cloud,该文件夹一定要与pages文件夹同级.此时该文件夹的前面没有云朵的标识.  二.配置project.config.json文件 在project.config.json文件里面配置云函数所在的目录为cloud.代码 "cloudfunctionRoot": "/cloud", 注意:代码中的cloudfunctionRoot中的R一定要大写,oot一定要小写. 代码写完后,点击保存.此时cloud文件夹的图

底部tab 有 login/index    my/index   home/index 操作1>进 login/index 页面,  index.js加载以下方法 onLoad页面加载onShow页面显示onLonReadyad页面初次渲染 操作2>进 my/index, index.js加载以下方法 onHide页面隐藏 操作3>进 login/index 页面,  index.js加载以下方法 onShow页面显示 操作4>切后台,  index.js加载以下方法 onHid