.NET中擴展方法和Enumerable(System.Linq)

LINQ是我最喜歡的功能之一,程序中到處是data.Where(x=x>5).Select(x)等等的代碼,她使代碼看起來更好,更容易編寫,使用起來也超級方便,foreach使循環更加容易,而不用for int..,linq用起來那麼爽,那麼linq內部是如何實現的?我們如何自定義linq?我們這裏說的linq不是from score in scores  where score > 80 select score;而是System.Linq哦。了解Ling之前先要了解擴展方法,因為linq的實質還是擴展方法。

擴展方法

擴展方法使你能夠向現有類型“添加”方法,而無需創建新的派生類型、重新編譯或以其他方式修改原始類型。 擴展方法是一種特殊的靜態方法,但可以像擴展類型上的實例方法一樣進行調用。 

例如:

namespace ExtensionMethods
{
    public static class MyExtensions
    {
        public static int WordCount(this string str)
        {
            return str.Split(new char[] { ' ', '.', '?' }, 
                             StringSplitOptions.RemoveEmptyEntries).Length;
        }
    }   
}
//添加引用
using ExtensionMethods;  
//使用
string s = "Hello Extension Methods";  
int i = s.WordCount();  

微軟擴展方法建議

微軟MSDN上的建議:通常,建議只在不得已的情況下才實現擴展方法,並謹慎地實現。只要有可能,都應該通過創建從現有類型派生的新類型來達到這一目的。

擴展方法建議

1. 當功能與擴展類型最相關時,可以考慮使用擴展方法。
2. 當對第三方庫進行擴充的時候,可以考慮使用擴展方法。
3. 當您不希望將某些依賴項與擴展類型混合使用時,可以使用擴展方法來實現關注點分離。
4. 如果不確定到底使用還是不使用擴展方法,那就不要用。

擴展方法是C#語言的一個很好的補充,她使我們能夠編寫更好,更容易讀的代碼,但是也應該小心使用,不恰當的使用擴展方法可能導致可讀性降低,使測試困難,容易出錯。

System.Linq

System.Linq用起來那麼好,她內部是如何實現的,當然是查看源碼了。

Where源碼

public static IEnumerable<TSource> Where<TSource>(this IEnumerable<TSource> source, Func<TSource, bool> predicate) {
    if (source == null) throw Error.ArgumentNull("source");
    if (predicate == null) throw Error.ArgumentNull("predicate");
    if (source is Iterator<TSource>) return ((Iterator<TSource>)source).Where(predicate);
    if (source is TSource[]) return new WhereArrayIterator<TSource>((TSource[])source, predicate);
    if (source is List<TSource>) return new WhereListIterator<TSource>((List<TSource>)source, predicate);
    return new WhereEnumerableIterator<TSource>(source, predicate);
}

這個方法就是一個擴展方法,對數據進行了處理,具體的處理都是在對象中的MoveNext中

public override bool MoveNext() {
    if (state == 1) {
        while (index < source.Length) {
            TSource item = source[index];
            index++;
            if (predicate(item)) {
                current = item;
                return true;
            }
        }
        Dispose();
    }
    return false;
}

可以看出就是一個循環處理,如果你覺得還是不清楚,可以看WhereIterator方法

static IEnumerable<TSource> WhereIterator<TSource>(IEnumerable<TSource> source, Func<TSource, int, bool> predicate) {
    int index = -1;
    foreach (TSource element in source) {
        checked { index++; }
        if (predicate(element, index)) yield return element;
    }
}

這下明白了,linq就是擴展方法,對數據進行處理,返回所需要的數據,知道了原理之後,可以寫自己的linq擴展方法了。
我想寫一個帶有控制台輸出的Where擴展方法

public static IEnumerable<TSource> WhereWithLog<TSource>(this IEnumerable<TSource> source, Func<TSource, bool> predicate)
{
    if (source == null)
    {
        throw new ArgumentNullException("source", "不能為空");
    }

    if (predicate == null)
    {
        throw new ArgumentNullException("predicate", "不能為空");
    }


    int index = 0;
    foreach (var item in source)
    {
        Console.WriteLine($"Where item:{item},結果:{predicate(item)}");
        if (predicate(item))
        {
            yield return item;
        }
        index++;
    }
}

實現一個打亂數據的擴展方法,這裏的方法用了約束,只能是值類型。

public static IEnumerable<T> ShuffleForStruct<T>(this IEnumerable<T> source) where T : struct
{
    if (source == null)
        throw new ArgumentNullException("source", "不能為空");

    var data = source.ToList();
    int length = data.Count() - 1;
    for (int i = length; i > 0; i--)
    {
        int j = rd.Next(i + 1);
        var temp = data[j];
        data[j] = data[i];
        data[i] = temp;
    }

    return data;
}

到此為止是不是覺得Enumerable中的方法也就是那麼回事,沒有那麼難,我也可以實現。

【精選推薦文章】

智慧手機時代的來臨,RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置台北網頁設計,各種案例分享

廣告預算用在刀口上,網站設計公司幫您達到更多曝光效益

Emotify 為網站加入心情投票按鈕,依照使用者喜好推薦相關文章

記得幾年前開始流行在新聞網站或部落格加入「心情」功能,讓讀者在閱讀內容後可以快速點選想法投票,不用輸入留言來提高使用者參與度,其實是非常聰明的作法。如果你也想在網站內加入心情按鈕,但又苦無技術開發能力,本文介紹的 Emotify 或許可滿足需求,同時它也是一項完全免費的服務,支援一般網站、WordPress、Tumblr 和 Ghost 等平台。

Emotify 是一個提供心情按鈕功能的免費服務,如同在網站加上 DISQUS 留言、LinkWithin 相關文章,只要在網站內放置一段程式碼,Emotify 就能在你的網站或部落格運作心情按鈕功能,同時在點選後依照心情提供讀者更多相關文章,增加停留在網站的時間和黏性。

Emotify 是收集使用者反應及意見回饋的方法,一般來說,我們很難得到使用者真實心情體驗,即使透過意見調查或口頭詢問,也不容易在短時間內獲得全面的想法。Emotify 讓這些數據更加容易收集整合,亦能運用分析來判斷使用者偏好的內容類型。

網站名稱:Emotify
網站鏈結:https://www.goemotify.com/

使用教學

STEP 1

開啟 Emotify 網站後,點選「Sign Up」來免費註冊帳號,註冊時依序填入姓名、Email 和密碼就能完成註冊,別忘記至信箱收取驗證信才能完成啟用。

STEP 2

登入 Emotify 網站後,我們需要先將自己的網站加入平台,填入網站名稱、網址,從底下選擇網站分類及描述,點選「Continue」即可。

最後,Emotify 會將程式碼顯示給你,你可以從頁面中選取平台,例如:WordPress、Tumblr 或 Ghost,若你使用的平台不在網站列出範圍,那麼直接使用 Web / Js 程式碼吧!

STEP 3

以下我使用 WordPress 來進行 Emotify 安裝範例,我們先從外掛功能來搜尋 Emotify,將它安裝到網站裡,同時啟用這項外掛。

最後,把 Emotify 給我們的 API Key 輸入到 Emotify 設定頁面,儲存後就安裝完成。

STEP 4

隨即可以在文章頁面下方看到 Emotify 心情按鈕功能,如下圖所示。

其實它的設計還算簡單,可惜目前沒有中文化,要不應該更能提高中文使用者點選意願。依照讀者閱讀心情,分成:Amazing、Elated、Great、Happy、Inspired 和 Excited 六種,如果不知道這些單字的意思,透過表情圖案應該也能略知一二。

點選「More」會出現更多可以選擇的表情圖案,例如:Love、Happy、LOL、Surprised、Sad 和 Angry,表情非常可愛。當收集到足夠的資料和網址時,使用者在點選心情後會在下方推薦其他可以閱讀的相關內容,也算是能有效提升使用者參與度及停留時間的方法。

STEP 5

點選任一表情圖案後,其他圖案會變成灰色顯示,同時出現一個快速輸入想法(或建議)的小對話框,如果你覺得點選心情按鈕不太夠,想要稍微抒發想法,下方允許輸入 160 個字。

