微信小程序
小程序图片添加视频播放按钮图标
先上效果图： 这个不是真的video组件，这是图片上定位了一个css元素而已，上wxss代码：<viewclass="item-img"><imagewx:if="{{item.coverUrl}}"src="{{img_full_path+item.coverUrl}}"></...
小程序map地图点击makert放大效果和点击放大地图
WXML文件和JS文件代码在下方<viewclass='map'><mapid="map"longitude="{{location.lng}}"latitude="{{location.lat}}"scale="{{scaleCount}}"markers="{{markers}}"bindmark...
小程序setData 修改数组附带索引解决办法
this.setData({'judge[current]':true});以此句进行修改值，会报错Error:Onlydigits(0-9)canbeputinside[]inthepathstring:judge[current]但实际上current变量，为整型，打印出来的值为0 this.setDat...
小程序view的显示与隐藏
需要在全局数据块中，设定一个控制键。data:{......//省略其他代码showView:true},然后是在wxml中，view的class中设置2个class，并用三目表达式来进行设定class。代码如下：<viewclass="{{showView?'header_view_show':'header_...
小程序第三方框架对比 ( wepy / mpvue / taro )(转)
文章转自 https://www.cnblogs.com/Smiled/p/9806781.html 众所周知如今市面上端的形态多种多样，手机Web、ReactNative、微信小程序,支付宝小程序,快应用等,每一端都是巨大的流...
微信小程序开发 [07] 写在后面的话
写在后面的话基本算是吐槽了，在学完小程序的课程之后，我用博客园的api，写了个闪存的小程序，本来兴致勃勃甚至这篇是准备写“我的第一个小程序发布啦”，然而并没有。不是说我偷懒了没写，又或者个人拖延的原因，而是因为： 我一个个人开发者哪来什么企业主体的小程序号啊，于是可以说这个小程序算是暂时死掉了，只能期待将来U...
微信小程序开发 [06] 一些补充的知识点
之前在讲到模板部分的时候，模板引入了，实际上模板对应的wxss也是可以独立开进行单独引入的。使用 @import 语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束，如下例：/**common.wxss**/.small-p{padding:5px;}4&nb...
微信小程序开发 [05] wx.request发送请求和妹纸图
微信小程序中用于发起网络请求的API就是wx.request了，具体的参数太多，此处就不再一一详举了，基本使用示例如下：wx.request({url:'test.php',//仅为示例，并非真实的接口地址method:"POST",data:{param1:'',param2:''},header:{'content...
微信小程序开发 [04] 模板和模块化
如果相同的wxml代码可能在不同的页面重复使用，ctrl+c配合ctrl+v的方式，后期维护起来未免也太麻烦了。微信提供了“模板”，可以在模板中定义代码片段，然后在不同的地方调用。使用<template>对代码进行模板定义，并使用name属性为模板进行命名，如：<templatename="msgIt...
微信小程序开发 [03] 事件、数据绑定和传递
在微信小程序中，事件的绑定依附于组件，当事件触发时，就会执行事件对应的处理函数。我们回到前几章中的例子，将index页面调整为首页（app.json中调整pages数组元素的顺序），此时我们希望，点击页面中的“HelloWorld”字样，能够跳转到我们之前写的Welcome页面中去：首先来说明一下事件的绑定形式：事件绑...
微信小程序开发 [02] 页面注册和基本组件
对于小程序中的wxss布局方式，不推荐使用诸如position，float之类的属性，而是采用flex布局，灵活快捷自适应，关键是自适应！此处另起标题也是为了表达我对其强烈的推荐，因为我这个后端都能用flex很好的布局，可见其简单快捷性！强烈推荐阮一峰老师的两篇博文：Flex布局教程：语法篇Flex布局教程：实例篇...
微信小程序开发 [01] 小程序基本结构和官方IDE简介
如上图，整个IDE分为四个部分：中间的文件目录树模拟器（左侧）编辑器（右上）调试器（右下） 其中调试器是不是很熟悉？没错，和你用的chrome开发者工具一模一样，稍微有点要提醒的是：.js类型的文件，在Sources中都有两个，其中xx.js是编译后的，xx.js?[sm]才是和我们实际文件相同，调试时使用x...
微信小程序开发 [00] 写在前面的话，疯狂唠唠
我总是喜欢在写东西之前唠唠嗑，按照惯例会在博文的开篇写这么一段“写在前面的话”，这次却为了这个唠嗑单独开了一篇文，大概预想着要胡说八道的话有点多。前段时间突然对小程序来了兴趣，说句实话，我都忘记了准确的导火线，大概是一直想做点什么个人的小作品，结果又因为贫穷限制了我买服务器。索性这个世界上有种东西叫“第三方API”，我...
微信小程序 使用swiper制作一个滑动导航
最近在做一个导航的时候，发现使用overflow-x:auto来做多内容滑动导航效果很不好，思索是不是可以使用swiper来做一个，研究了下其实发现原理基本相同这里说下，要用swiper做导航菜单，有几个要特别注意的参数1：autoplay，官方说明【是否自动切换】，这个不填，菜单可不能自己动2：indicator-d...
