小程序
前端阿龙
希望做好身边的小事
展开
-
微信小程序页面内tab切换问题
啥都不说了直接亮代码在wxml页面的代码是这样的上面的tab选项笔记关于我收藏活动选项对应的内容 只是举例所有笔记更多在js页面的代码data:{tabArr: {currentId: 1,currentBdid: 1},}tab: function (e) {var dataid = e.currentTarget.idvar obj = ...原创 2018-10-11 17:50:03 · 4815 阅读 · 0 评论 -
小程序心得 三
小程序中如果想让一个页面为默认首页 就直接在app.json中的pages数组中第一个写上这个页面的路径就可以了 一般是写登录授权页面的 如果想让用户一开始进入授权页面 只需在授权页面的js中设置setStorge 一个key值 当用户进入首页时 在首页的onLoad函数中提取这个key值 如果提取不到 跳转授权页面就行了 小程序中也有可能遇到需要给storge一个过期时间的情况 如果碰到这...原创 2018-09-12 09:05:54 · 185 阅读 · 0 评论 -
小程序之登录验证界面的实现
首先得写一个登录验证的界面 具体可参考以下链接 https://blog.csdn.net/weidong_y/article/details/79636386 然后在app.json中写上 onLaunch: function() { // 展示本地存储能力 var logs = wx.getStorageSync('logs') || [] logs....原创 2018-09-11 14:23:50 · 5392 阅读 · 0 评论 -
微信小程序之心得体会二
在进行逻辑判断时 大部分情况下都要用到for循环 所以要善于运用for循环 如果有多个事件之间的关系相互嵌套 例如:想要实现一个点击标签之后 点击发布 不显示弹窗 但是如果不点击标签直接点击发布就显示弹窗 代码如下 小程序中的每个页面都有钩子函数 小程序的app,js中也有自己的三个钩子函数 小程序中App()函数的生命周期状态 onLaunch: 监听小程序初始化 全局只会触发...原创 2018-09-11 10:13:57 · 3609 阅读 · 0 评论 -
做小程序的心得体会
微信小程序在做的时候一定要看文档 其中文档中有三个方面比较重要 1.框架 框架就是相当于页面中的标签元素 还有全局的配置 2.组件 组件就相当于是在标签元素上写的一些属性 方便改变事件或标签的属性 例如 swipe标签 组件中就是一个一个的正常或者有特殊作用的标签 3. API api是具体的就是微信已经写好的方法的调用 例如点击事件中的调用本地相机 或者本地文件之类的 ...原创 2018-09-06 19:32:51 · 4536 阅读 · 1 评论 -
template模板的使用及 文章详情跳转及数据的传递
title: template模板的使用及文章详情跳转及数据的传递 date: 2018-08-27 16:45:55tags: 微信小程序wx:for只能在当前页面循环当前页面的数据 用template可以解决 template是一个模版 创建一个模版文件夹 在里面创建html css文件就可以了 在template文件的html中创建template标签 添加name属性 把...原创 2018-09-06 19:30:07 · 1235 阅读 · 0 评论 -
微信小程序官方自带tab选项卡
微信小程序文档在框架中有介绍 tabBar只能配置最少两个最多五个 如果想让哪个文件出现tabBar必须把这个文件放在tabBar中的list数组下 以上说的都是微信小程序中给的tabBar这个配置的框架 下面说一说 自定义的tab选项功能的实现 tab选项功能实现 首先要把样式写出来 让后在heml标签上面加上自定义的id data-id 加上点击事件 当点击...原创 2018-09-06 19:29:28 · 1359 阅读 · 0 评论 -
微信小程序接口以及页面跳转
只有前端确定了自己的页面和样式没有问题 才可以把服务器数据获取到页面上 在js文件中输入page点击回车 自动生成page脚本文件 其中里面有几个page的生命周期 其中 onload :function() 页面初始化 onReady:function() 页面渲染完成 onShow:function() 页面显示 onHide:function() 页...原创 2018-08-27 19:19:18 · 2285 阅读 · 0 评论 -
微信小程序开始创建到第一个页面详情
首先注册账号 进去后点工具 下载完成后打开编辑器 可以简单操作页面数据 注意 修改完后需要保存 需要新建页面时 新建个目录在目录里新建page 小程序中的配置中的app.json的作用 app.json是当前小程序的全局配置,包括了小程序的所有的页面路径 界面表现 网络超时时间 底部tab等。QuickStart 项目里边的 app.json 配置内容如下: { ...原创 2018-08-27 19:18:43 · 977 阅读 · 0 评论 -
弹性盒子
弹性盒子基础的属性 display: flex 不管是什么元素都可以添加flex变成弹性盒子 弹性盒子内部的项目直接会变成可设置宽高等属性的元素 容器内部元素默认的按照主轴进行排列给一个元素添加该属性,则这个元素就会变成弹性盒子模式 如果给元素添加了flex,那么flex内部的元素会自动横向排列容器 flex-direction ...原创 2018-08-27 19:17:46 · 1540 阅读 · 4 评论 -
from表单验证 并调用支付接口
报名 并验证from表单 并调用支付接口const app = getApp()// pages/activdetail/sign/sign.jsPage({ /** * 页面的初始数据 */ data: { ajxtrue:false, sex:"" }, // 手机号验证 blurPhone: function (e) { v...原创 2018-09-14 11:37:04 · 800 阅读 · 0 评论 -
微信小程序图片上传到七牛云具体代码实现
1.首先下载七牛云.js 在需要上传图片的js中文件中引入const qiniuUploader = require("../../../utils/qiniuUploader.js");然后就在onload函数中写请求 跟后段的接口对接wx.request({ url: app.globalData.urls + "/wxchat/upload/upload_toke...原创 2018-09-14 16:58:05 · 11824 阅读 · 4 评论 -
微信小程序之下拉加载
因为下拉加载这个功能 估计很多页面都需要 所以最好的做法就是直接封装起来 随调随用在写一个es6的简便的赋值语句let{bianling1,bianliang2}=this.data前提是data中有变量一 变量二 这个用法可用于验证表单填写的有没有空值 还可以用于别的地方 loadMore() { // page是关注页面的当前页,pagesize每页的条数 let ...原创 2018-10-11 18:04:31 · 371 阅读 · 0 评论 -
微信小程序中的转发功能
https://blog.csdn.net/u011415782/article/details/81082526转载 2018-09-29 16:10:05 · 1319 阅读 · 0 评论 -
weui的下载与使用
转载链接 https://github.com/Tencent/weui-wxss下载完成后 用微信开发者工具打开dist目录根据你点击进入的页面 下面有页面路径 找到那个文件夹 复制你想要复制的代码就可以了...原创 2018-09-28 12:37:34 · 2666 阅读 · 0 评论 -
微信小程序写完之后的真机调试获取不到数据的问题
app.js中代码如下import { Token } from 'utils/token-model.js';var scence = 0;App({ onLaunch: function () { // wx.getSetting({ // success: function (res) { // console.log(res) // ...原创 2018-09-25 10:23:52 · 20128 阅读 · 3 评论 -
微信小程序 token 过期时间后重新获取
首先先封装个公用的jsclass Config{ constructor() { }}Config.restUrl = 'https://wx.knowdao.com';export { Config };再从另一个封装的共用的调token的js里面传入这个模块import { Config } from 'config.js';class Token { co...原创 2018-09-21 19:39:19 · 31315 阅读 · 5 评论 -
微信小程序登录授权 并解决app.js中的onLaunch中的数据 在page的onLoade中接收不到的问题
首先理一下授权登录的顺序 1.用户进入小程序有一个默认页面 在这个默认页面的onLoade中设置一个只有点击授权才能得到的数据如: wx.getStorage({ key: 'success', success: function (res) { }, fail: function (res) { wx.red...原创 2018-09-20 19:52:17 · 15897 阅读 · 2 评论 -
微信小程序可能出现的问题
1.与后台对接口时发现数据也能打印出来但是后台接收不到可能是传的数据类型有错误 用typeof判断下数据类型2.原创 2018-09-20 19:40:32 · 656 阅读 · 0 评论 -
微信小程序心得四之点击多选并返回状态给后台
在写微信小程序的过程中 特别是有一种需求 就是点击显示选中状态 然后再点击取消选中状态 但是你的数据都是后台发给你 循环出来的样式 非常大的可能就是没给你发state这个状态 这个时候就要自己用for循环循环每一条后端发过来的数据并且加上state这个状态 例如:let friendArr = JSON.parse(options.friend) for (let i = 0; i < f...原创 2018-09-18 14:46:59 · 1804 阅读 · 0 评论 -
微信小程序之七牛云实现多张图片上传效果
Page({ /** * 页面的初始数据 */ data: { temp:[], changColor: false, sendFlag: false, pencilimg: "../../../assets/img/pencil.png", tempFilePaths: [], tempFilepath:"../../../a...原创 2018-09-17 15:19:01 · 2293 阅读 · 0 评论 -
template模板的使用及文章详情跳转
wx:for只能在当前页面循环当前页面的数据 用template可以解决 template是一个模版 创建一个模版文件夹 在里面创建html css文件就可以了 在template文件的html中创建template标签 添加name属性 把模版编写好 想要在别的文件中用这个模版 想要在那个地方使用的话 用 block标签包裹 如果在item前加上… 就可以去掉模板文件中的item了 ...原创 2018-08-27 19:15:02 · 1445 阅读 · 0 评论