STEP 6

最後,網站管理者可以從 Emotify 控制台來查看目前點選心情按鈕的人數。

從分析頁面找到每一篇文章被按下的心情按鈕頻率、分佈情形和分別按了那些心情,就網站經營觀點來說,Emotify 能幫助我們確定文章或頁面內容是否符合使用者喜好,或者應該要如何調整方向來滿足大多數人喜好,這裡收集到資訊有非常多可以分析思考的面向。

當前 Facebook 僅提供讓網站使用按讚和分享按鈕,不知道什麼時候會把表情符號功能開放讓一般網站或部落格使用呢?雖然好像有點在半開玩笑,但未嘗不是提高參與度或收集使用者想法的好辦法,趁著還沒開放前可先使用 Emotify 替代,讓你的網站增添一些動態功能。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司,幫您輕鬆架站!

評比前十大台北網頁設計台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

Social Warfare 輕量美觀的社群分享按鈕

如果你是免費資源網路社群長期讀者,應該注意到我不時在調整網站各項設定,其中大家最熟悉、也最常使用的就屬社交網站按鈕吧!許多人習慣在看到不錯內容時,順手點擊頁面分享按鈕來把網址轉載到其他社群,早期我使用過 AddThis,後來覺得它功能太過強大,拖延到網站載入速度,改採 SumoMe 結合多種免費社群按鈕,讓網站流量成長 20% 分享按鈕整合平台。SumoMe 最近換了全新計價方式,對於流量較大的網站來說是不小的負擔,因此我又尋尋覓覓找到另外一款也很棒的分享按鈕替代方案。

Social Warfare 是一款 WordPress 社群分享按鈕外掛程式,在國外小有名氣,但台灣就比較少看到網站使用。Social Warfare 最大賣點是程式碼非常輕量,載入速度飛快無比,不會造成網站載入延遲等問題,因此可以替換掉原先放在網站內的社群網站官方按鈕。

外掛內建功能正合我意,例如可以快速自訂要顯示的分享按鈕、分享數計算,以及最重要的是支援響應式設計(Responsive),因此無論在什麼樣的裝置螢幕瀏覽,按鈕都會自動調整到最好的大小,避免因為尺寸不合而破壞網站版面,也能在行動裝置上正常顯示。

Social Warfare 在上個月推出全新 2.0 大改版,整體控制台煥然一新,除此之外,也加入更多功能來改善原有外掛不足。不過最大的消息是從 2.0 開始在 WordPress 官方外掛資料庫上架!現在即使沒有付費,也能使用 Social Warfare 部分功能,讓它在你的網站上正常顯示分享按鈕功能。

Social Warfare 依照網站數量提供不同規格的授權費用,單一網站每年為 $29 USD,如果一次購買五個網站可以降到 $27 USD($135 USD),最優惠的價格是一次購買十個網站授權,單一網站可優惠至 $25 USD($250 USD)。

雖然 Social Warfare 免費版功能受限,但並不影響一般使用,沒有付費依然能把它加入自己 WordPress 網站,常用按鈕例如 Facebook、Twitter、Google+、Pinterest 和 LinkedIn 等皆內建於外掛中,也能顯示分享次數和總分享數,設定浮動分享按鈕。

網站名稱:Social Warfare
網站鏈結:https://warfareplugins.com/

使用教學

STEP 1

開啟你的 WordPress 外掛控制台,點選左側的「外掛 -> 安裝外掛」,接著在右上角搜尋框輸入 Social Warfare 搜尋。

Social Warfare 是 WordPress 外掛功能,唯有使用 WordPress.org 自行架站才能夠於控制台內下載、安裝新外掛,不適用於 WordPress.com。

出現 Social Warfare 後,點選右上角的「立刻安裝」,就能把它下載到自己網站。

STEP 2

安裝後,左側選單會多出一個「Social Warfare」設定鏈結,點選後開啟外掛控制台。預設情況下會有五個常見常用的社交網路按鈕,拖曳到 Active 區塊為啟用狀態,其他按鈕則不允許免費版使用,但其實這五個按鈕已經非常足夠。

STEP 3

將視窗往下拖曳,把 Share Counts(分享計數器)功能開啟,就能在分享按鈕上顯示該鏈結或文章被分享的次數。

STEP 4

另一個很重要的部分是從下方的「Position Share Buttons」功能來設定按鈕顯示位置,跟一般外掛不同的是 Social Warfare 把顯示位置設定的非常單純簡單,只有顯示於內容上方或下方、不顯示或同時顯示四種選項,建議把右側的 Side Floating Buttons 開啟(後面會介紹這功能)。

STEP 5

別忘記在 Social Identity 裡設定一下你的 Twitter、Pinterest、Facebook 鏈結或帳號,當使用者點選分享按鈕時,就會自動帶入你指定的帳號,藉此提高能見度。

STEP 6

Social Warfare 按鈕設計確實蠻簡單優雅,且平面化風格無論對於那一種網站來說都非常合適,如果你有打開分享按鈕計數器,可能不會立刻就跑出數字,必須給 Social Warfare 一些時間來抓取數據和快取(以避免過度抓取資料而被第三方網站封鎖)。

當你把網頁寬度縮小,模擬成在手機、平板電腦上顯示時,Social Warfare 按鈕也會自動縮小到適當寬度,這就是前面提到的支援響應式設計(Responsive)特色。

Social Warfare 最讓我喜愛的是當你把頁面往下拖曳時,分享按鈕會自動固定於頁面的上方或下方(從控制台的 Floating Share Buttons 可以調整顯示位置),對於提高使用者分享率來說會有顯著提升!而且按鈕固定在頁面下方比較不會造成畫面空間浪費。

很久沒有寫文章向大家推薦 WordPress 外掛功能了,其實這一路以來接觸過無數外掛,很少讓我興起寫文章念頭的(說不定只是因為功能太多不知道要從那裡開始介紹…),但在使用 Social Warfare 後,我認為團隊很用心在開發,致力於提供更好的分享按鈕功能,因此決定寫篇文章介紹來推薦給所有 WordPress 使用者,希望大家喜歡!

透過本文推薦鏈結(Affiliate Link)購買 Social Warfare 能讓我獲得一些回饋,我會非常感謝你的,但如果你想直接連回官方網站而不用推薦鏈結,請點選這裡。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨,RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置台北網頁設計,各種案例分享

廣告預算用在刀口上,網站設計公司幫您達到更多曝光效益

Highlight Bookmark Manager 為網站加入劃重點、討論和書籤功能

如果你還有印象,三個月前我介紹過「HiLight 為網站加入螢光筆標記、群組討論及收藏分享內容等互動式功能」服務,只要在網站加入程式碼,輕鬆整合劃重點、摘要和留言討論、收藏內容等工具,對於內容或媒體網站來說非常實用!尤其想讓內容能更有效被討論或分享使用,就無須花大錢開發不知道好不好用的功能,HiLight 是一項最快最方便的解決方案,而且完全免費。

HiLight 由台灣團隊開發製作,相較於一些類似的國外服務來說,更符合中文使用者的操作習慣以及對中文字元支援。近期針對 WordPress 開發了全新外掛「Highlight Bookmark Manager」,已在 WordPress 官方外掛目錄上架,如果你是自己架站的朋友,可參考以下教學快速將 HiLight 整合到自己網站。

簡單來說,當安裝完「Highlight Bookmark Manager」外掛後,網站左下角會多出三個新按鈕,分別是筆記、討論和書籤功能。使用者只要選取網頁內的文字段落就能輕鬆劃上螢光筆高亮效果(Highlight),加入自己的觀點,這麼一來將有助於拉長使用者停留在網站時間,亦提供了一個更好的討論渠道,也能將內容再次分享至其他社群平台。

網站名稱:Highlight Bookmark Manager
網站鏈結:http://www.hilight.cc/installation/wordpress

使用教學

STEP 1

HiLight 網站首頁提供兩種安裝方法,如果你不是使用 WordPress 架站的話,可以直接建立帳號來取得程式碼,將它加入網站就能使用;若你的網站是 WordPress,那麼就更簡單方便了,直接從 HiLight 官方網站的 WordPress 外掛頁面來下載安裝即可。

