微信小程序资料总结

Posted pengwenzheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序资料总结相关的知识,希望对你有一定的参考价值。

http://blog.csdn.net/ZCLengendary/article/details/54312030  --添加html标签与处理

https://www.cnblogs.com/HDK2016/p/6285320.html --正则表达式

 

<span style="font-size:18px;"> <span style="white-space:pre;">  </span>//替换标签中特殊字符 这里观察返回数据找到非 HTML 字符串,随后将该字符串替换成空字符串.  
        var infoFlg = "<!--SPINFO#0-->";  
        if (content.indexOf(infoFlg) > 0) {  
         content = content.replace(/<!--SPINFO#0-->/, "");  
        }</span> 

下面是实例

js代码如下

<span style="font-size:18px;">var WxParse = require(../../wxParse/wxParse.js);  
  
Page({  
  
  data: {  
  },  
  
onLoad: function(options) {  
      
    //http://c.m.163.com/nc/article/CADGA4VH0001875N/full.html  
    var self = this;  
    var optionId = options.id;  
    console.log(optionId);  
    wx.request( {  
      url: http://c.m.163.com/nc/article/ +optionId+ /full.html,  
      header: {  
        "Content-Type": "application/json"  
      },  
      method: "GET",  
      data: {  
          
      },  
      success: function( res ) {  
  
        var data = res.data[optionId];  
        var imgInfoArr = res.data[optionId].img;  
  
        //替换标签中特殊字符  
        var infoFlg = "<!--SPINFO#0-->";  
        var imgFlg = "<!--IMG#";  
        var title = " <p style=\\"margin:15px 15px; line-height: 20px;\\"> " + res.data[optionId].title + "</p>";  
        var source = " <p style=\\"margin:15px 15px; font-size: 14px; color:darkgray \\">来源于: " + res.data[optionId].source + "</p>";  
        var content = "<div style=\\"margin:10px; line-height:25px; font-weight:200; font-size:17px; color:black; word-break:normal\\">" + res.data[optionId].body + "</div>";  
  
         //替换标签中特殊字符  
        var infoFlg = "<!--SPINFO#0-->";  
        if (content.indexOf(infoFlg) > 0) {  
         content = content.replace(/<!--SPINFO#0-->/, "");  
        }  
  
        var imgFlg = "<!--IMG#";  
        //图片数量  
        var imgCount = (content.split(imgFlg)).length-1;   
        if (imgCount > 0) {  
          console.log("有dd" + imgCount + "张图片");    
            
          for (var i = 0; i < imgCount; i++) {  
            var imgStr = "<!--IMG#" + i + "-->";  
            var imgSrc = "\\"" + imgInfoArr[i].src + "\\"";   
            var imgHTML = "<div> <img style=\\"width:100%\\" src=" +imgSrc+ "> </div>";  
            content = content.replace(imgStr, imgHTML);  
          }  
        }  
  
        var article = title + source + content ;  
        WxParse.wxParse(article, html, article, self,imgCount);  
  
  
        setTimeout (function () {  
          self.setData({  
          hide: true  
        })  
        }, 500)  
      }  
    });  
}  
  
})</span> 

 

以上是关于微信小程序资料总结的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序资料总结

微信小程序视图层WXML_模板

免费下载全套最新017微信小程序视频教程+教学资料+学习课件+源代码+软件开发工具

7-微信小程序 模板(template)

vscode 开发微信小程序环境配置

微信小程序--蓝牙连接开发总结