Try   HackMD

SEO 課程筆記

壹、關於 SEO

一、SEO 是什麼？

  • 搜尋引擎最佳化，白話文就是，讓 google 搜尋與自己網頁有關的關鍵字時，可以把自己的網頁往前排，獲得好的搜尋名次
    = Organic Search 隨機搜尋/自然搜尋(不花錢/流量的搜尋)
  • GOOGLE 利用 PageRank 來排名 SEO
  • google 三大工具
    關鍵字廣告/GA/Google Search Console

二、 目的

增加造訪數來達成營業額提昇的目標

三、 SEO 工作項目

  • 網站建置/修改
  • 找出關鍵詞、優化產出的內容
  • 推廣網站的內容
  • 分析與改善 PageRank的的分數
  • 搜尋結果頁 SERP (search Engine Result Page)
  • CPC(cost per click) 每次點擊成本。
    ex:徵信社 cpc 曾達到 4000元，後來被fb廣告奪走市場，拉低cpc價格

四、SEO 與 google analytics

老師教學使用 google analytics 示範帳戶

1. GA 管道報表

了解消費者是透過哪個管道進來

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

2. 預設管道 (default channel grouping)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

補充：GA裡文字性的是維度（綠色），數字性的是指標（藍色）

3. 小技巧

  • ga 串接 google search console
    a. 好處
    • 關鍵字的數據量有差，SC只能看到1000字關鍵字，GA可以看到更多
    • 報表功能有差，GA可以做篩選，可以篩選第二頁的關鍵字，去做優化
    b. 如何串接
    • 兩邊同一個 gamil
    • 兩邊都要有可編輯的權限

五、分析競品工具

  • competitor analysis tools 分析競品工具有: Alexa、similarweb
    但非絕對準確，是工具演算出來的

  • 媒體、內容型網站、外銷公司，主要使用 SEO。

  • 電商除了 SEO 還會開關鍵字廣告，因為做活動求的是快。

六、電子商務獲利

電子商務恆等式：營業額=流量 x 轉換率 x 客單價

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

七、google Ads

1. 進入 google Ads 查看關鍵字教學

  • google Ads 關鍵字規劃工具有專家模式、智慧廣告模式
    建議可以直接使用專家模式

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 按下關鍵字規劃工具後 -> 點擊尋找新的關鍵字

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 關鍵字工具有分以字找字、以網站找字

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

  • 利用關鍵字工具尋找使用者下的熱門關鍵字，優化自身網站的關鍵字

    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

2. google Ads 與 SEO

  • 關鍵字廣告，業界平均只有 2 ~ 3% 點擊率
  • 非付費SEO廣告(第一頁)約10%
    • 有意圖的流量轉換率高
    • 長期有效：結合內容就可以長期有效的經營

八、SEO 專案時程

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

貳、 🔥🔥🔥seo 天龍八部🔥🔥🔥

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

一、技術 - 網站建置/改版/修改

1. SEF(Search Engine Friendly)

確保網站對搜尋引擎友善

  • 安裝 Web Developer 檢查網站，關掉JS查看網站畫面是否正常
  • 記得網站要 crawlability（可檢索性）
  • flash 不具備可檢索性，不需討論他了 ex.小新聞：Adobe即將在12月31日永遠終止支援Flash Player，並在本周釋出最後一個版本更新，並會在明年1月12日起封鎖Flash內容。
  • 需要不要全部都用js寫，重要的內容要給爬蟲爬到，前端js渲染的內容容易抓不到，
    ps: 混合 SSR + SPA 技術預先渲染畫面可以處理<-待研究
  • 減少文字圖片化，增加text文字敘述
  • 還在發想階段時就要把SEO架構設定、評估好，以免都搜尋不到

2. 網站的seo健診(website seo audit)

  • 檢查網站是否導入https -> https 做網站加密有助於提高SEO排名
  • http和https是否同時存在 -> 同時存在會有兩個版本，可能讓SEO搜到舊版本
  • 檢查 http 是否轉址 https -> 301 永久(good), 302暫時 HTTP 狀態碼
  • 檢查 http->https 是否正確轉址
  • 檢查是否有混用內容問題
  • 檢查是否針對 HTTPs 版本正確設定 TDH
  • 檢查是否針對 HTTPs 版本正確埋設結構化資料標記
  • 檢查是否針對 HTTPs 版本另外開設 GSC
  • 檢查是否針對 HTTPs 版本重新提交 XML