另一種安裝方式是登入你的 WordPress 控制台,點選左側「外掛 -> 安裝外掛」,接著在右上角輸入 hilight 搜尋。

搜尋結果第一個就是「Highlight Bookmark Manager」,點選右上角「立即安裝」就能將它下載、安裝到 WordPress。從 WordPress 4.6 版開始,安裝及啟用外掛和佈景主題變得更快更簡潔了,直接在原頁面就能下載、啟用,節省時間。

STEP 2

安裝後 Highlight Bookmark Manager 還無法運作,我們必須先註冊以取得自己網站專屬的 API 資訊,將網頁拉到最下方,就能找到連接至 Highlight Bookmark 註冊鏈結。

STEP 3

點選「Log in With Facebook」以你的 Facebook 帳戶登入註冊。

輸入你的網站網址、名稱後,點選「Submit」為你的網站建立一個新帳戶。

最後就能獲取 Highlight Bookmark Manager 的 Web Id 和 Web Secret,這兩項資訊非常重要,記得不要將它外流出去,以避免安全問題。

STEP 4

回到 Highlight Bookmark Manager 外掛的設定選項,將 Web Id 和 Web Secret 兩項數值填入後點選「Submit」,出現確認訊息就完成連接和基本設定。

STEP 5

設定好 Highlight Bookmark Manager 後,我們就可以回到網站前台來測試功能,試著複製文章任一段文字內容,會跳出 HiLight 工具列,能夠劃線做筆記,或者開啟討論留言功能。

使用 Highlight Bookmark 來保存內容也是一個相當方便的作法,可惜它目前僅能在安裝這項工具的網站使用,跟一般我們可能使用過筆記工具不同(大部分都是 Google Chrome 或 Firefox 外掛),使用時一樣得先登入你的 Facebook 帳戶,用於存取你保存或討論的相關內容記錄。

我相當推薦 HiLight 的原因是它的劃線及討論功能非常好用,而且可以取代的免費服務並不多(尤其又是中文服務相對更少),若你覺得只提供文章迴響或 Facebook 留言框無法讓讀者聚焦於內容討論的話,我認為 Highlight Bookmark Manager 更是一個不可多得的網站工具!

STEP 6

如同前面提到的,使用 HiLight 標記內容後,還能透過分享功能將它傳送給其他人,或者分享至 Facebook、Twitter、Google+ 等社群網站!不用再擔心其他人找不到討論功能因而使寶貴的意見石沈大海,

本篇文章側重於 Highlight Bookmark Manager 外掛在 WordPress 網站的安裝及設定教學,沒有對 HiLight 有更深入的報導或討論,若你想更詳細了解這項功能,可參考我之前寫的 HiLight 為網站加入螢光筆標記、群組討論及收藏分享內容等互動式功能。

整體來說,這項服務非常深得我心,無論在網站或影片介紹甚至程式方面都具備中英文介面,看得出 HiLight 積極向外發展的野心,期待未來能有更多發展空間。

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司,幫您輕鬆架站!

評比前十大台北網頁設計台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

WordPress 無敵架站手冊:架站新手都想擁有,參加活動免費帶回家

免費資源網路社群跟著 WordPress 一起長大,可以這麼說,我在 2006 年接觸 WordPress 後隨即就架設了第一個部落格,迄今十年,也就是大家正在瀏覽的網站。這些年持續不斷在 WordPress Taiwan 正體中文社群盡自己最大努力,除了程式中文語系維護,我也嘗試翻譯、撰寫部分教學文件以及在外掛功能上推動中文化工作,本著自己也有在使用就順手做一下,讓後來加入的人可以少碰一些問題的想法,我做得很開心。

這幾年台灣使用 WordPress 架站的朋友越來越多,全世界市佔率超越 25%(數據來自 W3Tech),到處都能看到 WordPress 蹤跡,想架設網站幾乎沒有第二個選項。但回到台灣書店一望,WordPress 書籍仍舊寥寥可數(當然相較於幾年前來說已經算活躍許多),即使網路上已有豐富的教學文件,卻沒有一本非常完整的中文手冊。

對於學習 WordPress 架站的人來說,想從頭到尾、穩紮穩打很難找到學習路徑,於是我這幾年就興起想要寫一本由淺入深、全面的 WordPress 工具書,恰巧得知英國出版商 Packt Publishing 的《WordPress 4.x Complete》一書,二話不說就決定將它翻譯成中文書,讓想學 WordPress 架站的朋友有個更完整的參考資料。

《WordPress 無敵架站手冊》是一本從 WordPress 介紹、入門、安裝操作,到進階開發外掛、佈景主題及小工具等主題皆有涵蓋的完整手冊!後半章節還會教你如何利用 WordPress 建立非網誌型態網站。

雖然無法在有限篇幅內詳細說明所有範圍,但讀者可將本書做為學習的起點,從基礎延伸出去,繼續學習。對於有心想要了解 WordPress 架站的朋友來說,這是一本易於閱讀及上手的工具書,也希望透過這本書讓你認識更方便、安全可靠的免費開放原始碼架站程式 WordPress。

如何購買這本書,網上購書更優惠

如果你對架站有興趣,或者對於 WordPress 好奇、有興趣、想學習甚至是希望搭建一個自己的個人網站或部落格,你可以在實體店面或從網路通路買到這本書,我僅在文章內提供幾個購書鏈結,透過 Google 搜尋可以找到更多管道。

購書鏈結:http://www.books.com.tw/products/0010730008 (博客來)

久違的抽獎活動,還是要免費送書

若你一路以來都有在關注或追蹤免費資源網路社群的文章,依照慣例我都會提供一些贈品來送讀者,感謝博碩文化贊助本次贈書。

活動方式一如往昔,只要到免費資源網路社群 Facebook 粉絲專頁按個讚、在本文下方留言,就有機會在免費得到《WordPress 無敵架站手冊》!我們會在活動結束後抽出幸運讀者,在最短時間內將新書寄到您手上。

STEP 1

前往免費資源網路社群 Facebook 按個讚,相信大家都已經按過(也請多多幫我們宣傳分享,謝謝);如果你有使用其他社群網站,例如 Twitter、Google+,也一併將免費資源網路社群加入追蹤。網站右側還有一些免費資源網路社群使用的社群服務。

STEP 2

在本文下方留言(或直接在粉絲頁面同一則貼文留言)回覆以下文字:

WordPress 無敵架站手冊:架站新手都想擁有,參加活動免費帶回家

這樣就可以參加抽獎活動,是不是非常簡單呢?

活動時間五天,請多多分享轉貼

如果方便的話,也歡迎將本文鏈結分享、轉貼到你的 Facebook 或其他網站。若活動夠踴躍,我們也會視情況增加更多贈書名額喔!我會在下週三(9/28)抽出幸運的朋友,屆時在本文更新及 Facebook 等社群網站公告得獎情形,請大家把握這次難得機會多多支持!

得獎名單(9/28 晚間 22:00 更新)

本次活動一共有 816 位讀者參加,扣掉重複留言,以「粉絲團留言抽籤小助手」小工具隨機抽取 10 位留言者贈送新書《WordPress 無敵架站手冊》一本,幸運得獎的朋友名單如下(依照抽獎結果順序排列):

黃楚翔、王凱蓓、Yu-Wei Chen、Stella Lin、Cheng Lin、尹翠軒、盧嘉皓、黃豊益、胡倫、黃謙。

請幸運中獎的讀者儘速與 Pseric 聯繫,我也會到留言下方 tag 通知你,直接私訊告知我收件人資料即可。確認完畢就會陸續將熱騰騰的新書寄到你們手上囉!本書已在各大書局、網路書店上架,有興趣的朋友也能直接從網上購得,謝謝大家熱烈參與支持本次活動!

為了公平起見,下方是本次抽獎影片紀錄:

  • 按一下以分享至 Facebook(在新視窗中開啟)
  • 分享到 Twitter(在新視窗中開啟)
  • 分享到 LinkedIn(在新視窗中開啟)
  • 分享到 Pinterest(在新視窗中開啟)
  • 分享到 Pocket(在新視窗中開啟)

