先来说微信小程序原生的请求接口方式吧,如官网文档,在页面中请求直接调用 在这里感谢接的是提供的免费接口https://blog.csdn.net/c__chao/article/details/78573737 wx.request({ url: 'https://api.apiopen.top/searchAuthors', //仅为示例,并非真实的接口地址 data: { name: '李白' }, header: { 'content-type': 'application/json' /…

导语 上一篇文章微信小程序搭建mpvue+vant已经介绍了如何搭起mpvue项目及引入vant,本篇文章继续在它的基础上,引入flyio,并做一些封装,目的是为了在小程序发起请求. 这时读者会有些疑问,小程序已经有了request,为什么还用flyio?这不是造轮子吗?我是这么想的,其实现在不管是mpvue,还是wepy都好像还不能完美编译出微信小程序和h5版本.为了以后应对老板有创建h5版本的想法,我们应该为以后复用小程序代码做好准备工作.既然h5也会有ajax,flyio也支持小程序和h5…

安装 mpvue-echarts的github地址 https://github.com/F-loat/mpvue-echarts $ cnpm install mpvue-echarts $ cnpm install echarts DEMO 复制粘贴后即可看到效果 <!-- * @Author: wangyang * @LastEditors: wangyang * @Description: file content * @Date: -- :: * @LastEditTime: -- :…

踩坑中~ 官方文档 https://www.yuque.com/antv/f2/intro 毕竟不像echarts接触过,所以还是先看看文档较好 github https://github.com/simaQ/f2-canvas https://github.com/antvis/wx-f2 用mpvue-echarts写,这个回头再来填坑,看了官方的教程感觉要引入mpvue其实和引入vant组件的没啥太大区别,mpvue-echarts还是比较方便的 坑还是要踩的 !标记标记…

vant 的使用 我开始是 npm 导入,然后 import,使用不了. 找了各种方法,最后还是下载文件,然后找到 dist 文件夹,复制到项目里,我是放在 static 文件夹,文件名 dist 重命名为 vant. 在 app.json 里添加需要的组件,这是全局添加的,可以全局使用这些组件 "usingComponents": { "van-button": "../static/vant/button/index", "van-…

Fly.js 一个基于Promise的.强大的.支持多种JavaScript运行时的http请求库. 有了它,您可以使用一份http请求代码在浏览器.微信小程序.Weex.Node.React Native.快应用中都能正常运行.同时可以方便配合主流前端框架 ,最大可能的实现 Write Once Run Everywhere.本文主要介绍一下如何在微信小程序中使用flyio. 简单用法请直接移步官方文档查看,https://github.com/wendux/fly 下面主要说一下它的拦截器的…

克隆仓库 克隆后,将dist目录下的所有文件复制到项目中的/static/vant/目录下,vant目录是我自己创建为了区分的 git clone https://github.com/youzan/vant-weapp.git 注意:一定要确保复制完全了,我当时复制的时候common文件夹没复制过来,就出现错误了! 引入 直接在用的页面的main.json中引用了,这里的配置是根据我的目录结构来的,如果你和我前面的操作一致,那么直接复制粘贴就可以了,不然就要自己修改哦~ "usingCompo…

前言 有问题可以随时提问,评论私信,只要我有时间我都会第一时间回复.当大家发现这篇文章不适用的时候烦请告知下,我好做好更改! 放置 下载好的字体图标放在static目录下,我是自己又创建了一个iconfont目录便于区分,我是全引入的,如果后面出现问题再更改 引用 在App.vue中引用 @import "./../static/iconfont/iconfont.css"; 重新编译 $ npm run build…

前言 有一个项目需要引入图表,当时有两种选择一种是mpvue-echarts,一种是F2,而我经过踩坑之后依然决然的选择了mpvue-echarts,简单快捷容易上手,主要之前用过比较熟悉. 问题 | 解决 引入后突然发现,打包的时候出问题了,vendor太大了!看了引入的才发现引入的echarts太大了,然后换成了压缩版的! import * as echarts from 'echarts/dist/echarts.min' 引入后再打包少了2M左右但是还是大啊,查看了webpack后发现,…

第一步:查看是否已经装了node.js $ node -v $ npm -v   正确姿势 没有装的话前往Node.js官网安装 第二步:安装cnpm $ npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步:安装 Vue Cli $ sudo cnpm install -g @vue/cli   正确姿势 第四步:想好项目名称,并创建它 先要进入你的代码目录,然后再创建,需要了解 我本地代码目录:/Users/hr…