小程序
总结日常小程序开发踩过的坑,共同进步!
lucky.麒麟
一样魔前千古间,独看桑蝶化人间。一叹求魔千万年,几多轮回古葬边。
展开
-
小程序之上拉加载和下拉刷新
创建Data/** * 页面的初始数据 */ data: { articleInfo: [], // 请求数据是否为空的状态 flag: true, // 初始为第一页 index: 1,},分页请求数据 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) ...原创 2019-01-09 18:06:13 · 515 阅读 · 0 评论 -
小程序之文件上传
小程序前端数据处理// 引入Model类import {PlayModel} from "../../../models/PlayModel";import {FileModel} from "../../../models/FileModel";import {TimeStorage} from "../../../utils/timeStorage";let playModel ...原创 2019-01-06 18:32:52 · 5020 阅读 · 1 评论 -
小程序之数据缓冲的封装
未使用缓冲的请求将请求添加到小程序的生命周期函数,每次加载数据都会请求数据。Page({ data : { imgList: [] }, onLoad: function() { carouselModel.getAll((res) => { let imgList = res.object; ...原创 2018-12-24 16:13:17 · 481 阅读 · 0 评论 -
小程序之图片的上传、删除和预览和视频的上传和删除
最近在做一个小程序,帖子中用到了一个关于文字、图片和视频的一些操作。最终的样式原始样式上传图片上传视频这个可以实现输入文字的统计和限制,图片的上传、预览和删除,视频的上传和删除功能。如何实现上面的那些样式呢?大家可以先阅读下面的文档,会发现其实很简单。小程序关于图片操作的api文档:https://developers.weixin.qq.com/min...原创 2018-12-22 23:19:56 · 4808 阅读 · 3 评论 -
小程序之登录授权(springboot做后端)
小程序登录流程:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html在onGetUserInfo中添加接口onGetUserInfo(event) { const userInfo = event.detail.userInfo if (userInfo) { ...原创 2018-12-18 09:53:13 · 32826 阅读 · 34 评论 -
小程序之登录授权(小程序端处理)
登录组件组件的UI<!--components/login/index.wxml--><button bind:getuserinfo="onGetUserInfo" open-type='{{openType}}' plain='{{true}}' class="container"> <slot name=&am原创 2018-12-18 09:49:53 · 7854 阅读 · 0 评论 -
小程序之npm引入第三方UI
官方对npm的使用介绍https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html可能会出现错误,没有node_modules,导致无法引入第三方UI等具体正确操作应该是:# 在终端打开项目,执行命令npm init这样就初始化的npm项目。# 接下来生成package-lock.json,记录使用的第三方...原创 2018-12-06 22:58:21 · 5558 阅读 · 1 评论 -
小程序之对HTTP请求的封装
一般的进行数据请求并且很多时候需要使用临时变量保存this指针。/** * 页面的初始数据 */ data: { test: 1 },/** * 生命周期函数--监听页面加载 */onLoad: function (options) { let _this = this; wx.request({ url: 'http://localhost:...原创 2018-11-17 15:41:02 · 1663 阅读 · 0 评论 -
小程序之组件
组件的目录结构目录一目录二注册组件{ "usingComponents": { "v-like": "/components/like/index" }}在使用组件的页面的json文件中注册组件使用<!--pages/pan/open.wxml--><v-like />...原创 2018-10-19 18:42:28 · 119 阅读 · 0 评论 -
小程序之flex布局
构建一个页面的骨架wxml<view class="chunck color_1">1</view><view class="chunck color_2">2</view><view class="chunck color_3">3</view>wxss.chunck原创 2018-10-19 16:02:01 · 725 阅读 · 0 评论