微信小程式實踐 4顯示新聞（2）

在utils目錄下新建articleextract.js

var articleobj = {};

var articleextract = function (html, newshref, pagenum) )
}console.log("匹配", imgarray);
}  /*************標題*********************/
h1 = titlehtml.match(/([\s\s]+?)<\/h1>/i)[1]; //標題肯定存在，所以用 +
h2 = titlehtml.match(/([\s\s]*?)<\/h2>/i)[1] //副標題不一定存在，所以用 *
h3 = titlehtml.match(/([\s\s]*?)<\/h3>/i)[1] //引標題不一定存在，所以用 *
h4 = titlehtml.match(/([\s\s]*?)<\/h4>/i)[1] //h4不知道是啥標題，所以用 *
console.log("標題 ", h1);
console.log("副標題 ", h2);
console.log("引標題 ", h3);
console.log("不知道是啥的h4 ", h4);
console.log("**", source);
console.log("列表", imghtmlarray);
console.log("文章段落列表", contenthtml);
/*************正文*********************/
if (contenthtml) ;
var text = "";
var strong = "strong";
//某些新聞沒有正文內容（比如廣告，只有一張），因此需要判斷一下
if (contents) );
} else );}}
}}  articleobj["titleobj"] = 
articleobj["imgarray"] = imgarray
articleobj['contentarray'] = contentarray
return articleobj
}module.exports = articleextract;

新增articleextract函式

//article url

var todaydatearray = require('../../utils/util.js').todaydatearray;

var articleextract = require('../../utils/articleextract.js')

var baseuri = ""

//拼接url的變數

//...

page(

},//...

onshow: function () ,

//請求文章

getarticle: function (url, newshref, pagenum) ;

wx.request();

}});

},})

顯示文章

在article.wxml，把內容簡單的顯示出來

}}

}}}    
}

微信小程式實踐 4顯示新聞（1）

上節講到，獲取到觸點所在區域所對映的新聞鏈結。有了新聞的鏈結，就能獲取相應的新聞啦。修改 js的toarticle方法 toarticle function e else 新增文章專屬介面，儲存後發現pages目錄下多了乙個article資料夾 pages pages pages article a...

微信小程式demo 新聞類

demo新聞類開發教程 包含四個頁面 news.js news.wxss news.json news.wxml scroll view class news banner view wx for wx for index idx data idx class news banner text da...

微信小程式（4） 顏色問題

在開發工具中，怎麼用顏色都沒啥問題，但一到真機除錯階段會有一些顏色無法顯示，主要原因是在開發工具中的模擬器支 持8位的顏色，而手機卻只能支援6位，所以說盡量採用6位，如果要設8位，那兩 位好像是透明度，應該有特殊方法可以表示。還有就是在設定tabbar的字型顏色時，一定要用色值，是 不能用 rgb ...