a. 範例：確認網站是否正確轉址
  • 尖叫青蛙 - SEO Spider
    透過尖叫青蛙，爬取目標網站，看後方出現的狀態碼
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • Redirect Path - 轉址檢查
    觀察將網站改為 http 時，自動轉換為 https 時，Redirect Path 的狀態碼為何？
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • http 狀態碼
    狀態碼為 302 暫時轉址，google還是會爬到舊的 http
    301永久轉址是 OK
    200也不 OK

3. 後台seo (seo friendly cms aleyda solis)

  • aleyda solis checklist SEO 友善 SEO checkList
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →

第三大點的第四小點已棄用

  • html 的 img alt 替代文字撰寫好圖片描述，讓 google 能搜尋到，在設計後台時可以考慮圖片欄位，多設計「替代文字」欄位帶入html img alt
    Image Not Showing Possible Reasons
    • The image file may be corrupted
    • The server hosting the image is unavailable
    • The image path is incorrect
    • The image format is not supported
    Learn More →
  • google 圖片替代文字最佳做法：規範的長度內（中文50字元; 英文100字元），適當的佈局你的關鍵字，當初alt 替代文字開發的目的是為了解釋圖片。
  • wordpress是seo神器
  • 結合購物和內容的網站，wordpress+shopline (ex. 寵物迷)，取兩者之長。
  • 電商平台：shopline、shopify、qdm、maca、cyberbiz
    ex:男研堂：使用QDM 網路開店平台

4. 多語系網站

  • 判斷網站國別
    • 1.頂級域名 top level domain
      gTLD 一般 .com .edu. org -> 無法判斷，進到網站管理員設定
      ccTLD國別 country code .jp .tw .cn -> 可以直接判斷語言
    • 2.網站管理員的設定（舊版的search console）
      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →

      Image Not Showing Possible Reasons
      • The image file may be corrupted
      • The server hosting the image is unavailable
      • The image path is incorrect
      • The image format is not supported
      Learn More →
    • 3.從主機位置

5. 行動網站的開發

  • RWD是根據瀏覽器的尺寸，不是跟裝置 ex:早安健康
  • AWD 動態服務是根據裝置 ex:博客來
  • 獨立網址（m.mobile01.com)

► seo建議用RWD，因為RWD可以避免重複，其次是行動優先索引（google改為行動網站計算排名，2016啟動行動優先，2019/7/1只要是全新網站就是行動優先，2021/3全世界都改為行動優先）
- 可利用search console 設定查看目前的索引狀態

6. Google AMP (google accelerated mobile pages)

7. 轉址與404

  • 轉址
    轉址不建議回到首頁，最佳選擇為對應的頁面或上一層頁面或分類
  • 404

    如果錯誤碼非 404 會浪費檢索運算，影響對google的信賴度，進而影響排名
    ex:網址所傳回的頁面告知使用者該網頁不存在，但同時又傳回 2XX (success) (成功) 系列代碼。在部分情況下，傳回的頁面可能幾乎沒有或完全沒有任何內容，例如僅有零星內容的網頁或空白網頁。
    =>最好的處理狀況：客製化404，並回應碼也為404

8. 站內重複內容的狀況

9. 網頁速度

桌機：8秒內 手機：5秒內

  • 可透過 GA 查看網頁速度
  • 優化網頁超出平均的頁面
  • 工具推薦

10. 資訊架構

  • 資訊架構層數越多google越難爬
  • 首推的內容，最好首頁就可以看得到，越下面權重越分越少

11. 社交分享按鈕與開放圖譜標記

  • Open Graph Markup 開放圖譜標記
    • 控制社交平台分享內容，ex: 圖片、標題、摘要…
    • 在設計後台時，可以將og的設定安排進去（用於facebook，其他社群平台可能有其他？）
    • 重要性大於分享按鈕

12. 結構化資料

  • 複合式搜尋結果 google rich result
  • 提升點擊率、降低跳出率，是排名要素
  • google跟schema協定一項結構化資料處理（目前提供的結構化類別標籤）
  • 展示相關生活類複合式搜尋結果，在規劃後台時將「結構化資料」納入。

二、內容 - 關鍵字研究

1. 運用關鍵字工具(google Ads)找出核心關鍵字

2. 拓展 - 結合各種方式拓展關鍵字

