微信小程序
文章平均质量分 84
黑猫中校
我们都是不断填坑的勇士
展开
-
微信小程序-tab选项卡
目的:tab选项卡知识点: 1、flex布局; 2、数据绑定; 3、条件渲染; 4、列表渲染; 5、事件;原创 2017-11-08 18:47:30 · 1147 阅读 · 2 评论 -
微信小程序开发-五星评价
今天在做自己的小程序的时候做到一个对店铺的评价,文字什么的都很easy,遇到一个有趣的五星评价。先想到一个直接选择12345星的五星评价,以后有3星半的评价的效果再继续补充。开始撸代码。。。。。首先上个wxml代码: 描述相符 = 1 ? img.selected:img.normal}}' bindtap="changeColor1">原创 2017-12-04 23:08:06 · 625 阅读 · 0 评论 -
微信小程序开发-高德地图api
第一步:既然是高德地图的使用,那么我们首先进入高德地图开放平台:高德地图注册之后在应用管理新建一个应用获取key获取key之后我们去高德地图API看看高德对API的介绍,相关下载那有sdk的下载链接,参考文档有相关的方法介绍。第二步:登录微信开发者平台,在设置里面获取appid,另外在服务器域名设置里面将https://restapi.ama原创 2017-11-22 17:07:21 · 14568 阅读 · 2 评论 -
微信小程序-兼容
说到兼容,那么我们先获取系统信息看看。wx.getSystemInfo(OBJECT)获取系统信息同步:wx.getSystemInfo({ success: function(res) { console.log("异步获取系统信息:"); console.log(res); }, })异步:try {原创 2017-11-12 22:08:37 · 2275 阅读 · 0 评论 -
微信小程序开发-导航条
在小程序开发中,导航条的设置方法有几种。One:在app.js的window中设置,如果其他地方没有单独设置的话,这里的设置会运用到所有页面。"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText":原创 2017-11-12 20:29:38 · 587 阅读 · 0 评论 -
微信小程序开发-交互反馈
官网文档链接:交互反馈共用的wxml:showToastshowLoadinghideToasthideLoadingshowModalshowActionSheetwx.showToast(OBJECT)显示消息提示框showToastView:function(){ wx.showToast({ title: 'showToast',原创 2017-11-12 16:19:55 · 1806 阅读 · 0 评论 -
微信小程序开发-图片(媒体)
相关官方文档链接:媒体-图片对于选择图片,别的不说,先来一波代码再分析。wxml:buttonbindtap='chooseImg'type='primary'>选择图片button>viewclass="imgView"style='width:100px;height:100px;margin:10px auto;border:1px solid #00原创 2017-11-11 22:32:25 · 325 阅读 · 0 评论 -
微信小程序开发-网络请求
首先我们看下官方文档,然后再说说自己的理解和demo官方文档链接:官方文档-网络请求我们有几个需要注意的地方:1、header不能设置referer;2、method的有效值要大写;3、数据类型是json(默认json)会做一次JSON.prase;4、success返回参数里面的header最低版本是1.2.0,必要的时候需要进行兼容处理;5、网络请求返回值时原创 2017-11-11 21:27:21 · 834 阅读 · 0 评论 -
微信小程序开发-路由
我们先看看官网是怎么介绍页面路由的。页面路由在小程序中所有页面的路由全部由框架进行管理。页面栈框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下:路由方式页面栈表现初始化新页面入栈打开新页面新页面入栈页面重定向当前页面出栈,新页面入栈页面返回页面不断出栈,直原创 2017-11-11 14:39:30 · 349 阅读 · 0 评论 -
微信小程序开发-列表渲染和条件渲染
数据绑定我就不说,看看官方文档就行了,主要就注意下this.setData({})改变数据值就行。一、列表渲染在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 itemblock并不会渲染出来wx:key项目的唯一标识符,一般来说最好设置一个挺不错的,免得报wa原创 2017-11-11 16:32:04 · 1824 阅读 · 0 评论 -
微信小程序-模块化
wxml、js、wxss三类都可以模块化!!!一、js类可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。Tip:首先先要了解一点,每个js里定义的变量、函数,只在当前的文件里有效,也就是说每个js文件的作用域只在文件内部模块文件:function sayHi(name)原创 2017-11-11 15:23:04 · 1980 阅读 · 0 评论 -
微信小程序开发-配置
首先我要吐槽下,我也是最近才学微信小程序,遇到问题网上看了很多资料,要么不全,要么就是照搬官网教程。我花点时间自己按照官网的介绍重新学习一边并且写成教程。有不足的地方希望各位大神看到了评论说一下。。。。Zzzz配置:app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。几个当中pages是必填的!!!!原创 2017-11-11 03:56:35 · 887 阅读 · 0 评论 -
微信小程序-参数传递
1、列表index下标取值实现方式:data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可wxml:view wx:for="{{adress}}" bindtap='delete' wx:key="{{adress}}" data-index="{{index}}">text>{{原创 2017-11-10 16:12:38 · 413 阅读 · 0 评论 -
微信小程序开发-引入阿里巴巴矢量icon图标库
先在阿里巴巴图标库下载icon图标并保存到项目里,然后下载到本地。此步骤的压缩文件命名为压缩1文件。解压下载文件,打开转换网址https://transfonter.org/,点击 Add fonts按钮将iconfont.ttf文件上传上去,按图操作就好。此步骤的压缩文件命名为压缩2文件。解压下载后的文件,将文件内容复制,粘贴到压缩1文件里面的icon原创 2017-12-28 22:27:04 · 4451 阅读 · 2 评论