微信小程序开发
正经程序员·
If you want to go fast, go alone. If you want to go far, go together.
展开
-
微信小程序空格换行以及如何隐藏标签
微信小程序的空格和换行与HTML是完全不同的.在HTML中通过字符实体来实现空格的.空格: &nbsp; 注:分号不能忘记换行: <br>标签微信小程序中类似于word文档中的用法空格: \t 换行: \n 微信小程序如何隐藏标签.class_name{ display: none;}通过CSS进行控制,和HTML中的用法很类似....原创 2018-04-09 16:44:04 · 7459 阅读 · 0 评论 -
微信小程序:反编译
此技术源于github,仅供个人学习,请勿用于非法用途.项目地址:地址第一步,下载nodejs nodejs官网下载完成后配置环境原创 2018-06-16 16:02:41 · 4236 阅读 · 2 评论 -
微信小程序页面刷新,下拉刷新
最近做项目的时候略微研究了一下微信小程序的页面刷新机制.微信小程序的刷新类似于Ajax的刷新,可以通过setData实现部分页面的刷新,并不需要onLoad页面.当然,微信小程序并没有类似于网页或者Android的页面重载方法.刷新页面只能通过setData或者使用官方提供的下拉刷新.1.使用setDatathis.setData({ shop_list: new_shop_list ...原创 2018-05-07 08:58:35 · 17649 阅读 · 0 评论 -
微信小程序登录Java后台接口(详解,附示例代码)
首先看一下官方文档地址:微信小程序官方文档API登录接口我们先对官方给的时序图进行简单的分析1.当小程序调用wx.login()时,会获得一个code(临时登录凭证),然后我们需要用wx.request()将code发送到自己的服务器.2.在服务器的接口中,调用登录凭证校检接口,将appid(小程序唯一标识)+appsecret(小程序的app secret)+code发送到微信接口服务.然后微信...原创 2018-04-19 12:53:12 · 49503 阅读 · 21 评论 -
微信小程序--使用本地服务器进行测试开发
很多做微信小程序开发的程序员都是有JavaEE基础的最近群里好多人问,小程序怎么访问本地的tomcat接口服务器,在这里记录一下首先写一个接口,地址是"http://localhost:8080/test"然后进行一个Post请求wx.request({ url: 'http://localhost:8080/test', data:{}, method:'POST', ...原创 2018-04-18 08:45:37 · 22267 阅读 · 1 评论 -
微信小程序之第三方UI框架 zanui 使用教程
ZanUI-WeApp是有赞移动 Web UI 规范 ZanUI 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一的使用感受。现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、tab、toast、toptips 等组件或元素。具体可以扫描下方小程序二维码,体验组件库示例 Demo还是一样的套路,...原创 2018-03-28 23:16:53 · 26112 阅读 · 6 评论 -
微信小程序之官方UI框架we-ui 使用教程
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。首先先看一下这套框架的GItHub地址微信小程序UI框架we-ui1.从git上clone到本地太简单的东西我就不解释了,直接讲怎么用...原创 2018-03-28 22:57:13 · 40158 阅读 · 1 评论 -
三分钟实现微信小程序轮播图
生命不息,代码不止.在Android的项目完成后,接下来的半个月,要完成一款配套的微信小程序.那就开始动手呗.小程序的轮播图可比Android的简单多了,官方直接给出了这个组件,让我们看一看如何快速实现微信小程序的轮播图呢1.index.wxml<!--index.wxml--> <swiper class="swiper" indicator-dots="true...原创 2018-03-28 21:53:14 · 10998 阅读 · 3 评论 -
微信小程序实现仿美团外卖饿了么左右联动页面
话不多说,先上图注:要实现全部效果,需要引入zan-ui的框架,如果不会引入的话,可以参考我的这篇文章微信小程序之第三方UI框架 zanui 使用教程wxml<view class="goods" wx:if="{{status==0||item.status==status}}"> <view class="menu-wrapper"> <scroll-...原创 2018-04-04 08:47:30 · 32340 阅读 · 9 评论 -
微信小程序实现弹窗预览图片
今天要实现,点击实现预览图片的功能,看了网上的解决方案,都不太满意,于是自己写了一个.用到了zan-ui的弹窗样式,要引入zan-ui的框架,不会的话,可以看这篇文章微信小程序之第三方UI框架 zanui 使用教程有一个商品点击图片一个弹窗的效果实现预览图片wxml代码首先是图片的代码<image src="{{image_path}}" style="width: 57px;height...原创 2018-04-03 23:58:24 · 17753 阅读 · 2 评论 -
Now you can provide attr "wx:key" for a "wx:for" to improve performance.
今天的微信小程序开发过程中遇到了Now you can provide attr "wx:key" for a "wx:for" to improve performance.虽然并不影响运行,但是看着实在是不舒服,于是查阅了官方文档. <view wx:for="{{shop_list}}" wx:for-index="index" wx:for-item...原创 2018-04-03 09:07:40 · 6666 阅读 · 0 评论 -
微信小程序开发之页面传取值(数组,对象,字符串)
微信小程序页面的传值取值.小程序传递参数的方式有三种:(1)通过在App.js中设置全局变量(2)通过拼接URL直接传递(3)通过数据缓存存储再获取1.app.js通常把不更改的常量数据放在app.js的Data中,在各个页面都可以通过App实例获取Data的数据.var app = getApp();var data = app.data;2.wx.navigateTo({})中URL携带参数...原创 2018-04-09 21:13:06 · 19192 阅读 · 1 评论 -
微信小程序实现横向滚动
最近做项目的时候遇到一个需求实现自定义导航栏的横向滚动,研究了一会,今天记录一下.看一下实现效果: (下面的导航栏由六个view组成,可滑动)<!--pages/test/test.wxml--><view class='index' ><scroll-view scroll-x="true" style=" white-space: nowrap; display...原创 2018-06-26 20:03:09 · 6811 阅读 · 0 评论