​​​​ 關鍵字盡量分成三節 (活動(主分類)、群組(次分類)、關鍵字)
  • 企業本身
    • 本身經驗!
    • 屬性條件（以鋁門窗為例：地點、氣密隔音用途、採購需求、安全法規 依附關鍵字）
    • 網站
    • 型錄
    • GSC/GA 數據
  • 競爭對手
    • MozBar
      - Screaming Frog: 把對手網頁爬一次，選擇html檔案，匯出excel檔案，就可以得到 title, meta
    • Google 搜尋結果
    • Ahrefs(付費)
    • intitle
      intitle:<搜尋關鍵字> => 只會出現在標題，等於是你的競爭對手下的標題
  • 市場
    • Google Ads 關鍵字建議
    • Ubersuggest
    • Keyword Tool ：除了google搜尋還有各個社交平台的關鍵字, ex: IG, FB
    • Google 相關搜尋
    • LSI Graph: 找相關字與同義字使用。
    • 書籍、辭典、網站

3. 拓展 - 運用心智圖軟體分類關鍵字

建議在心智圖中將產品分三階 (活動(主分類)、群組(次分類)、關鍵字)

  • 推薦使用工具： XMind

4. 拓展 - 將關鍵詞與客戶體驗路徑結合

  • 採購情境：
    採購前-認知、訴求，觸及交易前的情境的關鍵字，客戶可能沒有明白自身需求，故模糊描述自身訴求，資訊式的關鍵字，解決痛點的關鍵字。

5. 篩選 - 先依相關度篩選關鍵字

先優先做自己品牌的關鍵字，其次是採購情境的關鍵字，如果網站還是做不起來，要往採購前期去發想，去觸及潛在客戶

6. 篩選 - 進一步透過熱門度與競爭度篩選關鍵字

  • 使用google關鍵字工具查詢關鍵字搜尋量

  • 不要去和熱門關鍵字競爭(約12萬筆)

  • 不要去用太難的字

  • KEI 關鍵字效益指數(keyword effectiveness index)

    • KEI ↑ 關鍵字成效 ↑

    KEI = 平均搜量/包含這個關鍵字的網頁數(競爭度)＊10000

    • KEI 值愈高，表示該關鍵詞越熱門，且更少競爭對手。
    • KEI 值高，但若搜尋量或是網頁競爭度單一數值過較同類關鍵詞高時，不建議挑選。
    • KEI 值主要適用二個相近的關鍵詞之間的比較，如台北微創植牙 vs台北3D微創植牙。
    • 沒有每月搜尋量的關鍵詞並非不可挑，須回歸自己的專業判斷。

7. 規劃 - 規劃關鍵詞搭配的內容/單元

  • 導覽式搜尋：首頁、關於我們
  • 資訊式關鍵字(資訊式搜尋是最多的)：
    • 人力不足-產品FAQ (常見問題Frequently Asked Question)
    • 站內文章
    • 人力足夠，產業固定的問題 ~ 百科
      ex: “可艾婚禮” 在採購前期時，透過百科（內容）接觸到潛在用戶，待客戶有婚禮需求時，就可能採購
    • 部落格
      • 寫內容、做內容是目前最重要的SEO策略
      • 可以埋很多關鍵字，以致採購週期提前，可觸及更多潛在客戶
      • 別人可能分享你的文章，提升網站連結權重
      • 業界迷思：文章導購不是最重要的目的
    • 論壇
  • 交易式
    • 加上 solution, application，讓客戶知道產品應用的情境
    • B2B網站，可以加入產品應用和解決方案的類別文章（觸及採購前期）

8. 匹配 - 挑選出關鍵詞到達網頁

  • 先使用關鍵詞執行全網搜尋，若有網頁排名在前五頁，則評估是否適合作為到達網頁？若適合，則直接採用；若不適合，還是先記錄下來，日後再調整

  • 若沒有網頁排名在前五頁，則改採站內搜尋，站內搜尋第一筆若適合作為到達網頁，則直接採用；若不適合，還是先記錄下來，日後再調整

  • 若站內搜尋無結果，代表目前Google 尚未索引到適合的到達網頁，可回到網站檢視評估是否有適合作為到達頁面的網頁

  • 若還是找不到適合的到達網頁，代表目前全站無適合的到達網頁，請在報表上註記「生成網頁」，代表需要為該關鍵詞創建頁面

    注意事項：
    建議一個頁面可布局3-4個關鍵詞，不要同時布局太多關鍵詞
    不要用很多的頁面刻意優化同一個關鍵詞

9. 匹配 - 製作專案報表

三、內容 - 內容產出/潤飾/優化

