日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JS微信分享不好寫?來封裝一下

微信開發(fā)這塊,作為開發(fā)工程師來說,一般是避免不了的,也好像發(fā)現(xiàn)一些朋友寫微信分享都是在每個頁面一大把一大把的代碼。

依安網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),依安網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為依安1000多家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請找那個售后服務(wù)好的依安做網(wǎng)站的公司定做!

代碼冗余,即便是復(fù)制過來再改也很麻煩。

之前自己封裝了一下js,今天來分享一下,希望能給看到的園友帶來一點(diǎn)思路,當(dāng)然希望能幫忙一起改進(jìn)。

我的思路:

  1.可以分享到四個地方QQ,朋友,朋友圈,微博,一般情況下他們是一致的,可以配置一個初始參數(shù),賦值給它們四個

  2.如果出現(xiàn)不一致,因為前面已經(jīng)賦值了初始參數(shù),這時再把需要不一致的內(nèi)容替換掉

實(shí)現(xiàn)主要代碼:

 
 
  1. setData: function(){
  2.         var self = this;
  3.         self.data = {
  4.             title: self.title,
  5.             desc: self.desc,
  6.             link: self.link,
  7.             imgUrl: self.imgUrl,
  8.             type: self.type, // 分享類型,music、video或link,不填默認(rèn)為link
  9.             dataUrl: self.dataUrl, // 如果type是music或video,則要提供數(shù)據(jù)鏈接,默認(rèn)為空
  10.             success: self.success,
  11.             cancel: self.cancel
  12.         };
  13.         //深度克隆
  14.         self.QQData = JSON.stringify(self.data);
  15.         self.QQData = JSON.parse(self.QQData);
  16.         self.TimeLineData = JSON.stringify(self.data);
  17.         self.TimeLineData = JSON.parse(self.TimeLineData);  
  18.         self.WeiBoData = JSON.stringify(self.data);
  19.         self.WeiBoData = JSON.parse(self.WeiBoData);   
  20.       //反序列化
  21.               self.QQData.success = self.success;
  22.                self.TimeLineData.success = self.success;
  23.           self.WeiBoData.success = self.success;
  24.           self.QQData.cancel = self.cancel;
  25.           self.TimeLineData.cancel = self.cancel;
  26.           self.WeiBoData.cancel = self.cancel;
  27.     }
  28. wx.ready(function(){
  29.                   wx.showOptionMenu();
  30.                   if(self.data == '') self.setData();
  31.                   wx.onMenuShareQQ(self.QQData);
  32.                   wx.onMenuShareAppMessage(self.data);
  33.                   wx.onMenuShareTimeline(self.TimeLineData);
  34.                   wx.onMenuShareWeibo(self.WeiBoData);
  35.             });

 使用幫助:

var wxshare = require('wxshare.js');

如果分享的內(nèi)容都一致

wxshare.link = ''; wxshare.desc = ''; wxshare.imgUrl = ''; wxshare.type = ''; wxshare.dataUrl = ''; wxshare.start();

如果有不一致,針對不一致的地方進(jìn)行修改

 
 
  1. wxshare.link = '';
  2. wxshare.title = '';
  3. wxshare.desc = '';
  4. wxshare.imgUrl = '';
  5. wxshare.setData();//必須加上
  6. wxshare.TimeLineData.title = ''; 
  7. wxshare.QQData.desc = '';
  8. wxshare.start();

重點(diǎn)說明: setData()

如果全部的分享內(nèi)容都一樣,直接執(zhí)行start(), 判斷data參數(shù)空為true,會執(zhí)行setData(),
為四個分享賦值:QQData data TimeLineData WeiboData, 而后初始化

如果有不一致,***賦值后,直接調(diào)用setData(),為四個參數(shù)賦值,之后再根據(jù)需求修改不同的對應(yīng)參數(shù),***start()初始化。


網(wǎng)站欄目:JS微信分享不好寫?來封裝一下
標(biāo)題鏈接:http://www.5511xx.com/article/dphigji.html