微信小程序
发布微信小程序体验版
小程序这么火，一直没有做过。因为公司有个业务需要做小程序就顺带学习了一把。1）本次是采用《微信开发者工具Stablev1.02.1904090》进行的开发；2）前端使用的是微信官方提供的WeUI.小程序基础业务功能做好了，想发布一个版本试试效果，怎么发布呢？1、小程序要在手机端使用必须要通过具有域名的后台网站作为应用接...
购物车小程序~
"""1.启动程序后，输入用户名密码后，让用户输入工资，然后打印商品列表2.允许用户根据商品编号购买商品3.用户选择商品后，检测余额是否够，够就直接扣款，不够就提醒4.可随时退出，退出时，打印已购买商品和余额5.在用户使用过程中，关键输出，如余额，商品已加入购物车等消息，需高亮显示升级需求：10%1.用户下一次登录后，...
微信小程序map组件z-index的层级问题
说起微信小程序的map组件，可以说是良心之作了，一个组件解决了所以接入地图的所有麻烦，但是在实际小程序的试用过程中还是存在点问题的。如下情景：刚开始接入map组件的时候是在微信开发工具的模拟器上预览的，看起来没有一点问题，如下图：但是在手机上真机模拟的时候就比较尴尬了，地图挡住了我底部的按钮，这个要怎么办呢？先是在百度...
简单抓取小程序大全，并展示
前言，想利用小程序导航页面来提升网站的流量，找到www.xcxdh666.com该小程序导航网站。分析网页 1发现网站其实也是用异步分页请求加载数据的，所以根本用不着xpath解析html，直接分析其请求URL 2点击加载更多找到请求，发现其实就是pa...
XML完成小程序
XML文档的格式如下：<?xmlversion="1.0"encoding="utf-8"?><学生名单><学生Name="李四一"class="0102"><性别>男</性别><生日>1999年1月2日</生日><学号>2...
微信小程序开发之带搜索记录的搜索框
实现功能：点击搜索框，有搜索记录时以下拉菜单显示，点击下拉子菜单，将数据赋值到搜索框，点击搜索图标搜索，支持清空历史记录，可手动输入和清空查询关键字， UI: wxml：<!--查询历史记录数据--><viewclass="ddclass"hidden="{{!StorageFla...
小程序推送消息（Template）
最近搞小程序模拟推送消息，才发现小程序推送消息接口准备下线。请注意，小程序模板消息接口将于2020年1月10日下线，开发者可使用订阅消息功能 咱们现在有需求，所以不管下不下，完成再说。一：”获取access_token的接口地址：https://api.weixin.qq.com/cgi-bin/...
小程序-组件component和模版template的选择和使用
小程序提供了组件component和模版template那什么时候选择哪一个使用呢？我总结了一下template主要是模版，对于重复的展示型模块进行展示，其中调用的方法或者数据data都是需要引用页面进行定义component组件，相对于template更完整，接近于一个独立的模块，有自己的逻辑方法，数据，属性，可以提...
小程序-canvas在IOS手机层级最高无法展示问题
要求的效果：正面：背面： 在开发者工具利用css和定位实现了一个版本 .topBox.on{transform:rotateY(180deg);}.topBox{position:relative;height:300rpx;transform-style:preserve-3d;transition:1s;...
小程序-二维码生成
在h5端做二维码我一般是借用插件qrcode现在在小程序也需要实现二维码功能如下图：也是用qrcode，wepapp版本 资源地址 引用方式地址事例：https://github.com/tomfriwel/weapp-qrcode/blob/master/components/myCo...
小程序:在{{}}中使用函数
一般来说，在渲染数据之前，我会在js中重新处理数据，在进行输出。不过今天来科普另一种方法，在wxml中直接调用函数的的方法——wxs这里是微信给出的官放描述1.编写wxs的方法2.在wxml中引入wxs module代表wxs模块名（与调用的必须一致）src代表相对路径&l...
小程序 公众号/h5相互跳转-webview
小程序与h5的跳转前提小程序管理后台配置域名白名单，并且h5页面是嵌在小程序里面（相互跳的前提条件）在业务域名中设置好访问的h5地址 微信官方web-view介绍地址 https://developers.weixin.qq.com/miniprogram/dev/component/w...
小程序-轮播图/旋转木马效果
实现效果（基于原生组件的实现）实现代码：wxml 轮播图部分<swiperclass="swiper"circular="true"indicator-dots="true"indicator-color="#E6E6E6"previous-margin='70rpx'next-margin="70rp...
微信小程序将view动态填满全屏
一、在app.js利用官方方法获取设备信息，将获取到的screenHeight、windowHeight度量单位统一由rpx换算为px注：官方文档给出【rpx换算px(屏幕宽度/750) 】【px换算rpx(750/屏幕宽度)】App({onLaunch:function(){wx.getSystemInfo...
微信小程序base64编码解码以及utf-8解码
functionbase64_encode(str){//编码，配合encodeURIComponent使用varc1,c2,c3;varbase64EncodeChars="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";vari=...
