![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
张芝山
这个作者很懒,什么都没留下…
展开
-
小程序学习--访问API数据以及后期多次请求的代码封装优化!
页面加载渲染数据的时候,也就是向服务器发送请求!接下来开始将 如果访问API 并拿到想要的数据!wx.request 发起网络请求,其中重要的参数:url:开发者服务器接口地址data:请求的参数header:设置请求的headermethod:get请求 post提交 put更新seccess:请求成功的回调函数fail:失败的回调函数具体的可以查看文档!打...原创 2018-11-09 11:39:37 · 331 阅读 · 2 评论 -
小程序学习--promise.all用法详解
实现一个功能就是点进详情页的时候,页面会出现加载的动画,等到页面的数据请求结束后,加载动画消失:这边的加载动画,我们可以用到小程序自带的方法显示加载:wx.showLoading()隐藏加载:wx.hideLoading()那么该如何判断请求结束后,隐藏掉加载的动画呢?可以采用 promise.all方法可以把多个promise实例合并为一个 /** * 生命周期函...原创 2018-11-13 11:23:57 · 5560 阅读 · 0 评论 -
小程序学习--wxs的用法
新版本的小程序的wxs功能可以让wsmxl可以调用和编写js在根目录的util文件夹下,新建filter.wxs文件 不能使用const const是ES6的语法 wxs无法运用基本上wxs和JS无关系,只是语法形式很相似! 编写几个方法 就把方法名写到module.exports中!//将反斜杠转换成文字var format = function(text){//如果传进...原创 2018-11-13 11:00:34 · 3973 阅读 · 0 评论 -
小程序学习--音乐播放器组件的编写
实现功能切换期刊的时候,切换到音乐播放器,点击可以播放,再次点击暂停,切换期刊的时候,不会暂停音乐首先看下组件的wsml代码:<!--components/classic/music/index.wxml--><view hidden="{{hidden}}" class='container'> <!-- 音乐封面图 --> <i...原创 2018-11-13 10:29:51 · 1144 阅读 · 0 评论 -
小程序学习--ES6模板字符串用法
我们通常JS变量和字符串连接是通过+号来进行,例如这样:let a = 123;console.log(a+'123')很简单 结果就是等于123123;但是有时候看代码比较不好懂,不够明了ES6有另外一个写法,也就是模板字符串,比较简洁,可读性更好:let a = 123;console.log(`${a}123`)同样打印出来也是123123;这里需要注意的是,去掉...原创 2018-11-13 09:40:58 · 2030 阅读 · 0 评论 -
小程序学习--ES6扩展运算符的用法
看下这段JS代码,请求到数据之后,在前端渲染页面都是需要写上前缀,比如我这个代码中的前缀是classic,所以在渲染的时候,都需要写上classic.字段名onLoad: function (options) { classicModel.getLatest((res) => { this.setData({//数据绑定和数据更新 cla...原创 2018-11-13 09:52:23 · 750 阅读 · 2 评论 -
小程序学习--app.json文件的介绍
app>json是小程序一个项目很重要的文件,全局的配置都在里面,是不可或缺的,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等.现在看下我的代码 基本上开发小程序会用的模块配置都在里面,读者只需要复制之后,进行自己想要的修改:需要注意的是 这个文件中 是不能写入任何的注释的 (这里为了方便说明 在代码上写上注释){ "pages": [//下面都...原创 2018-11-05 13:50:49 · 353 阅读 · 0 评论 -
小程序学习--JS点击按钮得到用户授权得到信息(复用组件)
首先,第一步,创建一个按钮的组件,方便复用,当点击按钮时候,会跳出是否授权的对话框:组件的wxml代码:<button bind:getuserinfo="onGetUserInfo" open-type="{{openType}}" plain="{{true}}" class="container"> <slot name="img"&原创 2018-11-05 18:10:27 · 1078 阅读 · 0 评论 -
小程序学习--行为构建器Behavior的编写(组件的公共js封装)
运用这个构建器的环境是:编写了三个组件,组件的js中的外部数据,也就是properties下的变量都是重复的,在这种情况,是不是每次编写组件的js时候,都要复制同样的变量到对应的js中,所以我们采取行为构建器的方法,、把相同的部分也提取出来,这样有便于维护和代码的复用性!首先在创建一个js文件,classic-beh.js// 构造器--构造行为//行为能够被其他组件一起使用...原创 2018-11-10 11:48:14 · 2433 阅读 · 2 评论 -
小程序学习--observer函数的应用(组件中的业务)
需求是这样的 就是构建月份的组件中,月份小于10月的时候 显示的数字都是一个位数,需要转换成两位数,比如8月份是8 ,那就要转换为08 ,同理可得 其他低于十月份的月份也是要这样做:打开组件的js文件接下来看下代码:properties: { //月份的值 index:{ type:String, //不能在obse...原创 2018-11-10 11:25:55 · 9912 阅读 · 2 评论 -
小程序学习--自定义事件的激活和运用
小程序开发过程中,编写一个组件是很常见的.但是有时候,我们对这个组件进行操作的时候,希望能通过绑定的事件,进行提交我们的数据到服务器上.那么这时候,就需要我们创建自定义事件!先看组件的js代码:// components/like/index.jsComponent({ /** * 组件的属性列表 */ properties: { like:{...原创 2018-11-09 17:23:27 · 294 阅读 · 0 评论 -
小程序学习--请求API数据中引入models(页面请求数据封装优化)
我的一篇博客讲到关于请求数据的优化,现在尝试引入models进行更好的优化,如果有不清楚的,可以先看下我之前的博客:https://blog.csdn.net/zhangzeshan/article/details/83868856好,接下里开始讲关于引入models优化页面js请求数据的方法:在根目录下新建文件夹 models 然后在文件夹下创建页面的js文件,比如我的page页面是...原创 2018-11-09 15:14:05 · 440 阅读 · 0 评论 -
小程序学习--点赞组件(支持复用)
首先看下组件的wxml代码:<view bind:tap="onlike" class="container"> <image src="{{like?yesSrc:noSrc}}" /> <text>{{count}}</text></view>简单说下代码:bind:tap是给这原创 2018-11-06 10:13:36 · 972 阅读 · 0 评论 -
小程序学习--如何利用storage缓存机制(小程序缓存功能)
小程序中一个切换期刊的业务,每次切换的时候,都需要向服务器发送请求,显得很麻烦,所以才去storage的机制,在编译过程中就加载好数据存放到缓存中,这样每次切换期刊的时候,不用再次发送请求,完成优化打开开发工具的调试器,选择network,每次切换的时候,只请求新期刊的点赞状态,而其他信息不再请求每一期的期刊只请求了一次,其他都是点赞状态的请求也就是favor接下来看如何实...原创 2018-11-12 21:37:51 · 5207 阅读 · 0 评论