我在參加六角學院舉辦的鼠年鐵人賽的時候，寫了一系列的SEO文章 有需要的人可以多參考這些文章，不管你是有沒有寫過程式的人 都歡迎多參考了解SEO的各種相關經驗哦 如果有什麼建議或是想了解的部分，也歡迎提供： 如何加強網站的SEO — 基礎篇 如何加強網站的SEO - 基礎篇 由於我在公司開發的新產品有加強SEO的需求，剛好任務分配到我身上，因此這次也順便整理一下加強網站SEO的內容。 我們設計一個上線的網站，最重要的當然就是曝光自己的網站，並且把流量拉起來提高客群。一般使用者都會透過搜尋引擎，如Google…blog.yyisyou.tw 如何加強網站的SEO — 進階篇 如何加強網站的SEO - 進階篇 我們在上一篇提到了SEO的基本觀念，先大略的認識什麼是CSR…blog.yyisyou.tw 如何加強網站的SEO — SSR與CSR篇 如何加強網站的SEO - SSR與CSR篇 這篇文章將會進一步的講述上次所提到的SSR與CSR，並且進一步的分析如何讓CSR也能達到如SSR的效果。 Server-Side Rendering 傳統網頁渲染的方式，從Server產生HTML後，再傳送到Client。…blog.yyisyou.tw

講到常用的資料結構，一定會想到Array和LinkedList，但是一旦被問到他們的差別或是實際如何去應用時，很多人便會無法以實際的例子來詮釋，特別是在面試的時候。 兩者主要差異 以下是我整理出比較常見的差異 Array是index based的結構，LinkedList則是Reference based。 Array會存在sequential memory locat …

隨著前端框架越來越成熟，舊版的網頁也逐漸被新技術給淘汰，但是如果產品的客戶群佔使用舊瀏覽器的用戶還是多數的話，真的要認真考慮是否要支援的議題了。 先前發表了關於判斷瀏覽器是否為IE/Edge的方式，有興趣可以參考 以下介紹的內容適用各個前端框架，這邊以React為例 小建議 大部分的網站已停用TLS1.0 在2018年已宣布TLS1.0擁有危險的資安漏洞，因此大部分的網站已停止支援，光是這點，就可以說服自己的產品能夠不需要往下支援了，因為IE10以下的版本，基本上只支援TLS1.0。 請參考維基百科 2. 引導使用者安裝瀏覽器 有些使用者可能不太會用電腦，或是自己的電腦已經是古董級的，但是一直無限期的支援下去是沒有辦法的，所以我建議可以設計一些彈跳視窗引導使用者如何使用新瀏覽器，這樣也能提升產品的服務品質。 3. 目前已有不少套件支援舊版瀏覽器 儘管如此，使用上還是會有部分不支援的問題，所以在使用上需要特別注意

在撰寫網頁的時候，可能有些情境需要判斷使用者是使用哪些瀏覽器，並且做其他額外的動作。這裡將會介紹如何判斷。 另外可參考 如何搭配前端框架設計出支援IE/Edge的網頁 取得瀏覽器資訊 最簡單的方式就是使用 window.navigator.userAgent 你可以先打在瀏覽器的開發者模式的console上查看 Mozilla/5.0 (Windows NT 10.0; Win6 …

如何解決Google Chrome Helper (Rerender) 佔用大量資源的問題 你是否遇到Google Chrome Helper佔用大量的CPU和Memory的問題呢？如果你更新了chrome，依然佔用大量的資源，那麼你有可能是在更新的時候發生了Bug。 解決步驟 打開Terminal 輸入以下的指令 (NOTE: 如果你的硬碟不叫 Macintosh HD ，那你的第一個指令需要把名稱趕成你的硬體名稱) chroot /Volumes/Macintosh\ HD rm -rf /Library/Google/GoogleSoftwareUpdate/GoogleSoftwareUpdate.bundle mv var var_back ln -sh private/var var chflags -h restricted /var chflags -h hidden /var xattr -sw com.apple.rootless "" /var

政府在2019/11發布消息表示，自明年2020起範圍將繼續擴大，三大重點，包括擴大補貼戶數至12萬戶、擴大補貼對象至20~40歲單身青年，以及擴大補貼標準。 擴大補貼的內容，包括擴大補貼戶數：從6萬戶增加到12萬戶；擴大補貼對象：納入20至40歲單身青年、新婚家庭、育有未成年子女家庭；擴大補貼標準：從最低生活費1.5倍，放寬到2.5倍。 詳細的2020年租屋補助消息，將於下次消息發布時，更新文章。 以下將介紹最近較多人申請的補助。 最近非常流行申請單身青年補貼，但是你知道青年跨域就業補助嗎？ 當初之所以知道這個計畫，是因為剛好發現面試的公司也有申請這項計畫，才有這個機會研究，最後申請到資格。 如果是以職場新鮮人的身份去申請的話，和其他身份的人比較起來較容易申請到補助，補助的金額也不輸其他補助金計畫，對新鮮人來說非常的友善。 但是對很多人來說，這麼攏長的資料，相信很少人有耐心去看完。 因此以下我將分享申請青年跨域就業補助的經驗

以下將以React抓取wordpress的資料為例子，讓你知道如何解決跨網域存取遇到的問題。 In this topic, you will learn how to use JSONP to get data from WordPress on your React Project. 前言 在開發一些大型專案時，會運用同網域限制（Same origin po …

這邊以懶人包的形式讓大家更容易理解什麼是虛擬化技術 歷史 早期的伺服器主要為一個實體機 但是很大很肥很重 你印象中的機房 裡面有很多櫃子放在那邊 很帥！看過去一片都是機器海 你老闆眼中的機房 都是錢啊！別燒太多 需要控制機器的溫度，又要花錢！ 小節 所以以前的科技業被視為是科技新貴，光是買那些機房就要花多少錢了。 一開始先談虛擬化的人是IBM。一日復一日，開始有人提倡希望讓窮人跟有錢人都能買IBM。 虛擬化的效益 減少成本 管理彈性高 可用性高 隨需急用 維護時間短 很潮（x 有連接網路就沒有安全性這回事 如果你要安全，直接斷網 用container不代表安全 反思他的缺點 管理數量多 複雜性更高 與實體設備相容性 那我們需要它嗎 當 效益 > 缺點 的時候 如何模擬 全虛擬化模擬 例如：CPU / 硬碟 / 網路 虛擬化出現之前 三台不同主機/伺服器分別運行三個作業系統和服務 虛擬化出現之後

求職面試一直都是新鮮人的大哉問，這裡就來分享自己認為一位新鮮人需要具備的一些小技巧。下面將以軟體工程師為例子。 準備履歷 初次準備履歷的話，我建議你準備1~3頁即可。事實上準備履歷這件事情是沒有一定的標準答案的，但是內容寫得不多不少，絕對是最穩的走法。 如果你投遞的職缺比較熱門的話，當然是寫的快狠準最好。詳細的自我展現，到面試的時候再談即可，否則可能會有反效果。主要是因為過多的資訊對人資來說會有閱讀上的負擔，你也很難確保人資的閱讀方式是如你預料的。 面試的前測 當人資發現你的經歷可能是他們正在尋找的人才時，這個時候就會邀請你做online test 或是 phone interview。 online test 通常是出幾道題目或是一個專題讓你在一定的時間之內做出。比較常見的為codility的測驗，做完之後會評分你的答對率, 效能…也能夠追蹤你的測驗行為。其實這種測驗不一定要拘泥於分數上，如果你在coding style或是其他地方上有表現突出的話，反而可以提升你面試的機會。