相關文章

本站聲明:網站內容來源免費資源網路社群https://free.com.tw,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨,RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置台北網頁設計,各種案例分享

廣告預算用在刀口上,網站設計公司幫您達到更多曝光效益

Java集合 ArrayList原理及使用

ArrayList是集合的一種實現,實現了接口List,List接口繼承了Collection接口。Collection是所有集合類的父類。ArrayList使用非常廣泛,不論是數據庫表查詢,excel導入解析,還是網站數據爬取都需要使用到,了解ArrayList原理及使用方法顯得非常重要。

一. 定義一個ArrayList

//默認創建一個ArrayList集合
List<String> list = new ArrayList<>();
//創建一個初始化長度為100的ArrayList集合
List<String> initlist = new ArrayList<>(100);
//將其他類型的集合轉為ArrayList
List<String> setList = new ArrayList<>(new HashSet());

我們讀一下源碼,看看定義ArrayList的過程到底做了什麼?

public class ArrayList<E> extends AbstractList<E> implements List<E>, RandomAccess, Cloneable, java.io.Serializable {
    /**
     * Default initial capacity.
     */
    private static final int DEFAULT_CAPACITY = 10;

    /**
     * Shared empty array instance used for empty instances.
     */
    private static final Object[] EMPTY_ELEMENTDATA = {};

    /**
     * Shared empty array instance used for default sized empty instances. We
     * distinguish this from EMPTY_ELEMENTDATA to know how much to inflate when
     * first element is added.
     */
    private static final Object[] DEFAULTCAPACITY_EMPTY_ELEMENTDATA = {};

    /**
     * The array buffer into which the elements of the ArrayList are stored.
     * The capacity of the ArrayList is the length of this array buffer. Any
     * empty ArrayList with elementData == DEFAULTCAPACITY_EMPTY_ELEMENTDATA
     * will be expanded to DEFAULT_CAPACITY when the first element is added.
     */
    transient Object[] elementData; // non-private to simplify nested class access

    /**
     * The size of the ArrayList (the number of elements it contains).
     *
     * @serial
     */
    private int size;

    /**
     * Constructs an empty list with the specified initial capacity.
     *
     * @param  initialCapacity  the initial capacity of the list
     * @throws IllegalArgumentException if the specified initial capacity
     *         is negative
     */
    public ArrayList(int initialCapacity) {
        if (initialCapacity > 0) {
            this.elementData = new Object[initialCapacity];
        } else if (initialCapacity == 0) {
            this.elementData = EMPTY_ELEMENTDATA;
        } else {
            throw new IllegalArgumentException("Illegal Capacity: "+
                                               initialCapacity);
        }
    }

    /**
     * Constructs an empty list with an initial capacity of ten.
     */
    public ArrayList() {
        this.elementData = DEFAULTCAPACITY_EMPTY_ELEMENTDATA;
    }

    /**
     * Constructs a list containing the elements of the specified
     * collection, in the order they are returned by the collection's
     * iterator.
     *
     * @param c the collection whose elements are to be placed into this list
     * @throws NullPointerException if the specified collection is null
     */
    public ArrayList(Collection<? extends E> c) {
        elementData = c.toArray();
        if ((size = elementData.length) != 0) {
            // c.toArray might (incorrectly) not return Object[] (see 6260652)
            if (elementData.getClass() != Object[].class)
                elementData = Arrays.copyOf(elementData, size, Object[].class);
        } else {
            // replace with empty array.
            this.elementData = EMPTY_ELEMENTDATA;
        }
    }
}

其實源碼裏面已經很清晰了,ArrayList非線程安全,底層是一個Object[],添加到ArrayList中的數據保存在了elementData屬性中。

  • 當調用new ArrayList<>()時,將一個空數組{}賦值給了elementData,這個時候集合的長度size為默認長度0;

  • 當調用new ArrayList<>(100)時,根據傳入的長度,new一個Object[100]賦值給elementData,當然如果玩兒的話,傳了一個0,那麼將一個空數組{}賦值給了elementData;

  • 當調用new ArrayList<>(new HashSet())時,根據源碼,我們可知,可以傳遞任何實現了Collection接口的類,將傳遞的集合調用toArray()方法轉為數組內賦值給elementData;

注意:在傳入集合的ArrayList的構造方法中,有這樣一個判斷

if (elementData.getClass() != Object[].class),

給出的註釋是:c.toArray might (incorrectly) not return Object[] (see 6260652),即調用toArray方法返回的不一定是Object[]類型,查看ArrayList源碼

public Object[] toArray() {    return Arrays.copyOf(elementData, size);}

我們發現返回的確實是Object[],那麼為什麼還會有這樣的判斷呢?

如果有一個類CustomList繼承了ArrayList,然後重寫了toArray()方法呢。。

public class CustomList<E> extends ArrayList {
    @Override
    public Integer [] toArray() {
        return new Integer[]{1,2};
    };
    
    public static void main(String[] args) {
        Object[] elementData = new CustomList<Integer>().toArray();
        System.out.println(elementData.getClass());
        System.out.println(Object[].class);
        System.out.println(elementData.getClass() == Object[].class);
    }
}

執行結果:

