Dragon

1、wxml<view> <!-- 这是地图部分 --> <view class="map_container"> <map class='map' longitude='{{longitude}}' latitude='{{latitude}}' scale='{{scale}}' markers='{{markers}}' controls="{{controls}}" bindcontroltap="bindcontrol

1、注册支付宝开放平台 并 配置好筛箱环境https://open.alipay.com/platform/appDaily.htm?tab=accounthttps://open.alipay.com/platform/appDaily.htm?tab=account2、利用composer下载扩展包composer require yansongda/pay:^2.10 -vvv3、可以参考以下网址进行开发https://pay.yansongda.cn/docs/v2/quick..

1、组件导入在miniprogram下的utils文件夹（若没有就新建一个）下，新建wxcharts.js图表组件链接：wx-charts/wxcharts.js at master · xiaolin3303/wx-charts · GitHub点进去，复制此js的全部内容，粘贴到wxcharts.js中。一、柱状图新建在pages下新建chart，包括chart.wxml，chart.wxss，chart.json，...

1、服务器<?php //创建Server对象，监听 127.0.0.1:9501 端口 $server = new Swoole\Server('0.0.0.0', 5901); //监听连接进入事件 $server->on('Connect', function ($server, $fd) { echo "有用户链接.\n"; }); //监听数据接收事件 $server-&g

1.在宝塔内 建立一个 server.php 文件2.文件内写入（切记：监听的端口号，一定要提前放行 我的是9501）<?php //创建WebSocket Server对象，监听0.0.0.0:9501端口 $ws = new Swoole\WebSocket\Server('0.0.0.0', 9501); //监听WebSocket连接打开事件 $ws->on('Open', function ($ws, $request) { ..

1.在我们授权登陆后会获取到用户的 sessionKey 这个是获取手机号不可分割的一部分上代码wxml：<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>js：当我们在调用这个方法的时候可以在控制台输出一下 e 下方用红框框起来的两个也是获取手机号不可分割的一部分getPhoneNumber: function (e) {

在普通的web页面当中，我们都知道图片懒加载可以提升浏览器的加载速度。原理是图片用空或者占位图片进行显示，当屏幕移动到图片位置的时候，再把图片的地址换成它的地址。那么，在小程序当中呢，最近老大让看一下微信小程序的优化方面，图片是很吃资源的一项，所以我把矛头指向了懒加载： 首先写代码之前一定要理清楚思路，我想的基础是懒加载的思路，首先设立一个数组都为false，让图片的高度和屏幕滚动的高度进行比较，当到达这个点的时候，数组里面对应的false变成true。当数组的false变成t...

1.通常我们放到 app.js 这个初始文件中附上代码：App({ onLaunch() { wx.onNetworkStatusChange((res) => { let msg = '' if (!res.isConnected) { msg = '当前网络不可用，请检查你的网络设置' } else if (res.networkType === 'none') { msg = '网络开小差了,请网络良好

函数防抖： 英文debounce有防反跳的意思，大致就是指防止重复触发。那么，函数防抖，真正的含义是：延迟函数执行。即不管debounce函数触发了多久，只在最后一次触发debounce函数时，才定义setTimeout，到达间隔时间再执行 需要防抖的函数。用处：多用于 input 框 输入时，显示匹配的输入内容的情况。函数节流： 英文throttle有节流阀的意思。大致意思也是 节约触发的频率那么，函数节流，真正的含义是：单位时间n秒内，第一次触发函数并执行，以后 n秒内不管触...

微信小程序picker标签实现动态时间选择器与地区选择器：运行效果如下：wxml代码如下：<picker mode="date" bindchange="changeDate">{{date}}</picker><picker mode="region" bindchange="changeRegion">{{region}}</picker>js代码如下：Page({ data: { date:'选择日期器', ..

1.前端wxml代码<!--index.wxml--><view> <view class="page-body"> <view class="page-section page-section-spacing swiper" style="white:100%" style="height:250px"> <swiper indicator-dots="{{indicatorDots}}" autopla

1.参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/editor.html在文档最下方有示例代码，如下图：点击“在开发者工具中预览效果”2.将示例代码保存至桌面，以便后期操作3.文件甲中有一下文件，如下图，我们主要使用前两个文件夹4.将前两个文件甲复制到你项目的根目录下5.写代码　　wxml代码： <view class="containe...

1.写wxml代码：（因为这里是测试，所以写的比较简答）<view class="view" wx:for="{{list}}" wx:key="*this"> <view class="view1">{{item.content}}</view></view>2.写js代码：// pages/list/list.jsPage({ /** * 页面的初始数据 */ data: {

1.写wxml页面：<!--前台页面，通过判断决定展示登录还是信息--><view wx:if="{{isHide}}"> <view wx:if="{{canIUse}}" > <view class='header'> <image src='/image/hhh.jpg'></image> </view> <view cl

1.wxml代码：<input type="text" value="{{home}}" bindtap="home"/>2.js代码home(){ var _this = this wx.chooseLocation({ success:function(e){ var home=e.name _this.setData({ home:home }) } })

1.wxml代码：<l-image-picker count="3" bind:linchange="onChangeTap" />2.js代码：onChangeTap(e){ //获取所有的图片，类型是一个数组 var image=e.detail.all var _this=this //循环这个数组 for(var i=0;i<image.length;i++){ // 微信小程序内置的上传文件的方法