![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序开发学习 记录
文章平均质量分 67
微信小程序开发学习 记录
卡、
这个作者很懒,什么都没留下…
展开
-
微信小程序开发学习 第十八天 把图片、视频放到小程序云
小程序上传的文件部分不能超过2m因此除了页面图标以及代码以外基本放不下其他的东西的,而小程序要展示视频、图片等文件就需要事先把资源上传到云,然后在小程序里加载云上的资源:步骤:1、首先创建的小程序得是云开发的模式才能上传资源:2、点击云开发按钮3、进入云开发窗口以后再点击左上角的存储按钮,就可以看到左部有上传文件的按钮,点击即可上传文件4、上传文件后文件会生成访问链接和文件ID小程序加载上传的资源:<image src=" 资源链接 或者 File ID"></ima原创 2020-05-19 11:38:18 · 1252 阅读 · 1 评论 -
微信小程序 开发学习 第十六天 初步完成不同页面数据同步显示
做了几天晚上的数据结构修改,终于做出点小成果了:动作修改前查看计划界面:修改动作界面增加了一个动作:波比跳动作修改后:回到查看动作页面开始动作界面:小结:关键是页面跳转时要把用户的动作数据保存到缓存,并在新页面展示时加载缓存的数据离开界面前保存数据changeInfo: function () { wx.setStorageSync('userPlan', this.data.userPlanData) console.log('跳转至修改信息页面') w原创 2020-05-16 22:21:59 · 611 阅读 · 0 评论 -
微信小程序 开发学习 第十五 wx.setStorageSync、wx.getStorageSync的低级错误
遇到的问题:var userPlan = testPlan1 wx.setStorageSync({ key: 'userPlan', data: 'userPlan' })var userPlan1 = wx.getStorageSync({key: 'userPlan'})console.log("testPlan1: "+testPlan1)console.log("userPlan: "+userPlan)console.log("userPlan1: "原创 2020-05-16 20:16:18 · 1183 阅读 · 0 评论 -
微信小程序开发学习 第十四天 success()函数data未定义以及点击按钮弹出选择框
在success(res)函数中data未定义:代码: addAction1: function () { wx.showActionSheet({ itemList: ['胸部伸展', '跪姿俯卧撑', '蹲起跳','早安式伸展','俯卧挺身Y,T,W型','腹部拉伸',], success (res) { console.log(res.tapIndex) console.log(this.data.showActionList)原创 2020-05-14 23:48:17 · 810 阅读 · 0 评论 -
微信小程序开发学习 第十四天 wx:for循环传入js数组的下标 data-index
想做数组的增删改查,传入数组的下标必不可少用到的组件:wx:for-indexdata-index代码 :wxml文件:wx:for-index=“index” 确定下标的名字data-index="{{index}}" 在bindtap事件里绑定数据下标data-index<block wx:for-index="index" wx:for="{{showActionList}}" wx:for-item="item"> <view class="windows1"&原创 2020-05-14 21:47:15 · 1845 阅读 · 0 评论 -
微信小程序开发学习 第十二~十三天 开始修改demo底层数据结构
近况:这两天在修改demo的底层数据结构,但是遇到了一个莫名其妙的问题:循环部分:<block wx:for="{{showActionList}}" wx:key="j" wx:for-index="i" wx:for-item="item"> <cover-view class="exercise"> <cover-view>{{item}} {{i}} {{j}} {{action[item].name}}</cover-view> &原创 2020-05-14 00:03:51 · 144 阅读 · 0 评论 -
微信小程序开发学习 第十一天 判断对象是否为空
今天为我的demo添加了两个小功能都需要判断对象是否为空首页加载时为为填入信息则跳转页面代码: onLoad:function(){ //获取内存信息 var userInformation = wx.getStorageSync('userInformation') //测试未填入时信息的类型 console.log("userInformation.exerciseAbility: "+userInformation.exerciseAbility) //选取关原创 2020-05-11 23:43:25 · 1390 阅读 · 0 评论 -
微信小程序开发学习 第十天 寻找变量undefined的原因以及input组件问题
今天做小程序比较崩溃,劲是找bug去了。。。1:必须在page页面外定义变量才能在函数里取出内存里的值(调试了好久,一直未定义变量,搜也搜不到,难道没有人遇到过这样的bug?可能是我太菜了吧。。)//page外定义变量day、consumedvar dayvar consumed//page里onShow: function () { day = wx.getStorageSync('day') consumed = wx.getStorageSync('consumed')原创 2020-05-10 23:09:09 · 1931 阅读 · 1 评论 -
微信小程序开发学习 第九天 开始增加demo的功能
小程序的demo已经做出来了,接下来就是把一些具体的细节给丰富一下。(自己做出来的屎含着泪也要变成能吃的T_T)第一个功能:根据体重年龄锻炼强度等信息计算达到目标体重所需的锻炼天数://内存获取用户信息:let userInformation = wx.getStorageSync('userInformation')//根据锻炼强度得出每日锻炼消耗的热量500、600、8000let burnedDaily if(userInformation.exerciseAbility==1){原创 2020-05-09 23:01:40 · 137 阅读 · 0 评论 -
微信小程序开发学习 第八天 点击按钮切换数据
步骤1、进入页面加载数据:onLoad函数就是在加载页面时调用/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { //页面加载时读取缓存存数据 let userInformation = wx.getStorageSync('userInformation') //将数据初始化 this.setData({ information: userInformation, }) }原创 2020-05-08 22:33:59 · 882 阅读 · 0 评论 -
微信小程序开发学习 第七天 页面跳转的三种方式:
参考:微信小程序(九):页面跳转微信小程序开发文档问题在小程序进行页面跳转时我发现点后退会回到上一界面,有时候这不是我想要的。如:当点击完成后跳转界面:点击返回又回到第一个图的界面查了查发现原来是页面跳转方式的问题。从跳转的方式(或说成打开新页面的方式)来说大致可分为:请求转发,请求重定向 和 TAB页跳转请求转发 wx.navigateTo(Object object)保...原创 2020-05-07 21:14:05 · 142 阅读 · 0 评论 -
微信小程序开发学习第七天 input
参考:小程序开发文档:input微信小程序—如何获取用户输入文本框的值去掉冗余把部分效果展示一下:wxml文件: <view class="itemView">性别: <input class="input" placeholder="请输入男或女" bindinput="getSex" /> </view> <view class="i...原创 2020-05-07 20:55:30 · 118 阅读 · 0 评论 -
微信小程序开发学习 第七天 在不同界面传递数据的两种方式
参考:开发 | 如何在微信小程序的页面间传递数据?全局变量的方式:在app.js中设置全局变量//app.jsApp({ globalData: { test : 99, //全局变量的初值设为99 }})在其他页面的js文件中赋值、使用全局变量//index.js//获取应用实例const app = getApp()app.globalData.tes...原创 2020-05-07 20:34:13 · 169 阅读 · 0 评论 -
微信小程序开发学习 第六天 遭遇height改变不了高度
今天仅仅是做出了几个不完善的页面,把页面设计的熟练度提升了一下,不过遇到了一个特别郁闷的bug(不知道是不是)。可以看到course-card的父级list-scroll-view占据特别大的屏幕面积(第一个图) 但是改变course-card高度height:10%——>100%,course-card的屏幕面积就是不变。网上搜了一下说是吧app.json 的style"v2"删除...原创 2020-05-06 23:59:07 · 323 阅读 · 0 评论 -
微信小程序开发学习 第五天 页面跳转 循环语句 条件语句
页面跳转: <cover-view class="musicLib Lib" bindtap="clickMusicLib"> <image src="../../img/yinyue.jpg" mode="widthFix" class="img"></image> <view>音乐库</view> </cover-v...原创 2020-05-05 23:27:05 · 692 阅读 · 0 评论 -
微信小程序开发学习 第四天 界面设计小结
小程序的界面设计:首先把page调成占满屏幕(如果不这样调可能会出现page占不满屏幕的情况,我今天刚刚遇到,找了好久的原因。。):长度设计尽量使用百分比,这样才尽可能在不同机型上正常显示page{ height: 100%; width: 100%;}开始设计先把一个基本底页铺满屏幕(就是铺满page)然后把界面分成 上中下三部分:head、middle、bottom(一...原创 2020-05-04 20:53:15 · 596 阅读 · 0 评论 -
微信小程序开发学习第三天 页面设计尝试
第三天:今天是学习的第三天,我先把微信开发手册的指南看了一遍,对微信小程序的基本架构有所了解:如:小程序的运行环境分成渲染层和逻辑层,其中 WXML 模板和 WXSS 样式工作在渲染层,JS 脚本工作在逻辑层。我把开发手册的知识点做成学习笔记:最后我刷了两遍在微信学院的进阶教程,其中代码明天早上我要手动实现。...原创 2020-05-04 00:38:20 · 203 阅读 · 0 评论 -
微信小程序开发学习第二天 按部就班的名片小程序
第二天:今天我是先看了看微信小程序官网的开发手册,然后在微信学院的小程序入门自己实现了一遍,算是有所收获了index.wxml<view class="card"> <image class="bg" src="../../image/bg.png" mode="widthFix"></image> <image class="logo" ...原创 2020-05-02 23:43:58 · 272 阅读 · 0 评论 -
微信小程序开发学习第一天 啥也不会
最近要开发一款微信小程序,但是啥也不会,开贴记录学习过程。写的可能会不通顺,因为这可能是不同地方的知识点,我会尽量理清逻辑。学习地址:微信小程序官网开发指南w3schoolbilibili.com书:21天精通微信小程序开发第一天:微信小程序使用JS,CSS,XML 语言写程序代码,几乎与web前端开发一样,但是微信小程序使用腾讯自己的技术规范和架构。微信小程序要求每个页面拥有4个...原创 2020-05-02 23:27:27 · 329 阅读 · 0 评论