官方说明目前看不出来这个接口有哪些具体运用，但是既然有这个接口，那我们就试试能不能用 访问接口修改WeCharBase.cs，新增以下2个方法 public static string ServerIPs{get { return GetServerIPs(); }}/// <summary>获取所有服务器IP</summary>/// <returns></returns>private static string GetServerIPs(){try{var client = new WebClient();client.Encoding = Encoding.UTF8;return client.DownloadString(string.Format("ht...
最近在帮朋友写个小程序，本人小白一枚，但是好在计算机科班出身，有些概念一看还是明白的，只是之前没实际写过程序。于是最近看了好多资料和视频，不得不说，对于小白来讲，还是有点难度，但是不大。 通过最近看资料和别人的视频，总结一下： 1.页面布局，先画好。都是盒子，需要几个盒子，你就先画几个盒子。比如下面这个页面：红色盒子浅蓝盒子绿色盒子（这个绿色盒子里又可以切分成两个盒子：白色字体较大一个盒子，白色字体较...
近期在了解个人支付接口，希望能解决我在微信上支付的问题。找了很多平台对比再三，感觉 payjq 比较专业。同时支持支付宝和微信，由于本人支付宝还没开通（需要有一定流量才给开通），本文重点讲一下微信收银台模式的对接。记录一下。 收银台模式对接其实非常简单，官方有开发包可以直接使用，或者自己开发也比较简单。 一、个人通过代码实现的办法配置商户号和通信密钥 $mchid = **************; // PAYJQ 商户号$key = ********...
如何获取用户当前地址，这个就要先用到小程序的定位功能:定位官方文档第一步获取当前定位在js当中写运行项目之后会有个这样的弹窗：这是因为开发者需要说明获取用户地理位置的用途。解决方法：在app.json中增加permission属性。这样就可以获取到用户的地理坐标了。第二步讲当前定位转换程地址信息这个功能需要用到腾讯地图SDK：官方文档官方文档上使用SDK的步骤写的挺详细的，还带上了各种链接：第4步的安全域名设置在你自己的小程...
上次给大家分享了如何用js实现剪切板粘贴上传图片，今天跟大家分享下JS Base64编码解码。 1. 基础不牢，选型糟糕 糟糕的技术选型往往源自自身技术广度不足。就在数月前，一个前端HTML字符信息转Base64的需求，我是毫不犹豫去找了个开源的base64.js。使用很简单，浏览器引入该JS文件，然后Base64编码这样：解码就调用decode方法，如下：数据准确，功能良好。当时弄完还洋洋得意，以为是个完美的解决。结果，今天发现，尼玛原来浏览器...
写项目的时候发现小程序没有自带的弹窗输入的组件，只能自己写一个。1.半透明的遮盖层遮盖层的样式和显隐事件wxml代码：<view class="body"><button bindtap=eject>弹窗</button> </view> <view class="model" catchtouchmove=preventTouchMove wx:if={{showModal}}></view>wxss代码：.model{position: absolute;width: 100%;height: 100%;background: #000;z-index: 999;opacity: 0.5;top: 0;left:0; }js代码： /*** 页面的初始数...
前期准备Vant Weapp组件库： https://youzan.github.io/vant-weapp/#/intro 1.先在微信开发者工具中打开项目的终端：然后初始化一个package.json文件：输入命令：npm init 然后一路回车默认的即可： npm init项目就回产生一个package.json文件： {"name": "miniprogram","version": "1.0.0","description": "","main": "app.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC...
自从小程序文档更新后，自动授权已不存在啦 目前的授权都是通过button来实现的，具体知识点可参考小程序的官方文档，以下是我做的一个小demo（进入首页，跳出一个登录弹出框，弹出框是自己写的一个UI组件），废话不多说，直接上代码 UI组件部分（modal）modal.wxml<view class=modal-mask wx:if={{show}} bindtap=clickMask><view class=modal-content><scroll-view scroll-y class=main-content><slot></slot></scroll-view></vie...
介绍Miment 是一个轻量级的时间库（打包压缩后只有1K）,没有太多的方法，Miment的设计理念就是让你以几乎为零的成本快速上手，无需一遍一遍的撸文档由来首先 致敬一下Moment，非常好用的一个时间库，我本身也是Moment重度使用者，用习惯了Moment,一碰到需要处理时间的需求，立马Moment,不过有时候想想，Moment给我们提供了那么多的功能，但是我们天天用的，也就那么一两个，刚好最近在写微信小程序，然后在页面引入Moment，打包完，...
上回说到Vue组件间通讯，最后留了一个彩蛋~~~Vuex。Vuex是另一种组件通讯的方法，这节来说说Vuex(store仓库)。 首先Vuex需要安装，安装的方式有很多，在这里就不一一细说了。我是通过npm方式安装的： npm install vuex --save安装好之后需要再main.js里全局引入： import Vue from vue import Vuex from vuex Vue.use(Vuex)new Vue({el:#app,store,components: { App },template: <App/>})这样就完成了Vuex的安装。接下来就是Vuex的...
演示 演示1演示2演示3 一、功能描述1、预设过渡 支持区分enter、leave支持预设过渡的组合特别强调:支持元素展开、闭合的过渡。name==slide或[slide[,]]，即可实现，无需外部传height支持外部传类来过渡或动画/* 预留过渡 */ /** *1、fade *2、移动:up,right,down,left四个方向 *3、scale缩放：默认是从0->1，还预设了一个从1->1.2的 *4、rotate旋转。顺时针旋转。角度用以上方向来指示。如果逆时针中间加上reserve。 如rotate-ri...
一、列出7种数据类型（面试可能问）UndefinedNullBooleanStringNumberSymbolObject二、undefined本质undefined是window对象的一个属性，其类型是Undefined。下面解释javascript中属性的本质，因为undefined是一个属性，了解undefine的本质要用到属性的本质。 三、属性本质对JavaScript来说，属性并非只是简单的名称和值，JavaScript用一组特征（attribute）来描述属性（property）。 先来说第一类属性，数据属性。它比较接近于其它...
做成之后就是这个样子 接下来上代码创建一个组件。显示验证码图片 <template><div class="s-canvas"><canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas></div> </template> <script> export default{name: SIdentify,props: {identifyCode: { // 默认注册码type: String,default: 1234},fontSizeMin: { // 字体最小值type: Number,default: 25},fontSizeMax: { // 字体最大值type: Number,default: 3...
前言 最近开发了一个小程序动态仪表盘组件，并以第三方小程序组件的形式发布到npm，任意小程序项目都可以安装这个模块，从而获得仪表盘功能。组件功能目前还非常简单，先来预览一下效果：感兴趣的直接看源码： https://github.com/tower1229/weapp-plugin-dashboard 下面是踩坑过程。如何开发微信小程序自定义组件官方提供了一个CLI工具专门用于开发小程序自定义组件，首先全局安装这个工具：npm install -g @wechat-miniprogram/m...
前言 iBeacon是苹果公司推出的一项低耗能蓝牙技术，由蓝牙设备发射包含指定信息的信号，再由移动设备接收信号，从而实现近场通信。微信小程序2017年开始支持iBeacon，摇一摇附近就是基于iBeacon实现的，此外iBeacon还可以实现距离测量，本文将介绍如何基于微信小程序实现iBeacon测距。 iBeacon测距原理蓝牙信标发射的信号强度(rssi)与收发设备之间的距离，某种程度上呈正相关，因此通过合理的运算转化，可以通过rssi的值反推出与接...