class [Ljava.lang.Integer;
class [Ljava.lang.Object;
false

接着說,如果傳入的集合類型和我們定義用來保存添加到集合中值的Object[]類型不一致時,ArrayList做了什麼處理?讀源碼看到,調用了Arrays.copyOf(elementData, size, Object[].class);,繼續往下走

public static <T,U> T[] copyOf(U[] original, int newLength, Class<? extends T[]> newType) {    
    T[] copy = ((Object)newType == (Object)Object[].class)
        ? (T[]) new Object[newLength]
        : (T[]) Array.newInstance(newType.getComponentType(), newLength); 
    System.arraycopy(original, 0, copy, 0, Math.min(original.length, newLength));
    return copy;
}

我們發現定義了一個新的數組,將原數組的數據拷貝到了新的數組中去。

二. ArrayList常用方法

ArrayList有很多常用方法,add,addAll,set,get,remove,size,isEmpty等

首先定義了一個ArrayList,

List<String> list = new ArrayList<>(10);
list.add('牛魔王');
list.add('蛟魔王');
...
list.add('美猴王');

Object[] elementData中數據如下:

1. add(E element)

我們通過源碼來看一下add(“白骨精”)到底發生了什麼

public boolean add(E e) {
    ensureCapacityInternal(size + 1);
    // Increments modCount!!
    elementData[size++] = e;
    return true;
}

首先通過 ensureCapacityInternal(size + 1) 來保證底層Object[]數組有足夠的空間存放添加的數據,然後將添加的數據存放到數組對應的位置上,我們看一下是怎麼保證數組有足夠的空間?

private void ensureCapacityInternal(int minCapacity) {
    if (elementData == DEFAULTCAPACITY_EMPTY_ELEMENTDATA) {
        minCapacity = Math.max(DEFAULT_CAPACITY, minCapacity);
    }
    ensureExplicitCapacity(minCapacity);
}
private void ensureExplicitCapacity(int minCapacity) {
    modCount++;
    // overflow-conscious code
    if (minCapacity - elementData.length > 0)
        grow(minCapacity);
}

這裏首先確定了Object[]足夠存放添加數據的最小容量,然後通過 grow(int minCapacity) 來進行數組擴容

private void grow(int minCapacity) {
    // overflow-conscious code
    int oldCapacity = elementData.length;
    int newCapacity = oldCapacity + (oldCapacity >> 1);
    if (newCapacity - minCapacity < 0)
        newCapacity = minCapacity;
    if (newCapacity - MAX_ARRAY_SIZE > 0)
        newCapacity = hugeCapacity(minCapacity);
    // minCapacity is usually close to size, so this is a win:
    elementData = Arrays.copyOf(elementData, newCapacity);
}

擴容規則為“數組當前足夠的最小容量 + (數組當前足夠的最小容量 / 2)”,即數組當前足夠的最小容量 * 1.5,當然有最大值的限制。

因為最開始定義了集合容量為10,故而本次不會進行擴容,直接將第8個位置(從0開始,下標為7)設置為“白骨精”,這時Object[] elementData中數據如下:

還有和add()類似的方法。空間擴容原理都是一樣,如:

add("鐵扇", 0); //將數組中的元素各自往後移動一位,再將“鐵扇”放到第一個位置上;

addAll(list..七個葫蘆娃); //將集合{七個葫蘆娃}放到”白骨精”后,很明顯當前數組的容量已經不夠,需要擴容了,不執行該句代碼了;

addAll(list..哪吒三兄弟, 4);//從第五個位置將“哪吒三兄弟”插進去,那麼數組第五個位置后的元素都需往後移動三位,數組按規則擴容為18。

指定了插入位置的,會通過rangeCheckForAdd(int index)方法判斷是否數組越界

2. set(int index, E element)

因為ArrayList底層是由數組實現的,set實現非常簡單,調用 set(8, "豬八戒") 通過傳入的数字下標找到對應的位置,替換其中的元素,前提也需要首先判斷傳入的數組下標是否越界。將“獼猴王”替換為“豬八戒”

public E set(int index, E element) {
    rangeCheck(index);
    E oldValue = elementData(index);
    elementData[index] = element;
    return oldValue;
}

//返回值“獼猴王”,當前數組中數據:

3. get(int index)

ArrayList中get方法也非常簡單,通過下標查找即可,同時需要進行了類型轉換,因為數組為Object[],前提是需要判斷傳入的數組下標是否越界。

public E get(int index) {
    rangeCheck(index);
    return elementData(index);
}
E elementData(int index) {
    return (E) elementData[index];
}

調用get(6)返回”哪吒“。

4. remove(int index)

首先說一下ArrayList通過下標刪除的方法,我們看一下源碼

public E remove(int index) {
    rangeCheck(index);
    modCount++;
    E oldValue = elementData(index);
    int numMoved = size - index - 1;
    if (numMoved > 0)
        System.arraycopy(elementData, index+1, elementData, index, numMoved);
    elementData[--size] = null; // clear to let GC do its work
    return oldValue;
}

通過源碼我們可以看到首先獲取了待刪除的元素,並最終返回了。其次計算了數組中需要移動的位數 size – index – 1,那麼很明顯我們可以得出待刪除的是最後一個元素的話,移到位數為0,否則移動位數大於0,那麼通過數組元素的拷貝來實現往前移動相應位數。

如remove(10),找到的元素為“美猴王”,那麼移動位數 = 12-10-1 = 1;此時將原本在第12個位置上(數組下標為11)的“白骨精”往前移動一位,同時設置elementData[11] = null;這裏通過設置null值讓GC起作用。

5. remove(Object o)

刪除ArrayList中的值對象,其實和通過下標刪除很相似,只是多了一個步驟,遍歷底層數組elementData,通過equals()方法或 == (特殊情況下)來找到要刪除的元素,獲取其下標,調用remove(int index)一樣的代碼即可。

public boolean remove(Object o) {
    if (o == null) {
        for (int index = 0; index < size; index++)
            if (elementData[index] == null) {
                fastRemove(index);
                return true;
            }
    } else {
        for (int index = 0; index < size; index++)
            if (o.equals(elementData[index])) {
                fastRemove(index);
                return true;
            }
    }
    return false;
}

6. 其他方法

size() : 獲取集合長度,通過定義在ArrayList中的私有變量size得到

isEmpty():是否為空,通過定義在ArrayList中的私有變量size得到

contains(Object o):是否包含某個元素,通過遍歷底層數組elementData,通過equals或==進行判斷

clear():集合清空,通過遍歷底層數組elementData,設置為null

三. 總結

本文主要講解了ArrayList原理,從底層數組着手,講解了ArrayList定義時到底發生了什麼,再添加元素時,擴容規則如何,刪除元素時,數組的元素的移動方式以及一些常用方法的用途,若有不對之處,請批評指正,望共同進步,謝謝!

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司,幫您輕鬆架站!

評比前十大台北網頁設計台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

JS數據結構第三篇—雙向鏈表和循環鏈表之約瑟夫問題

一、雙向鏈表

在上文《JS數據結構第二篇—鏈表》中描述的是單向鏈表。單向鏈表是指每個節點都存有指向下一個節點的地址,雙向鏈表則是在單向鏈表的基礎上,給每個節點增加一個指向上一個節點的地址。然後頭結點的上一個節點,和尾結點的下一個節點都指向null。同時LinkedList類中再增加一個last內部屬性,一直指向鏈表中最後一個節點。結構模擬如圖:

同樣對外暴露的方法和單向鏈表一樣,只是內部實現稍有變化

雙向鏈表完整設計代碼:

/**
 * 自定義雙向鏈表:對外公開的方法有
 * append(element) 在鏈表最後追加節點
 * insert(index, element) 根據索引index, 在索引位置插入節點
 * remove(element)  刪除節點
 * removeAt(index)  刪除指定索引節點
 * removeAll(element) 刪除所有匹配的節點
 * set(index, element) 根據索引,修改對應索引的節點值
 * get(index)  根據索引獲取節點信息
 * indexOf(element) 獲取某個節點的索引位置
 * clear()  清空所有節點
 * length()   返回節點長度
 * print() 打印所有節點信息
 * toString() 打印所有節點信息,同print
 * */
const LinkedListDouble = function(){
    let head = null; //鏈表中第一個LinkNode
    let last = null;  //鏈表中最後一個LinkNode
    let size = 0;   //記錄鏈表元素個數

    //Node模型
    function LinkNode(prev, element, next){
        this.prev = prev; //當前節點的上一個node
        this.element = element;  //當前節點的元素
        this.next = next; //當前節點的下一個node
    }

    //元素越界檢查, 越界拋出異常
    function outOfBounds(index){
        if (index < 0 || index >= size){
            throw("抱歉,目標位置不存在!");
        }
    }

    //根據索引,獲取目標對象
    function node(index){
        outOfBounds(index);

        //判斷index是靠近前半部分,還是後半部分,以求最少次數找到目標節點
        if (index <= size>>1){
            //說明從頭往後找,次數少一點
            let obj = head;
            for (let i = 0;i < index; i++){
                obj = obj.next;
            }
            return obj;
        }
        else{
            //說明從后往前找,次數少一點
            let obj = last;
            for (let i = size-1; i > index; i--){
                obj = obj.prev;
            }
            return obj;
        }
    }

    //新增一個元素
    function append(element){
        if (size == 0){
            head = new LinkNode(null, element, null);
            last = head;
        }
        else{
            let obj = node(size-1);
            obj.next = new LinkNode(obj, element, null);
            last = obj.next;
        }
        size++;
    }

    //插入一個元素
    function insert(index, element){
        if (index == 0){
            head = new LinkNode(null, element, head);

            if (size == 0){
                last = head;
            }
        }
        else{
            let obj = node(index-1);
            obj.next = new LinkNode(obj, element, obj.next);

            if (index == size){
                last = obj.next;
            }
        }
        size++;
    }

    //修改元素
    function set(index, element){
        let obj = node(index);
        obj.element = element;
    }

    //移除節點(內部使用,不對外暴露)
    function removeNode(node){
        let prev = node.prev, next = node.next; //當前節點的前一個,和后一個

        //判斷head臨界點
        if (prev == head){
            head = next;
        }
        else{
            prev.next = next;
        }

        //判斷last臨界點
        if (next == last){
            last = prev;
        }
        else{
            next.prev = prev;
        }
        size--;
        return node.element;
    }

    //根據值移除節點元素
    function remove(element){
        let temp = head;
        while(temp){
            if (temp.element == element){
                return removeNode(temp);
            }
            else{
                temp = temp.next;
            }
        }
        return null;
    }

    //根據索引移除節點
    function removeAt(index){
        return removeNode(node(index));
    }

    //移除鏈表裡面的所有匹配值element的元素
    function removeAll(element){
        let newFirst = new LinkNode(null, 0, head), ele = null;
        let virHead = newFirst;

        while(virHead.next){
            if (virHead.next.element == element){

                ele = element;

                if (virHead.next.next){
                    virHead.next.next.prev = virHead.next.prev;
                }
                else{ //刪除了最後一個節點
                    last = virHead.next.prev;
                }
                virHead.next = virHead.next.next;
                size--;
            }
            else{
                virHead = virHead.next;
            }
        }

        //重新賦值
        head = newFirst.next;

        return ele;
    }

    //獲取某個元素
    function get(index){
        return node(index).element;
    }

    //獲取元素索引
    function indexOf(element){
        let obj = head, index = -1;

        for (let i = 0; i < size; i++){
            if (obj.element == element){
                index = i;
                break;
            }
            obj = obj.next;
        }
        return index;
    }

    //清除所有元素
    function clear(){
        head = null;
        last = null;
        size = 0;
    }

    //屬性轉字符串
    function getObjString(obj){

        let str = "";

        if (obj instanceof Array){
            str += "[";
            for (let i = 0; i < obj.length; i++){
                str += getObjString(obj[i]);
            }
            str = str.substring(0, str.length - 2);
            str += "], "
        }
        else if (obj instanceof Object){
            str += "{";
            for (var key in obj){
                let item = obj[key];
                str += "\"" + key + "\": " + getObjString(item);
            }
            str = str.substring(0, str.length-2);
            str += "}, "
        }
        else if (typeof obj == "string"){
            str += "\"" + obj + "\"" + ", ";
        }
        else{
            str += obj + ", ";
        }

        return str;
    }
    function toString(){
        let str = "", obj = head;
        for (let i = 0; i < size; i++){
            str += getObjString(obj.element);
            obj = obj.next;
        }
        if (str.length > 0) str = str.substring(0, str.length -2);
        return str;
    }
    //打印所有元素
    function print(){
        console.log(this.toString())
    }

    //對外公開方法
    this.append = append;
    this.insert = insert;
    this.remove = remove;
    this.removeAt = removeAt;
    this.removeAll = removeAll;
    this.set = set;
    this.get = get;
    this.indexOf = indexOf;
    this.length = function(){
        return size;
    }
    this.clear = clear;
    this.print = print;
    this.toString = toString;
}


////測試
// let obj = new LinkedListDouble();
// let obj1 = { title: "全明星比賽", stores: [{name: "張飛vs岳飛", store: "2:3"}, { name: "關羽vs秦瓊", store: "5:5"}]};
// obj.append(99);
// obj.append("hello")
// obj.append(true)
// obj.insert(3, obj1);
// obj.insert(0, [12, false, "Good", 81]);
// obj.print();
// console.log("obj1.index: ", obj.indexOf(obj1));
// obj.remove(0);
// obj.removeAll(obj1);
// obj.print();

////測試2
console.log("\n\n......test2.....")
var obj2 = new LinkedListDouble();
obj2.append(8); obj2.insert(1, 99); obj2.append('abc'); obj2.append(8); obj2.append(false);
obj2.append(12); obj2.append(8); obj2.append('123'); obj2.append(8);
obj2.print();
obj2.removeAll(8); //刪除所有8
obj2.print();

View Code

 

二、循環鏈表

在鏈表的基礎上,再稍稍修改一下,讓鏈表中的尾結點和頭節點鏈接起來,形成一個循環生生不息。單向循環鏈表是尾結點的下一個地址指向頭結點,而不是null;雙向循環鏈表則是last節點的next指向head節點,head節點的prev指向last節點。結構模擬如下兩個圖:

 

 對於單個節點的循環鏈表,頭結點和尾節點為同一個節點,則自己指向自己。結構模擬如圖:

 循環鏈表的代碼這裏就不貼出來了,代碼放在Github那裡,有興趣可以點進去看看。

 

三、循環鏈表的應用—約瑟夫問題模擬

據說著名猶太歷史學家 Josephus有過以下的故事:在羅馬人佔領喬塔帕特后,39 個猶太人與Josephus及他的朋友躲到一個洞中,39個猶太人決定寧願死也不要被敵人抓到,於是決定了一個自殺方式,41個人排成一個圓圈,由第1個人開始報數,每報數到第3人該人就必須自殺,然後再由下一個重新報數,直到所有人都自殺身亡為止。然而Josephus 和他的朋友並不想遵從。首先從一個人開始,越過k-2個人(因為第一個人已經被越過),並殺掉第k個人。接着,再越過k-1個人,並殺掉第k個人。這個過程沿着圓圈一直進行,直到最終只剩下一個人留下,這個人就可以繼續活着。問題是,給定了和,一開始要站在什麼地方才能避免被處決?Josephus要他的朋友先假裝遵從,他將朋友與自己安排在第16個與第31個位置,於是逃過了這場死亡遊戲。

這裏我做了一個效果圖,模擬下約瑟夫問題:

接下來我們如何用鏈表來模擬約瑟夫問題。

在上面循環鏈表的基礎上,我們給LinkedList再添加一個內部屬性current,指向當前節點,默認指向頭結點;再增加三個對外方法next()、removeCurrent()、reset(),分別表示當前節點指向下一個節點,移除當前節點,重置當前節點為頭結點。修改后,新的LinkedList對外方法有:

 新的循環雙向鏈表完整設計代碼:

/**
 * 在循環雙向鏈表的基礎上,增加1個屬性,3個方法(屬性內部使用,方法對外開放),讓循環鏈表發揮更大的效果:
 * current: 指向當前節點,默認指向首節點head
 * next():讓current每次移動一次,移上下一個節點, 返回元素
 * removeCurrent(): 每次刪除當前current指向的節點,刪除后,current指向下一個節點
 * reset(): 重置current指向首節點head
 *
 * 自定義雙向循環鏈表:對外公開的方法有
 * append(element) 在鏈表最後追加節點
 * insert(index, element) 根據索引index, 在索引位置插入節點
 * remove(element)  刪除節點
 * removeAt(index)  刪除指定索引節點
 * removeAll(element) 刪除所有匹配的節點
 * set(index, element) 根據索引,修改對應索引的節點值
 * get(index)  根據索引獲取節點信息
 * indexOf(element) 獲取某個節點的索引位置
 * clear()  清空所有節點
 * length()   返回節點長度
 * print() 打印所有節點信息
 * toString() 打印所有節點信息,同print
 * */
const CircleLinkedListDouble = function(){
    let head = null; //鏈表中第一個LinkNode
    let last = null;  //鏈表中最後一個LinkNode
    let size = 0;   //記錄鏈表元素個數
    let current = null; //當前指向的節點

    //Node模型
    function LinkNode(prev, element, next){
        this.prev = prev; //當前節點的上一個node
        this.element = element;  //當前節點的元素
        this.next = next; //當前節點的下一個node
    }

    //元素越界檢查, 越界拋出異常
    function outOfBounds(index){
        if (index < 0 || index >= size){
            throw("抱歉,目標位置不存在!");
        }
    }

    //根據索引,獲取目標對象
    function node(index){
        outOfBounds(index);

        //判斷index是靠近前半部分,還是後半部分,以求最少次數找到目標節點
        if (index <= size>>1){
            //說明從頭往後找,次數少一點
            let obj = head;
            for (let i = 0;i < index; i++){
                obj = obj.next;
            }
            return obj;
        }
        else{
            //說明從后往前找,次數少一點
            let obj = last;
            for (let i = size-1; i > index; i--){
                obj = obj.prev;
            }
            return obj;
        }
    }

    //新增一個元素
    function append(element){
        if (size == 0){
            head = new LinkNode(null, element, null);
            head.next = head;
            head.prev = head;
            last = head;
            current = head;
        }
        else{
            let obj = node(size-1);
            obj.next = new LinkNode(obj, element, head);
            last = obj.next;
            head.prev = last;
        }
        size++;
    }

    //插入一個元素
    function insert(index, element){
        //表示插入到第一個
        if (index == 0){

            let last = null;
            if (size > 0) last = node(size-1);

            head = new LinkNode(last, element, head);

            if (size < 1){
                head.next = head;
                head.prev = head;
                last = head;
                current = head;
            }
            else{
                last.prev = head;
            }
        }
        else{
            let prev = node(index-1);
            prev.next = new LinkNode(prev, element, prev.next);

            //表示插入到最後一個
            if (index == size){
                last = prev.next;
                head.prev = last;
            }
        }
        size++;
    }

    //修改元素
    function set(index, element){
        let obj = node(index);
        obj.element = element;
    }

    //移除節點(內部使用,不對外暴露)
    function removeNode(node){

        if (size == 1){
            current = head = last = null;
        }
        else{
            let prev = node.prev, next = node.next; //當前節點的前一個,和后一個

            //判斷head臨界點
            if (prev == last){
                head = next;
                head.prev = last;
                last.next = head;
            }
            else{
                prev.next = next;
            }

            //判斷last臨界點
            if (next == head){
                last = prev;
                last.next = head;
                head.prev = last;
            }
            else{
                next.prev = prev;
            }

            if (current == node){
                current = next;
            }
        }

        size--;
        return node.element;
    }

    //根據值移除節點元素
    function remove(element){
        let temp = head;
        while(temp){
            if (temp.element == element){
                return removeNode(temp);
            }
            else{
                temp = temp.next;
            }
        }
        return null;
    }

    //根據索引移除節點
    function removeAt(index){
        return removeNode(node(index));
    }

    //移除鏈表裡面的所有匹配值element的元素
    function removeAll(element){
        let newFirst = new LinkNode(null, 0, head), delNode = null;
        let virHead = newFirst;

        //為了避免無限循環,先把循環鏈表斷開
        head.prev = null, last.next = null;

        while(virHead.next){
            if (virHead.next.element == element){

                delNode = virHead.next;

                if (virHead.next.next){
                    virHead.next.next.prev = virHead.next.prev;
                }
                else{
                    last = virHead.next.prev;
                }

                if (virHead.next == current){
                    current = current.next;
                    virHead.next = current;
                }
                else{
                    virHead.next = virHead.next.next;
                }

                size--;
            }
            else{
                virHead = virHead.next;
            }
        }

        //重新賦值
        head = newFirst.next;
        last = size > 0 ? node(size-1) : null;
        if (size > 0){
            last.next = head;
            head.prev = last;
        }
        else{
            current = head = last = null;
        }

        return delNode.element;
    }

    //獲取某個元素
    function get(index){
        return node(index).element;
    }

    //獲取元素索引
    function indexOf(element){
        let obj = head, index = -1;

        for (let i = 0; i < size; i++){
            if (obj.element == element){
                index = i;
                break;
            }
            obj = obj.next;
        }
        return index;
    }

    //清除所有元素
    function clear(){
        current = head = last = null;
        size = 0;
    }

    //這次新增加的三個方法next, removeCurrent, reset
    //調用重置current指向head節點
    function reset(){
        current = head;
    }
    function next(){
        if (!current) return null;

        current = current.next;
        return current.element;
    }

    //每調用一次,刪除current指向的節點
    function removeCurrent(){
        if (size < 1) return null;
        return removeNode(current);
    }

    //屬性轉字符串
    function getObjString(obj){

        let str = "";

        if (obj instanceof Array){
            str += "[";
            for (let i = 0; i < obj.length; i++){
                str += getObjString(obj[i]);
            }
            str = str.substring(0, str.length - 2);
            str += "], "
        }
        else if (obj instanceof Object){
            str += "{";
            for (var key in obj){
                let item = obj[key];
                str += "\"" + key + "\": " + getObjString(item);
            }
            str = str.substring(0, str.length-2);
            str += "}, "
        }
        else if (typeof obj == "string"){
            str += "\"" + obj + "\"" + ", ";
        }
        else{
            str += obj + ", ";
        }

        return str;
    }
    function toString(){
        let str = "", obj = head;
        for (let i = 0; i < size; i++){
            str += getObjString(obj.element);
            obj = obj.next;
        }
        if (str.length > 0) str = str.substring(0, str.length -2);
        return str;
    }
    //打印所有元素
    function print(){
        console.log(this.toString())
    }

    //對外公開方法
    this.append = append;
    this.insert = insert;
    this.remove = remove;
    this.removeAt = removeAt;
    this.removeAll = removeAll;
    this.set = set;
    this.get = get;
    this.indexOf = indexOf;
    this.length = function(){
        return size;
    }
    this.clear = clear;
    this.print = print;
    this.toString = toString;

    //新增加的方法
    this.next = next;
    this.removeCurrent = removeCurrent;
    this.reset = reset;
}


////測試
// let obj = new CircleLinkedListDouble();
// let obj1 = { title: "全明星比賽", stores: [{name: "張飛vs岳飛", store: "2:3"}, { name: "關羽vs秦瓊", store: "5:5"}]};
//
// obj.append(99);
// obj.append("hello")
// obj.append(true)
// obj.insert(3, obj1);
// obj.insert(0, [12, false, "Good", 81]);
// obj.print();
// console.log("obj1.index: ", obj.indexOf(obj1));
// obj.remove(0);
// obj.removeAll(obj1);
// obj.print();

////測試2
// console.log("\n\n......test2.....")
// var obj2 = new CircleLinkedListDouble();
// obj2.append(8); obj2.append(99); obj2.append('abc'); obj2.append(8); obj2.append(false);
// obj2.append(12); obj2.append(8); obj2.append('123'); obj2.append(8);
// obj2.print();
// obj2.removeAll(8); //刪除所有8
// obj2.print();


/**
 * 測試3,來做一個有意思的題目:約瑟夫題目
 據說著名猶太歷史學家 Josephus有過以下的故事:在羅馬人佔領喬塔帕特后,39 個猶太人與Josephus及他的朋友躲到一個洞中,
 39個猶太人決定寧願死也不要被敵人抓到,於是決定了一個自殺方式,41個人排成一個圓圈,
 由第1個人開始報數,每報數到第3人該人就必須自殺,然後再由下一個重新報數,直到所有人都自殺身亡為止。
 然而Josephus 和他的朋友並不想遵從。
 首先從一個人開始,越過k-2個人(因為第一個人已經被越過),並殺掉第k個人。
 接着,再越過k-1個人,並殺掉第k個人。這個過程沿着圓圈一直進行,直到最終只剩下一個人留下,這個人就可以繼續活着。
 問題是,給定了和,一開始要站在什麼地方才能避免被處決?
 Josephus要他的朋友先假裝遵從,他將朋友與自己安排在第16個與第31個位置,於是逃過了這場死亡遊戲。

 用循環鏈表來模擬這個遊戲
 */
console.log("\n\n........test3約瑟夫題目。。。....");
var obj3 = new CircleLinkedListDouble();
for (let i = 0; i < 41; i++){
    obj3.append(i+1);
}
obj3.print();
console.log("*************約瑟夫遊戲開始**********")
for (let i = 0; i < 39; i++){
    obj3.next(); obj3.next(); //移動兩次
    obj3.removeCurrent(); //刪除當前節點
    console.log("第", (i+1), "次,剩餘的為:", obj3.toString())
}
console.log("***************game over***************")
console.log("最後生存下來的是:", obj3.toString());

View Code

看下用鏈表模擬約瑟夫問題過程的效果:

 

其餘單向循環鏈表、單向循環鏈表增強、雙向循環鏈表等代碼Demo見github地址:https://github.com/xiaotanit/Tan_DataStruct

【精選推薦文章】

智慧手機時代的來臨,RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置台北網頁設計,各種案例分享

廣告預算用在刀口上,網站設計公司幫您達到更多曝光效益

專業SEO網站“排名第一”上線

 

SEO自上線以來,就收到國內站長的廣泛熱愛,人數持續增加,截止到19年六月,SEO收錄用戶數量超過百萬,月均活躍用戶超過千萬,成為名副其實的站長最受歡迎網站話題。在人數火爆的背後。為了能夠快速擁有一個權重較高的網站,能夠有一套全面的優化,可以有更多的能夠自由選擇關鍵詞,從而在網站排名中獲勝,成為很多新站長迫切的需求,很多本身沒有時間SEO優化的站長來說,選擇SEO服務也就成了一種效率的選擇。

然而,當前的SEO優化市場十分的混亂,隨便登入一個論壇都能搜到一大片,也出現了很多交了錢不見人,給想要尋找SEO的網站站長帶來了很多困惑。

日前了解到,一個專業從事SEO的網站“排名第一 www.paimingdiyi.com”已經上線運作了,網站以統一平台、公平價格的模式,為需要SEO的站長提供可靠、合理的服務,並同時提供快速排名、SEO教程等SEO服務。在交易方式上,同時支持淘寶、支付寶、等多種支付方式,並有專一客服進行定點服務,能夠有效的避免SEO優化詐騙和服務不到位的現象,實實在在解決了網站站長在選擇SEO顧問時的各種擔心。

掌握最新排名算法,有想要通過SEO排名獲得網站流量的朋友,要抓緊時間了。如果本身又沒有太多時間的話,那就不妨到“SEO排名第一”來尋找SEO顧問吧,不必再為詐騙擔心,也不用害怕服務不到位,有了可靠的平台,自己網站排名快速提升,獲得網站流量的願望也就不再遙不可及了。

但話說回來,一個網站排名還不好,最重要的還是在持續的SEO優化中積累的排名經驗。單純依靠SEO顧問或者是買別人的服務,雖然能夠僥倖獲得排名提升,但卻不能夠真實的體現自己的SEO水平。對於想要通過自己練習來提高真實SEO技術的站長,還是更多的花點時間,多來學習SEO,當然如果你更多的是希望感受巔峰對決,和第一比拼,那排名第一的SEO顧問,可能就是你最合適的選擇。

本站聲明:網站內容來源搜狐https://www.admin5.com/,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司,幫您輕鬆架站!

評比前十大台北網頁設計台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"

網絡營銷同行勸守護袁昆別天天聊SEO優化,原因何在?

 

(文/守護袁昆)最近一段時間守護袁昆聊網站SEO優化比較多,總有些朋友說現在還能做SEO優化嗎?SEO優化早就過時了,現在是移動互聯網時代,就應該做短視頻。

現在還能不能做網站SEO優化呢?

其實任何一個平台信息過量,那麼就會有搜索存在,守護袁昆認為有搜索就離不開SEO優化。大多數朋友認為SEO優化做不了,主要還是網站SEO優化,甚至百度SEO優化泛濫成災。

百度SEO優化、淘寶SEO優化、微博SEO優化、微信SEO優化、頭條SEO優化……哪一個平台不是用戶量大、信息量大?系統推薦的可能並不是你喜歡的,那麼搜索就是一種必然。

哪些人在說SEO優化做不了?

沒有玩好SEO優化的一群人,他們也許是真的做SEO優化沒什麼效果,最後不得不忍痛離開,還不忘抱怨一句:SEO優化不是人乾的事,SEO優化已經過時了。

沒有做過SEO優化的一群人,人云亦云的事太多了。很多朋友根本就沒做過SEO優化,聽到別人說SEO優化做不了,所以SEO優化不能做。

網絡營銷同行為什麼勸守護袁昆別談SEO優化?

SEO優化是網絡營銷的基礎,為什麼同行讓守護袁昆別談呢?因為大家都不做,才有更多的機會。其實完全沒這個必要,為什麼這麼說?

大多數SEO優化人員能力不足,所以完全不會對我們造成競爭,或者說競爭極小,沒必要擔心SEO優化市場。

SEO優化資深玩家更多的是資源,甚至做付費方面的營銷推廣,也看不起這低成本耗費時間的玩法。

守護袁昆認為不僅僅要談SEO優化,還要讓沒有多大營銷預算的中小企業看到SEO優化的效果,讓大家認可SEO優化在網絡營銷推廣中的地位,這樣才能更適合行業發展。

SEO優化過時了,應該做自媒體、做短視頻?

SEO優化並沒有過時,做自媒體也並沒有錯,自媒體寫好標題和描述不就是最基本的SEO優化技巧嗎?

中小企業是否要做短視頻?守護袁昆給大家分析過:做短視頻的投入成本應該是圖文的兩三倍。對於營銷預算嚴重不足的中小企業,能去玩短視頻嗎?

不管互聯網營銷怎麼變,只要涉及到信息過量就離不開搜索,那麼SEO優化還是基礎。不管互聯網營銷平台怎麼變,優質的原創內容已經越來越重要。

守護袁昆別天天聊SEO優化了,作為想玩好互聯網營銷推廣的中小企業主,大家認為是否應該繼續聊下去?

本站聲明:網站內容來源搜狐https://www.admin5.com/,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

智慧手機時代的來臨,RWD網頁設計已成為網頁設計推薦首選

想知道網站建置、網站改版該如何進行嗎?將由專業工程師為您規劃客製化網頁設計及後台網頁設計

帶您來看台北網站建置台北網頁設計,各種案例分享

廣告預算用在刀口上,網站設計公司幫您達到更多曝光效益

網站seo優化方案書 seo專員必寫方案 學到就是錢

 

公司成立后,都希望自己公司有一個公司官網,但有了公司網站后,並不是每個網站都做得很好,所以需要專業的seo優化人員進行站內和站外優化,針對公司網站寫seo優化方案時,有哪些要點呢?以下就是seo方案書的框架,僅供參考!

一、網站概述

1,網站介紹

1)網站名稱:

2)網站域名:

