資訊專(zhuān)欄INFORMATION COLUMN
摘要：關(guān)于頁(yè)面，你可以查看這里獲取幫助這里是我們的主要這里會(huì)主要負(fù)責(zé)我們的主要邏輯，包括實(shí)現(xiàn)，的解析，小偷程序的實(shí)現(xiàn)。
閱讀我的博客文章：chrome插件one-read開(kāi)發(fā):細(xì)節(jié)
前言點(diǎn)擊這里你可以看到one-read "一覽" chrome版的使用
代碼在這里：github code for one-read
coding地址：coding.net for one-read
manifest文件這里有詳細(xì)關(guān)于manifest的介紹文檔，點(diǎn)擊訪問(wèn)
json {
// 必須的字段
"name": "one-read",
"version": "0.1",
"manifest_version": 2,
// 建議提供的字段
"description": "內(nèi)容聚合",
"icons": {
"16": "icons/icon16.png",
"48": "icons/icon48.png",
"128": "icons/icon128.png"
},
"browser_action": {
"default_icon": "icons/StatusIcon.png", // optional
"default_title": "一覽", // optional; shown in tooltip
"default_popup": "popup.html", // optional
"scripts": ["js/jquery.min.js","js/bootstrap.min.js","js/pop/popup.js"]
},
"permissions": [
"http://*/",
"http://jandan.net/feed",
"http://xueqiu.com/hots/topic/rss",
"http://mindstore.io/",
"http://segmentfault.com/blogs",
"http://www.zhihu.com/explore",
"http://solidot.org.feedsportal.com/c/33236/f/556826/index.rss",
"http://www.jianshu.com/",
"http://next.36kr.com/posts"
]
}
著重介紹下permissions的屬性，如果你不聲明的話，你將無(wú)法獲取到你想要獲取的內(nèi)容
popup頁(yè)面popup作為我們唯一加入的頁(yè)面。這里是我們主要的面向用戶的頁(yè)面，這個(gè)頁(yè)面會(huì)被渲染，同時(shí)展示在用戶面前，因?yàn)橛小耙挥[”的界面，所以我只做了一點(diǎn)點(diǎn)的改動(dòng)。關(guān)于pop頁(yè)面，你可以查看這里獲取幫助
這里是我們的主要pop.js,這里會(huì)主要負(fù)責(zé)我們的主要邏輯，包括ajax實(shí)現(xiàn)，xml的解析，小偷程序的實(shí)現(xiàn)。
ajax的實(shí)現(xiàn)我做了少量的改動(dòng)
javascript // common function
//ajax發(fā)送執(zhí)行的公共函數(shù)
function commonAjaxFn(ajaxType, ajaxUrl, ajaxDataType, successFn){
$.ajax({
type: ajaxType,
url: ajaxUrl,
dataType: ajaxDataType,
beforeSend: ajaxBeforeFn,
success: function(data){successFn(data)},
error: ajaxErrorFn,
complete: ajaxCompleteFn
});
}
function ajaxFn(data){
}
//ajax執(zhí)行前的公共函數(shù)
function ajaxBeforeFn(){
$(".pop-div").show();
$(".net-ok").hide();
$(".spinner").show();
}
//ajax執(zhí)行完成后的公共函數(shù)
function ajaxCompleteFn(){
$(".spinner").hide();
$(".net-ok").show();
$(".pop-div").hide();
}
//ajax執(zhí)行后錯(cuò)誤的公共函數(shù)
function ajaxErrorFn(){
}
xml解析：以煎蛋為例子
點(diǎn)擊按鈕后的代碼
javascript //jianshu
$("#jianshu-btn").on("click",function(){
$("#nowDot").css({"left":"166px"});
$("#jianshu-page").html("");
commonAjaxFn("GET","http://www.jianshu.com/","html",jianshuFn);
return false;
});
{% endhighlight %}
或許執(zhí)行的代碼，解析xml
{% highlight javascript %}
//煎蛋函數(shù)
function jandanFn(data){
var ulHtml="";
$(data).find("channel").find("item").each(function(index, ele) {
if (index > 9) { return false};
var title = $(ele).find("title").text();
var link = $(ele).find("link").text();
var des = $(ele).find("description").text();
var commentNum = $(ele).find("slashComments").text();
var liHtml = ""+title
+"
"
+""+commentNum+" 條評(píng)論 | "+des+"
“小偷程序”的實(shí)現(xiàn)（針對(duì)沒(méi)有xml）
javascript //mindstoreFn
function mindstoreFn(data){
var ulHtml="";
$(data).find("#mind-list").find("ul").eq(0).find("li").each(function(index, ele) {
if (index > 9) { return false};
var title = $(ele).find(".mind-title>a").text();
var link = $(ele).find(".mind-title>a").attr("href");
var itemString = $(ele).html();
var zanNum = $(ele).find(".vote-total").text();
var mindDes = $(ele).find(".mind-des").text();
var liHtml = ""+title
+"
"
+""+zanNum+" 條支持 | "+mindDes+"
整體
bootstrap作為前端框架
jquery作為js框架
360擴(kuò)展文檔作為支持文檔
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/49532.html
摘要：加載代碼具體實(shí)現(xiàn)更好的方式了解了上面兩種方式以后，我們不難發(fā)現(xiàn)，如果能夠采用兩者的結(jié)合會(huì)是一個(gè)不錯(cuò)的方式。其實(shí)解決方案就是緩存。我們主要采用方案，但是同樣制作標(biāo)記，每次打開(kāi)時(shí)執(zhí)行緩存的文件執(zhí)行緩存中的校驗(yàn)檢查是否變動(dòng)，如果變動(dòng)，更新緩存 閱讀我的博客文章：chrome插件one-read開(kāi)發(fā):提升 前言 點(diǎn)擊這里你可以看到one-read 一覽 chrome版的使用 代碼在這里：...
摘要：閱讀我的博客文章插件開(kāi)發(fā)準(zhǔn)備前言為啥要做這個(gè)，因?yàn)槲以鞠胗米鲆粋€(gè)書(shū)簽管理的東西，但是很久沒(méi)有碰過(guò)的插件開(kāi)發(fā)了。點(diǎn)擊這里獲取相關(guān)代碼地址開(kāi)始開(kāi)始之前，說(shuō)說(shuō)這次做的東西是什么。 閱讀我的博客文章：chrome插件one-read開(kāi)發(fā):準(zhǔn)備 前言 為啥要做這個(gè)，因?yàn)槲以鞠胗胏hrome做一個(gè)書(shū)簽管理的東西，但是很久沒(méi)有碰過(guò)chrome的插件開(kāi)發(fā)了。所以先做一個(gè)簡(jiǎn)單的，來(lái)熟悉下...
摘要：最近基于開(kāi)發(fā)了一款圖床插件，現(xiàn)在已經(jīng)開(kāi)源并上架應(yīng)用商店。通過(guò)方法把轉(zhuǎn)成，然后放在里測(cè)試一下看來(lái)效果是的，接下來(lái)就是對(duì)圖床插件進(jìn)行開(kāi)發(fā)的步驟了。至此，整個(gè)插件的開(kāi)發(fā)發(fā)布流程就已經(jīng)完成了。 showImg(https://user-images.githubusercontent.com/12172868/57382983-8f29b900-71e0-11e9-8fe9-c0f12fd54...
摘要：首先打開(kāi)安卓手機(jī)的調(diào)試模式，然后用數(shù)據(jù)線連接到電腦上。打開(kāi)開(kāi)發(fā)者工具，這里我就能看到我正在運(yùn)行應(yīng)用的三星手機(jī)，，狀態(tài)處于已連接狀態(tài)。 我之前寫(xiě)過(guò)三篇Cordova相關(guān)的技術(shù)文章。當(dāng)我們使用Cordova將自己開(kāi)發(fā)的前端應(yīng)用打包安裝到手機(jī)上后，可能會(huì)遇到需要調(diào)試Cordova應(yīng)用的時(shí)候。 本文就介紹Cordova應(yīng)用的調(diào)試步驟。 如果大家讀過(guò)之前我寫(xiě)的文章，就知道Cordova應(yīng)用在移動(dòng)...
閱讀 1763·2023-04-25 16:28
閱讀 697·2021-11-23 09:51
閱讀 1478·2019-08-30 15:54
閱讀 1164·2019-08-30 15:53
閱讀 2838·2019-08-30 15:53
閱讀 3431·2019-08-30 15:43
閱讀 3269·2019-08-30 11:18
閱讀 3292·2019-08-26 10:25