1.內容優化：

  • 內容相關性
    不要文章內容和關鍵字搭不上邊
  • 關鍵詞佈局

    • 標題標記(Title Tag)

      • 控制在30-65個的英文字元之間(含空白) ，中文字源為15-37字元
      • 是會出現在視窗標題、搜尋結果的標題
      • 每個頁面都要有獨特的標題標記，公司名稱放在後面或根本不要寫
      • 需帶出關鍵詞 (不超過兩次)
      • 產品文章頁：標題+站名
      • 分類頁命名
        分類頁+衍伸相關詞+站名 or 分類頁+ 分類底下重要的子分類+站名

    • 中繼說明(Meta Description)

      • 只會出現在前臺，經常會做成搜尋結果的摘要，每頁獨特不能重複
      • 控制在70-155個的英文字元之間
      • 只有這項不是排名要素，但很重要，會是搜尋結果的依據
      • 如果你要專門要做一個關鍵字，建議中繼說明一定要寫，不然搜尋引擎會往你的文章去找，你不知道他會找到怎麼樣的替代文章，這會影響使用者閱讀
      • 多產品的話，看以直接放產品規格作為中繼說明

    • 網頁標題(Page Title Header)

      • 通常是文章標題或產品名稱（H1）
      • 控制在70個的英文字元之間
      • 頁面的title不要重複，帶出關鍵詞

    • 網頁文案(Page Text)

      • 長度控制在500-700字之間，最少300個字
      • 在第一段帶出關鍵詞與變體 (約3~4次)
      • LSI 善用關鍵字的相關詞和同義詞
      • 先找出“主要關鍵字”，再找出“主要關鍵字”的相關字和同義字，之後佈局
        ◉ 同義字，一樣的東西不同叫法
        ◉ 相關字，與其有關的東西ex: 白宮, 美國總統, 權力
      • 文章關鍵字佈局比title和meta還重要
      • 不要文字圖片化
      • 文章可以放四個連結，站內連結或站外連結都可，連接到有價值的資訊
        ⇢ 扎實的內容包含：三個圖片、一部影片(嵌入)、四個連結 (站內站外有價值連結皆可)
        縮網址小工具：picsee

    • 站內連結(Internal Link)

      • 反向連結(別人來連我)描述也要有變化
      • 站內和站外連結都會對於你的網站加分，其中站外連結會加比較多分
      • 合宜的站內連結
      • 標籤式的站內連結
        功能列、麵包屑、最近瀏覽、內文連結、網站地圖…等等
      • 內文連結是權重加最高的，增加錨文字（Anchor text）錨文字 錨文字是指內文連結上面顯示的文字
      • 如何挑選內文連結要連到哪一頁：
        ▲ 去找google認為你最重要的前3~5個頁面，與主題相關的
        (用頁庫存檔去看頁面的快取日期，最近的最重要)
        ▲ 眾星拱月，把它放到文章的內文連結 (錨文字需不同)
        ▲ 用最新庫存的頁面去拱 loading page

    • 圖片(Image File Name, Alt Tag ans Title)
      圖片要大，搜尋結果圖大通常都排名在前面，搜尋引擎喜歡大圖(寬度600px以上, 300px以下幾乎找不到)

      • 可視範圍內，把圖片壓縮，盡量不要用PNG檔
      • 不要用PS壓圖，工具：irfaview TinyJPG

    • 網址(URL)

      • 不要用”_”，改用”-”比較好
      • 不要用中文域名，同一小寫，不要大寫
      • 網址不要超過115個
  • 內容新鮮度: 時事新聞的就會比你的搜尋排名更前面
    qdf&qdd
  • 內容正確性
  • 內容長度
    字越多排名普遍越好，
    注意這邊是有相關但不是原因，不是你隨便字寫很多排名都會比較好
    • 可能因為內容多，讀者閱讀時間長，跳出率變低
    • 可能是更完整關鍵字佈局
  • 對外連結
    • 豐富我的內容，透過我的文案連結到更多有價值的資訊
    • 推薦我的網站（反向連結）→我的網站文章→文章內的連結（內容）

