官方说明目前看不出来这个接口有哪些具体运用,但是既然有这个接口,那我们就试试能不能用 访问接口修改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的值反推出与接...