3)網站定位:

目標用戶:

2,網站數據分析

1)網站基本信息

2)網站收錄和反鏈

3)網站百度快照

4)網站的權重及外鏈

5)標題、關鍵詞及描述數據(TKD三大標籤)

6)關鍵詞指數和排名

3,網站優化目標

1)權重:將網站權重提升為3

2)關鍵詞排名:優化關鍵詞並把核心關鍵詞優化到百度前3頁

3)收錄數:後期達到每天2-3的收錄數

二、行業和競爭對手分析

1,分析競爭對手

1)競爭者

2)競爭策略

2,行業分析

三、網站優化方案

1,關鍵詞優化

2,標題優化

3,描述優化

4,代碼優化

5,網站結構和頁面優化

6,301和404頁面

7,內容優化

8,內鏈優化

1)文章正文錨文本設計四大原則:

a,軟性植入,符合文章的需要,不要生硬嵌套;

b,錨文本對文章有促進作用,二者可以做到相得益彰;

c,延展用戶需求,挖掘用戶額外需求並滿足;

d,錨文本數量不宜太多,否則會降低當前頁面的權重。

2)Tag標籤優化:起到引導作用,增加文章被訪問的機會,添加tag標籤要體現自己的特色;

3)定期檢查死鏈以及處理掉,可以使用站長工具查詢是否有死鏈,及時刪除或更改鏈接。