2.連結優化：

  • 連結權威度(UR(ahrefs)=PA(open site explorer) 台灣來講分數達50分就算很好，滿分100
  • 連結域名數(多元性) (referring domain/linking domin): 連你網站的多元性
  • 連結人氣度 (Backlinks/inbound link): 連你的網站的量
  • 連結信賴度 (只有majestic有 trust flow): 可靠的網站
  • 域名權威度 (DR(ahrefs)= DA(open site explorer))
  • 反向連結錨文字(inbound links)

連結工具：open site explorer、majestic、ahrefs 可看出前四項指標

SEO建議使用RWD設計網頁，不要有過多重複性內容（手機版、電腦版）
全新網站都是行動索引

四、數據 - 追蹤分析與改善

五、推廣 - 網站提交

  • XML Sitemap 是有效提升網站被搜尋引擎索引效率的方法

  • Sitemap」中文為網站地圖，Sitemap 就像是網站的目錄，將站內所有頁面依分類呈現，

  • 透過提交 Sitemap 增加網站被完整收錄的可能，並可透過 Sitemap 檢視網站的收錄狀況。

  • SEO 需要用到的 Sitemap 常見的檔案格式為「sitemap.xml」檔。

    • 小型網站之sitemap的內容：使用<url></url>
    • 大型網站(超過50000url)之sitemap內容：使用Sitemap 索引

  • 何時需要提交XML Sitemap？

    • 網站規模很大
    • 網站剛做好
    • 內容多顯示為互動式或多媒體內容
    • 基本上就提交就對了

  • XML Sitemap 的限制

    • 每個檔案提交的 URL 不可超過 50,000 個
    • 每個檔案大小應在 10MB 以內
      太大則使用多個XML Sitemap檔案來規避上述限制

  • 提交 XML Sitemap 步驟

    1. 產生 XML Sitemap
    • diy 自己做
    • 線上工具跑
    • 桌面軟體 ex:尖叫青蛙
    • CMS外掛 wordpress xml site map plugin, yoast
    • 網站客製化->請廠商協助開發 server side xml sitemap
    2. 上傳 XML Sitemap
    • xml放在根目錄，通常爬蟲只會往下爬，不太會往上爬
    3. 通知搜尋引擎

    • google search console 網站管理員工具提交

      • 可用來提交 sitemap
      • 做SEO最重要的工具
      • 各大搜尋引擎都有專屬的網站管理工具，百度、bing…
      • GSC需要驗證這個網站是你的（驗證檔請工程師上傳到根目錄

    • robots.txt提交 (放在網站根目錄底下的檔案)

      • 告訴google哪些可以抓，可設定disallow是不給google爬得
      • 在 robots.txt 檔案中任一處插入以下這行指令，指名 Sitemap 的存取路徑
        Sitemap: http://<你的提交的網域>/sitemap_location.xml

    • 連線偵測Ping 概念等於宅急便去你家收貨的意思
      透過 ping 功能要求 Google 檢索 Sitemap，請依照下列方式傳送 HTTP GET 請求
      http://www.google.com/ping?sitemap=https://<你的提交的網域>/sitemap.xml
      ex: wordpress（軟體類）是用這種方式提交給google

    總結：除非有重大改版，不然sitemap提交一次即可，但sitemap的檔案內容記得要更新

六、推廣 - 網站排名優化

SEO 優化權威參考

七、推廣 - 搜尋結果顯示優化

1. 搜尋者如何瀏覽與點擊搜尋結果

搜尋者主要關注的是標題與摘要。

2. 搜尋者意圖與搜尋結果顯示策略

搜尋者點擊網頁，是因為期望這些頁面會滿足他們的某個需求。

  • 導覽式搜尋(清楚的知道這是哪個產品分流)
    • 搜尋者意圖：搜尋組織、企業、公司或人物的官方網站。
    • 搜尋結果顯示策略：確定搜尋結果的標題和敘述能夠給搜尋者明確的提示和指引。
  • 資訊式搜尋(主題詳細資訊內容,相關文章,相關連結)
    • 搜尋者意圖：搜尋資訊和知識，學習特定主題或執行方法。搜尋結果可能是文字說明的網頁或教學影片等。
    • 搜尋結果顯示策略：在搜尋結果的標題和敘述上帶出關鍵詞、資料來源、品牌、評論、產品比較等資訊。
  • 交易式搜尋(動作＋誘因 ▶︎ 引導接下來如何開始)
    • 搜尋者意圖：為了得到某種東西而進行搜尋。您想要購買產品或服務、想聽一首歌、看一支影片，或者下載一個檔案；換言之，您希望在網站上使用一個工具或服務。
    • 搜尋結果顯示策略：在網頁標題與敘述上出現關鍵詞，同時附帶點擊的誘因。

八、推廣 - 使用者經驗優化 –– 回到GA

  • 透鍋 search console 站前數據優化關鍵字（圖為軟件樂園之數據）
    有排名也要有點擊，可以透過ＳＣ的數據資料，去優化其他相關關鍵字
  • 透過 GA 觀察使用者體驗
    GA可以透過“到達頁面”，去查看用戶的使用情境，去優化成效(跳出率、工作階段頁數時間等等)較差的頁面

參、SEO 績效考核

銷售行網站參考

一、上站前KPI

  • 搜尋引擎滲透度
  • 連結人氣度（可利用moz工具)
  • 搜尋頂端排名數
  • 搜尋引擎曝光度

