网站开发

前言 看了那么多的小程序入门，想必各位看官也差不多对小程序已经有了一定的了解。这篇文章就不再主讲入门，现在我们要通过一个知乎日报的小程序去实践一下，加深对微信小程序的理解。 好了，下面我们开始吧。 实战开始 首先先看看我们今天要做的知乎日报的成果。如下图。不过由于篇幅问题，今天只讲首页的完成，里面包含了与后端的交互，页面的布局，数据的渲染，响应等，基本上囊括了如何制作一个单页所有开发。 知乎日报小程序首页 1. 资源准备 知乎日报-简要版 API： new s-at.zhihu.com/api/4/news/latest 今日热文 news.at.zhihu.com/api/4/news/ before /  更多往日热文 上面这两个地址是我们今天要做的首页的API，我们将发起request请求，拿回数据做渲染。 2.首页JS 下面我们将开始编写代码，请保持首页目录结构跟我下图一致。 首页三个文件 好，首先我们先写JS文件,代码如下，而且我都加了详细的注释。 // index.js //index.js //获取应用实例 var app = getApp() var utils = require('../../utils/util.js'); //初始化数据 Page({   data: {…

本文主要和大家介绍微信小程序中post方法与get方法的封装的相关资料,让大家掌握如何封装，需要的朋友可以参考下，希望能帮助到大家。 微信小程序开发post方法与get方法的封装 第一步：在utils文件夹下创建httpUtil.js文件 第二步：创建函数httpPost方法代码如下: function Post(url, data, cb, isShow, showNetError, that, showLoading) {  if (showLoading == true || showLoading == undefined){   wx.showNavigationBarLoading();   wx.showLoading({    title: '加载中...',   })  }   var basicData = {   vloginPwd: api.vloginPwd,   vtoken: api.vtoken  }  if (!isEmpty(data)) {   for (var key in data) {    try {     basicData[key] = data[key];    } catch (e) { }   }  }  wx.request({   url: url,   header: { 'content-type': 'application/x-www-form-urlencoded' },   method: 'POST',   data: basicData,   success: (res) => {   …

    微信公众平台的消息接口-音乐消息，这是广大微信公众平台开发者的福音。 根据这一功能，如果能做出在微信中点歌功能，那么我们以后就可以不用安装其他app， 直接在微信里面关注一个账号，就可以听歌了，还省去了安装的麻烦，而且不用再占用空间。如果音乐资源足够好，那将秒杀一切手机上在线听歌软件也不是没有可能的。 回复音乐消息 <xml><tousername></tousername><fromusername></fromusername><createtime>12345678</createtime><msgtype></msgtype><music><title></title> <description></description><musicurl></musicurl><hqmusicurl></hqmusicurl><thumbmediaid></thumbmediaid></music></xml> 登录后复制 核心代码: public function getMusicInfo() {                           if ($this-&gt;name == ""){                 $content = array( "Title"=&gt;"",                         "Description"=&gt;"你还没告诉我音乐名称呢？",                         "MusicUrl"=&gt;"",                         "HQMusicUrl"=&gt;"");                               } else {                 if (strpos($this-&gt;name, "+")){                     $music = explode("+",$this-&gt;name);                     $url = "http://box.zhangmen.baidu.com/x?op=12&amp;count=1&amp;title=".$music[1]."$$".$music[0]."$$$$";                 }else{                     $url = "http://box.zhangmen.baidu.com/x?op=12&amp;count=1&amp;title=".$this-&gt;name."$$";                 }                               $ch = curl_init();                 curl_setopt($ch, CURLOPT_URL, $url);…

 这篇文章主要介绍了关于小程序之如何实现朋友圈图片的生成，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下   微信的小程序是没有分享到朋友圈的功能的。小程序目前只能分享到群里或者发给好友。但是业务需要方便推广，需要分享到朋友圈。 经过度娘后，得出了以下思路：利用小程序canvas绘制图片，将背景图和二维码绘制成一张图片。百度过几个好的demo,参考了一下，本以为会很简单就解决这个问题，然而这个并不是小程序canvas的难点! 　　WXML   <view>     <canvas></canvas>     <image></image>     </view> 登录后复制 生成朋友圈分享图、 这是触发canvas的按钮 　　绘制长按识别二维码   settext: function (context) {     let _this = this;         var size  = _this.setCanvasSize();         var text  = "长按识别小程序";     context.setFontSize(12);     context.setTextAlign("center");     context.setFillStyle("#000");     context.fillText(text, size.w / 2, size.h * 0.90);     context.stroke();   }, 登录后复制     绘制图片 createNewImg: function () {    …