9,外鏈優化

1)軟文:新聞報道型、學員體驗型、故事講述型、利用網絡事件型、網絡熱帖型及總結歸納型等;

2)外鏈優化方法:原創或偽原創高質量的軟文,平衡持續增加文章數量,並且文章之間要有相關性,進行深度鏈接;

3)外鏈發布平台:微信平台、微博平台、問答平台、百科平台、直播平台、視頻平台、音頻平台、社區平台、論壇平台及自媒體平台等;

4)外鏈日常工作安排:每天堅持發布10篇關於網站的外鏈。

四、總結

這就是以上針對公司網站進行seo優化,寫方案書時的框架參考,通過站長之家查詢該公司網站的數據進行填寫,並且對該公司主營產品或服務進行詳細了解,針對性寫出優化方案即可。

不知道seo整體優化方案怎麼做?A5服務為企業提供SEO診斷方案,快速讓你了解問題所在。

本站聲明:網站內容來源搜狐https://www.admin5.com/,如有侵權,請聯繫我們,我們將及時處理

【精選推薦文章】

自行創業 缺乏曝光? 下一步"網站設計"幫您第一時間規劃公司的門面形象

網頁設計一頭霧水??該從何著手呢? 找到專業技術的網頁設計公司,幫您輕鬆架站!

評比前十大台北網頁設計台北網站設計公司知名案例作品心得分享

台北網頁設計公司這麼多,該如何挑選?? 網頁設計報價省錢懶人包"嚨底家"