二、上站後KPI

  • 工作階段
  • 新工作階段
  • 新使用者
  • 跳出率
  • 單次工作階段頁數
  • 平均工作階段時間長度
  • 電子商務轉換率
  • 交易次數
  • 收益
Last changed by 
 
小白Pai
0
970

Read more

Mopcon 2022 簡報連結

&#x62C9;&#x8FD1;&#x73FE;&#x4EE3;&#x958B;&#x767C;&#x8005;&#x8207; Web3 &#x7684;&#x8DDD;&#x96E2; &#x6574;&#x5408; Lighthouse CI &#x4F5C;&#x70BA;&#x524D;&#x7AEF;&#x61C9;&#x7528;&#x7684;&#x6548;&#x80FD;&#x5B88;&#x9580;&#x54E1; &#x5E6B;&#x4F60;&#x7684; Web &#x958B;&#x767C;&#x6DFB;&#x52A0;&#x4E00;&#x9EDE; Functional Programming &#x5473; Visual Testing &#x6295;&#x5F71;&#x7247; &#x9010;&#x5B57;&#x7A3F;

Oct 17, 2022
Advanced Javascript

Advanced Javascript Table of Contents [TOC] Javascript Foundation &#x4E00;&#x3001;Call Stack &amp;&amp; Memory Heap(&#x5167;&#x5B58;&#x5806;) 1. Call Stack &#x8207; Stack Overflow // When a function calls itself // it&apos;s called Recursion function inception() {

Mar 26, 2022
Vue.js 筆記

&#x58F9;&#x3001;&#x76EE;&#x9304;&#x53CA;&#x4EE3;&#x8FA6;&#x4E8B;&#x9805; Table of Contents [TOC] &#x8CB3;&#x3001;&#x57FA;&#x790E;&#x5167;&#x5BB9;&#x6587;&#x4EF6;&#x8981;&#x9EDE;&#x8AAA;&#x660E; &#x4E00;&#x3001;Vue &#x958B;&#x767C;&#x74B0;&#x5883;&#x4ECB;&#x7D39; Vue &#x662F;&#x7531;&#x8CC7;&#x6599;&#x4F86;&#x9A45;&#x52D5;&#x756B;&#x9762;&#x7684;&#xFF0C;&#x56E0;&#x6B64;&#x8CC7;&#x6599;&#x662F;&#x4E0D;&#x65B7;&#x5728;&#x8B8A;&#x52D5;&#x7684;&#x3002; &#x9019;&#x908A;&#x5C31;&#x8981;&#x7528; Vue Dev tools &#x4F86;&#x6AA2;&#x8996;&#x8CC7;&#x6599;&#x3002; &#x4E8C;&#x3001;&#x5EFA;&#x7ACB;&#x61C9;&#x7528;&#x7A0B;&#x5F0F;

Feb 22, 2022
Typescript 泛用型別

Typescript &#x6CDB;&#x7528;&#x578B;&#x5225; Table of Contents [TOC] &#x6CDB;&#x7528;&#x578B;&#x5225; X &#x578B;&#x5225;&#x53C3;&#x6578;&#x5316; &#x4E00;&#x3001;&#x6CDB;&#x7528;&#x578B;&#x5225; &#x539F;&#x7406;&#x8DDF;&#x666E;&#x901A;&#x7684;&#x51FD;&#x5F0F;&#x6982;&#x5FF5;&#x5DEE;&#x4E0D;&#x591A;&#xFF0C;&#x53EF;&#x4EE5;&#x628A;&#x6CDB;&#x7528;&#x578B;&#x5225;&#x770B;&#x6210;&#x662F;&#x578B;&#x5225;&#x7248;&#x7684;&#x51FD;&#x5F0F; type Identuty&lt;T&gt; = T

Jan 21, 2022
Read more from 小白Pai
Published on HackMD