小程序

KAPO是一个人博客，所以里面大部分的内容也是展示的一些自己的信息和作品。初衷是想向大家介绍我自己。私心就是为了面试的时候能够装X. kapo的架构图 博客主要分为三大模块： 文章、 项目，我 文章：包含精选文章和普通文章。精选文章是访问量较高的文章 项目：介绍了一些我做的项目 我：包含打卡和文章类型（前端，运维，生活），本打算直接跳向文章栏目，但是小程序的 switchTab不能带参数 所以只能添加一个新组件lists。 KAPO的pages目录 KAPO源码目录 assets: 用于存放静态资源 –  icon  KAPO使用了iconfont字体图标库 – images 页面中会用到的静态资源 – nav 存放tabBar里面的icon图 pages, KAPO博客的组件 index（文章类表：首页，包含精选文章和文章列表。点击内容，跳转到detail页） about（我：包含打卡，感谢和文章分类撒安达内容， 打卡是本页的重点内容）…

打开小程序的调试模式可以查看api的wx.setEnableDebug(OBJECT)方法： // 打开调试 wx.setEnableDebug({    enableDebug: true}) // 关闭调试 wx.setEnableDebug({    enableDebug: false}) 登录后复制  打开小程序的调试模式可以在app.json 的 debug配置： {  "pages": [    "pages/index/index",    "pages/logs/index"  ],  "window": {    "navigationBarTitleText": "Demo"  },  "tabBar": {    "list": [{      "pagePath": "pages/index/index",      "text": "首页"    }, {      "pagePath": "pages/logs/logs",      "text": "日志"    }]  },  "networkTimeout": {    "request": 10000,    "downloadFile": 10000  },  "debug": true} 登录后复制 完成上面的配置，使用开发者的账号还是会有这个调试存在的，只有上线了扫描新的就会没有了 而体验的账号就不会再有这个调试的存在了 以上就是小程序调试模式怎么开启的详细内容，更多请关注米云其它相关文章！

这篇文章主要介绍了微信小程序网络请求(get请求)详细说明的相关资料,需要的朋友可以参考下 微信小程序 网络请求 GET 微信小程序开发中网络请求必不可少,今天说说最简单的请求.后续会尝试上传下载,Socket这些. 1.一个微信小程序，同时只能有5个网络请求连接。 这个规定应该是微信为了保证用户体验制定的,毕竟是小程序. 2.wx.request()  参数说明: 微信小程序支持GET,POST等请求.用method可以设置. 以下是GET请求的代码: <span>//rate.js  //获取应用实例  var app = getApp()  Page( {   data: {    code: 'USD',    currencyF_Name: '',    currencyT_Name: '',    currencyF: '',    currencyT: '',    currencyFD: 1,    exchange: 0,    result: 0,    updateTime: '',   },   onLoad: function( options ) {    var that = this; …

