璞~
这个作者很懒,什么都没留下…
展开
-
目前为止最全的微信小程序项目实例
wx-gesture-lock 微信小程序的手势密码WXCustomSwitch 微信小程序自定义 Switch 组件模板WeixinAppBdNovel 微信小程序demo:百度小说搜索shitoujiandaobu 小程序:石头剪刀布(附代码说明)audiodemo 微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义star 微信小程序开发之五星评分swit...原创 2018-11-15 14:49:26 · 727 阅读 · 0 评论 -
微信小程序根据经纬度请求本地天气接口
微信小程序根据经纬度请求本地天气接口onLoad: function (options) {wx.getLocation({success: ({ latitude, longitude }) => {wx.request({url: 'http://www.test.com/wx/interface/setup/weather.php', //天气接口地址data:...原创 2021-07-12 11:40:50 · 183 阅读 · 0 评论 -
php实现微信模板消息推送
转自:https://www.jb51.net/article/137428.htm这篇文章主要为大家详细介绍了php实现微信模板消息推送,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了php微信模板消息推送的具体代码,供大家参考,具体内容如下1.微信公众号模板消息配置2.PHP代码/*** 发送模板消息*/ public function send_notice(){ //获取access_token if ($_COOKIE['access.原创 2020-09-22 10:50:22 · 412 阅读 · 0 评论 -
微信小程序开发工具中怎样进行代码格式化
快捷键:shift+alt+F原创 2020-05-21 14:41:13 · 2864 阅读 · 0 评论 -
使用小程序内置地图wx.getLocation和wx.openLocation
使用小程序内置地图wx.getLocation和wx.openLocation<!--index.wxml--><button bindtap="map">定位</button> //index.js//获取应用实例const app = getApp()Page({ data: { }, map:functi...原创 2018-11-28 17:57:42 · 2865 阅读 · 0 评论 -
微信小程序去除Button默认样式
微信小程序去除Button默认样式 在小程序开发过程中,使用率蛮高的组件button,因为经常要去除默认样式,然后再自定义样式,所以经常写,自己也总结分享一下简单的实现步骤。(一)实现效果1、实现前(默认样式):2、实现后(去除默认边框和背景色): 二)实现过程1、使用::after 伪类选择器,因为button的边框样式是通过::after方式实现的,如果在b...原创 2018-12-13 16:55:55 · 3995 阅读 · 0 评论 -
微信小程序自定义弹窗/弹出层功能,非官方api
微信小程序自定义弹窗/弹出层功能,非官方apiindex.html<!--index.wxml--><!-- 遮罩层 --><view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view><!-- 弹出层原创 2018-12-19 18:35:58 · 696 阅读 · 0 评论 -
微信小程序--组件覆盖之position和z-index
微信小程序--组件覆盖之position和z-index 在写页面的时候,我们常常会有这样的需求,就是将一个组件置于另一个组件之上。那么,该如何来实现呢?其实,非常简单我们只需要在wxss里设置好position和z-index这两个属性就好了1.父组件,必须将其position属性设置为relative.uploader-img { /* display: block; ...原创 2018-12-07 14:01:42 · 6406 阅读 · 0 评论 -
微信小程序图片文字水平垂直居中对齐
微信小程序图片文字水平垂直居中对齐要实现水平垂直居中可使用如下方案 给父元素设置.td { display: flex; align-items: center; justify-content: center;}文字的水平居中text-align: center;居中对齐方式有很多种例如text-align:center;align-items:......原创 2018-12-14 17:27:36 · 15773 阅读 · 0 评论 -
微信小程序js数组倒序reverse
微信小程序js数组倒序reverse普通.js用法var a = [1,2,3]; //创建数组·alert(a.reverse()); //颠倒顺序并输出输出结果321微信小程序.js用法var a = [1,2,3]; //创建数组·console.log(a.reverse()); //颠倒顺序并输出两者用法一样......原创 2018-12-10 09:10:06 · 12524 阅读 · 2 评论 -
JavaScript 数组模糊查询 indexOf() 方法
JavaScript 数组模糊查询 indexOf() 方法定义和用法indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)提示和注释注释:indexOf() 方法对大小写敏感!注释:如果要检索的字符串值没有出现,则该方法返回 -1。实例在本例中,我们...原创 2018-12-26 16:03:06 · 4984 阅读 · 0 评论 -
微信小程序之分页加载的的案例
分页加载功能大家遇到的应该会经常遇到,应用场景也很多,例如微博,QQ,微信朋友圈以及新闻类应用,都会有分页加载的功能,这不仅节省了我们用户的流量,还提升了用户体验。那么今天的这篇文章就是介绍微信小程序中如何实现分页加载的功能。照例先上源码及效果图。源码传送门要实现这样的功能,一般需要在请求数据时加入当前请求页数,以及页的大小(每页显示的数量)也有一部分接口是通过请求的开始偏移量和结束偏...原创 2018-12-10 14:57:57 · 435 阅读 · 0 评论 -
JavaScript push() 方法
JavaScript push() 方法JavaScript Array 对象定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。语法arrayObject.push(newelement1,newelement2,....,newelementX)参数 描述 newelement1 必需。要添加到数组的第一个元素。 newe...原创 2018-12-10 17:30:38 · 156 阅读 · 0 评论 -
微信小程序页面跳转方法总结
微信小程序页面跳转方法总结微信小程序页面跳转目前有以下方法(不全面的欢迎补充):1. 利用小程序提供的 API 跳转:// 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,但是 redirectTo wx.navigateTo({ url: '/pages...原创 2018-12-13 10:57:23 · 566 阅读 · 0 评论 -
微信小程序的for嵌套循环
微信小程序的for嵌套循环听说最近微信小程序开发火热,不久前做了一个小程序测试,由于要取日期及下面数据。循环嵌套还是搞了又好一会儿。下面是代码:数据:var DateShow=[[{name:111},{name:666},{name:555},{name:333}],[{name:”fff”},{name:”bjb”},{name:”jknvjdnf”},{name:”h...原创 2018-12-06 10:41:29 · 771 阅读 · 0 评论 -
微信小程序使用CSS3——渐变
CSS3 渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。CSS3 定义了两种类型的渐变(gradients): 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(Radial Gradients)- 由它们的中心定义 线性渐变 - 从上到下(默认情况下).view11 { width: 2...原创 2018-12-05 13:44:37 · 554 阅读 · 0 评论 -
CSS text-align图片文字内容居左 居右 居中
CSS text-align之CSS居中(text-align:center)、CSS内容居左(text-align:left)、CSS文字居右(text-align:right)样式属性篇,图片、文字内容对齐 居中 居左 居右篇 text-align语法:text-align : left | right | center | justify text-align参数值与说明: lef...原创 2018-12-05 14:15:03 · 2439 阅读 · 0 评论 -
微信小程序点击触发事件bindtap
微信小程序点击触发事件bindtapbindtap事件在wxml文件中绑定bindtap事件, <view class='wel-list' bindtap='TZdown'> <image src="/images/welcome_08.png"></image> <text>C语言资料下载</text> ...原创 2018-12-05 15:00:56 · 9585 阅读 · 1 评论 -
微信小程序 仿京东分类菜单 swiper分类菜单
有同学要仿京东分类菜单.写了一个.跟 微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换很类似代码:js就这么一点 //index.js //获取应用实例 var app = getApp()Page({ data: { currentTab: 0, grids: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9], ...原创 2018-12-05 16:47:17 · 2581 阅读 · 0 评论 -
微信小程序列表分页原创笔记
微信小程序列表分页原创笔记原创 2018-12-12 15:20:22 · 510 阅读 · 2 评论 -
微信小程序页面带参数跳转及接收参数内容navigator
微信小程序页面带参数跳转及接收参数内容navigator 功能从index页面跳转到news页面,并在news页面获取id及imgUrl index.wxml<navigator class='looks-view' wx:for="{{imgUrlNew}}" wx:key="index" url="/pages/news/news?id={{item.id}}&i...原创 2018-12-03 16:20:28 · 1565 阅读 · 0 评论 -
微信小程序input不能为空怎么处理
在事件中获取input的内容 var input = e.detail.value; // 获取当前表单元素输入框内容 if(input) { }else{ wx.showToast({ title: '不能为空或您未更改', icon: 'false', duration: ......原创 2018-12-03 17:46:23 · 6850 阅读 · 0 评论 -
onready和onload的区别
onready和onload的区别1.onready比onload先执行执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。2.onload只执行最后一个而onready可以执行多个。编写个数不同 window.onload不能同时编写多个,如果有多个wind...原创 2018-12-21 14:27:33 · 861 阅读 · 0 评论 -
微信小程序--实现拨打电话功能
微信小程序--实现拨打电话功能 .wxml<view class='lian2' bindtap='makePhoneCall' data-mobile="{{shop.mobile}}"> <text class='lian_left'>电话</text> <view class='arrow2'&g...原创 2018-12-17 09:13:26 · 1501 阅读 · 0 评论 -
微信小程序如何使用Git实现版本管理
微信小程序如何使用Git实现版本管理微信开发者工具版本管理的使用 1 打开微信开发者工具,点击顶部工具栏右侧的“版本管理” 2 点击“初始化Git仓库” 3 点击确定按钮 4 如图,就可以看到刚上传的本地分支的版本信息了 5 更改代码,目录树中页面右侧就会出现M标志,表示页面有更改(详细的介绍请参考微信官...原创 2018-12-27 17:05:51 · 2597 阅读 · 0 评论 -
微信小程序路径带参数跳转
微信小程序路径带参数跳转release_con: function () { console.log(this.data.cateid) wx.navigateTo({ url: '/pages/release_con/release_con?cateid='+ this.data.cateid }) } ...原创 2019-01-14 13:37:49 · 2096 阅读 · 0 评论 -
微信小程序使用setData方法修改data中对象或数组的属性值
微信小程序使用setData方法修改data中对象或数组的属性值使用微信小程序开发时,涉及到data的修改一般使用微信官方推荐的setData方法,按使用情况分别操作如下:一、直接修改data的某个属性二、修改data里的数组或对象的属性如果按照第一种方法操作,编辑器会报错,此时我们只需将数组或对象的属性转换成字符串,再用中括号括起来就可以修改了:----------...原创 2019-01-09 14:24:49 · 5109 阅读 · 1 评论 -
微信小程序——返回上个页面带参数
微信小程序——返回上个页面带参数当前页面:var pages = getCurrentPages(); //当前页面var prevPage = pages[pages.length - 2]; //上一页面prevPage.setData({ //直接给上一个页面赋值 addresschose: that.data.address[inde...原创 2019-01-15 19:06:58 · 972 阅读 · 0 评论 -
JavaScript unshift() 方法:向数组的开头添加一个或更多元素
JavaScript unshift() 方法:向数组的开头添加一个或更多元素定义和用法unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。语法arrayObject.unshift(newelement1,newelement2,....,newelementX)参数 描述 newelement1 必需。向数组添加的第一个元素。 n...原创 2019-01-10 11:18:57 · 8644 阅读 · 0 评论 -
微信小程序使用setData方法修改data中对象或数组的属性值
微信小程序使用setData方法修改data中对象或数组的属性值使用微信小程序开发时,涉及到data的修改一般使用微信官方推荐的setData方法,按使用情况分别操作如下:一、直接修改data的某个属性二、修改data里的数组或对象的属性如果按照第一种方法操作,编辑器会报错,此时我们只需将数组或对象的属性转换成字符串,再用中括号括起来就可以修改了:-------...原创 2019-01-16 19:32:25 · 1544 阅读 · 0 评论 -
微信小程序 踩坑之JSON.parse ()转换失败问题
微信就是最大的坑!!!!!一开始接收到的数据是一段字符串然后用 var str = res.data;str = str.replace(/\ufeff/g,"");去掉多余的部分转json对象用JSON.parse(str);可得到正确的数组结果 ...原创 2019-01-29 16:31:46 · 6858 阅读 · 4 评论 -
微信小程序左上角返回按钮跳转到指定页面
微信小程序左上角返回按钮跳转到指定页面在当前页面的 onUnload 执行页面跳转 onUnload: function () { wx.redirectTo({ url: '../index/index' }) },原创 2019-01-30 18:36:43 · 7197 阅读 · 1 评论 -
微信小程序给wx.showToast 更换图标 icon 种类
icon图标。属性名 类型 默认值 说明 type String icon的类型,有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear size Number / String 23px icon的大小,单位p......原创 2019-01-30 19:13:00 · 37953 阅读 · 0 评论 -
微信小程序添加客服接口
微信小程序添加客服接口场景:电商应用中充当客服角色,针对某一款商品咨询服务看了眼文档https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/receive.html添加了一个客服按钮方法一:<contact-button class="but...原创 2019-01-18 21:22:25 · 2965 阅读 · 0 评论 -
微信小程序传递参数(字符串、数组、对象)
微信小程序传递参数(字符串、数组、对象)传递字符串//传递参数(?model中,model是下个页面获取时的key) click:function(e){ var model = this.data.str; wx.navigateTo({ url: '../detail/detail?model=' + model, }) } //在下...原创 2019-01-18 18:31:52 · 3688 阅读 · 0 评论 -
微信小程序—如何获取input输入文本框的值
微信小程序—如何获取input输入文本框的值.wxml<view class="itemView">用户名: <input class="input" name="userName" placeholder="请输入用户名" bindinput ="userNameInput"/> </view>原创 2019-01-17 19:56:00 · 2074 阅读 · 0 评论 -
微信小程序 if else
微信小程序 if else//index.xml //微信是封装过if语句的,你只要在index.js中设置好值,然后就可以直接想这样拿来判断了,还有这是class=“view”效果放在判断语句中是没有效果的<view class="page"><view class="view" ><view wx:if="{{you}}">true&原创 2019-01-02 14:52:07 · 1724 阅读 · 0 评论 -
微信小程序长按事件
微信小程序长按事件bindlongpress="hide".wxml <view class='list' bindlongpress="hide"> <view class='wen'> <view class='age'> <text class='age'>年龄:{{item....原创 2018-12-28 15:06:58 · 1684 阅读 · 0 评论 -
微信小程序设置背景图&&什么是 base64 编码?
开发小程序的时候,设置页面的背景,我用到代码:.wxml<view class='top' style="background-image: url('/images/my_bj.png');background-size:cover"></view>.page__bd{ width: 100%; height: 220px; ba...原创 2018-12-18 14:01:05 · 1191 阅读 · 1 评论 -
CSS定位到最底部
CSS定位到最底部<view class='sub_com'> <button formType="submit" disabled="{{subdisabled}}" class='sub_bott' >保存</button></view>.sub_com{ width:100%; display: flex; ali....原创 2018-12-25 16:08:17 · 22373 阅读 · 2 评论