EgretWing链接微信开发工具调试问题 EgretWing 编译器支持持三种调试模式，Node.js 、Chrome 、EgretWing 扩展开发。 开发过程中会遇到工具配置错误。   这就需要在EgretWing中的配置文件launch.json重新配置工具路径。 创建Egret项目debugTest [Egret 2D 项目向导] 创建项目完成，在.wing文件夹下launch.json配置debug信息。 如上图: {     "version": "0.2.0",     "configurations": [         {             "name": "Wing 内置播放器调试",             "type": "chrome",             "request": "launch",             "file": "index.html",             "runtimeExecutable": "${execPath}",             "useBuildInServer": true,             "sourceMaps": true,             "webRoot": "${workspaceRoot}",             "preLaunchTask":"build",             "port":5610         },         {             "name": "使用本机 Chrome 调试",…

top:0px;我们先看一下效果吧，直接上图。 第一种情况,当页面在顶部的时候，回到顶部按钮是不会出现的。 第二种情况,当页面在离开顶部一定距离的时候，回到顶部按钮出现 接下就是对代码的分析了： 在这里我们如果要使用滚动事件的话，小程序规定 最外层一定要使用scroll-view标签进行包裹，然后在设置scroll-y=”true” 意思是允许页面了纵向滚动，scroll-top是滚动到顶部做处理，一般绑定一个事件，bindscrolltolower同样的原理，滚动到底部做处理，bindscroll表示在滚动的时候出发这个事件。下面WXML内部的话，就是我们回到顶部的按钮设置，我们在点击它时绑定一个事件goTop，让他的滚动高度等于0，这样它就回到顶部了。 WXML代码： <scroll-view bindscroll="scroll">      //*********************       <view>             <view>                 顶部             </view>       </view>       //*********************   </scroll-view> 登录后复制 JS代码： //回到顶部按钮 Page({ data: {     scrollTop: 0     }, goTop: function(e){     this.setData({         scrollTop:0…

这篇文章主要介绍了php 微信开发获取用户信息如何实现的相关资料,需要的朋友可以参考下 php 微信开发获取用户信息 获取用户信息的大致算法是 用户授权登录第三方网站， 重点：scope参数： snsapi_basic 静默登录，不需要用户授权，只能获取到openid； snsapi_userinfo ，需要用户点击授权，能获取到openid和所有用户信息； 立即学习“”； 第一步：先获取用户的code值； 第二步：根据code值去获取access_token，每次请求的值都不一样，如果没有使用，每五分钟更新一次； 第三步：根据access_token获取用户信息； 1.获取code代码实现： getcode.php if(isset($_SESSION['user'])){               print_r($_SESSION['user']);               exit;             } $appid='wx1d7c6fcd6131143b3';             $redirect_url="http://www.antfortune.vip/callback.php";             $scope='snsapi_userinfo';//获取的方式;             $url='https://open.weixin.qq.com/connect/oauth2/authorize?appid='.$appid.'&amp;redirect_uri='.urlencode($redirect_url).'&amp;response_type=code&amp;scope='.$scope.'&amp;state=123#wechat_redirect'; header("Location：".$url); 登录后复制 2、根据code获取access_token和openid…

左右滑动可以切换展示图片： <!--pages/test/test.wxml--> <!-- 组件 --> <swiper>   <swiper-item>     <image></image>   </swiper-item></swiper> 登录后复制 pages/test/test.js： // pages/test/test.js Page({   data: {     imgUrls:[       'http://dl.bizhi.sogou.com/images/1440x900/2014/05/14/611368.jpg',       'http://dl.bizhi.sogou.com/images/1440x900/2013/10/19/394877.jpg',                'http://img04.sogoucdn.com/app/a/100520093/ca86e620b9e623ff-d72d635343d5bade-dcf2acda7a45cb44f172db138bdf8d2d.jpg',     ]   },   //事件处理函数   toupper:function(){     console.log("触发了toupper");   } }) 登录后复制 pages/test/test.wxss： .img{  width: 100%;…

本篇文章给大家介绍一下微信小程序开发中的网络请求封装，聊聊二次封装的原因，具体的封装实现，希望对大家有所帮助！ 1、背景 在做微信小程序开发的时候难免会涉及到网络请求操作，小程序提供的原生网络请求的api如下所示： wx.request({   url: 'https://test.com/******', //仅为示例，并非真实的接口地址   data: {     x: '',     y: ''   },   header: {     'content-type': 'application/json' // 默认值   },   success (res) {     console.log(res.data)   } }) 登录后复制 其中： url： 为请求的后台接口地址； data： 为请求接口需要携带的参数； header：设置请求的 header，content-type 默认为 application/json，  success： 为请求成功后的回调，res包含请求成功后返回的数据。 更多关于 wx.request的用法可以查看官方介绍。RequestTask…

小程序生成二维码的方法：首先在wxml文件中，创建绘制的canvas；然后将【weapp.qrcode.min.js】拷贝至项目中；最后调用【drawqrcode()】绘制二维码。 小程序生成二维码的方法： 1、创建canvas标签 先在 wxml 文件中，创建绘制的 canvas，并定义好 width, height, canvasId 。由于小程序没有动态创建标签的api，所以这一步不能省略。 <canvas></canvas> 登录后复制 2、调用绘制方法 由于微信小程序不支持引入NPM包，可以将dist目录下，weapp.qrcode.min.js 拷贝至项目中。 如果你的小程序使用了支持引入NPM包的框架，如 wepy , 也可以直接安装 weapp-qrcode NPM包。 npm install weapp-qrcode --save 登录后复制 引入 js 文件后，调用 drawQrcode()…

之前写了个工具型微信小程序（find周边），里面用到了语音识别技术。本文就主要和大家分享小程序实现语音识别经验，希望能帮助到大家。 接口预览   通过阅读了解科大讯飞接口文档、小程序接口开发文档以及对后端ThinkPhp框架的学习，我整理了如下开发步骤: 注册科大讯飞账号(国人的骄傲，全球领先的语音识别技术) 进入AIUI开放平台在应用管理创建应用并记录APPID和ApiKey 进入应用配置，配置符合自己的情景模式、识别方式和技能 进行小程序开发录制需要识别的音频（下有详述） 后端转码录制的音频（科大讯飞支持pcm、wav），提交给识别接口（下有详述） 小程序接到识别结果进行接下来业务 音频录制接口 wx.startRecord()和wx.stopRecord() wx.startRecord()和wx.stopRecord()接口也可以满足需求，但从1.6.0 版本开始不再被微信团队维护。建议使用能力更强的 wx.getRecorderManager 接口。该接口获取到的音频格式为silk。  silk是webm格式通过base64编码后的结果，我们解码后需要将webm转换成pcm、wav wx.getRecorderManager() 相对wx.startRecord()接口，该接口提供的能力更为强大(详情)，可以暂停录音也可以继续录音，根据自己需求设置编码码率，录音通道数，采样率。最让人开心的是可以指定音频格式，有效值 aac/mp3。不好的是wx.getRecorderManager()在1.6.0才开始被支持。当然如果你要兼容低端微信用户需要使用wx.startRecord()做兼容处理。 事件监听细节 // wxjs: const recorderManager = wx.getRecorderManager() recorderManager.onStart(()…