回想過去四上的我其實做了一些不同的嘗試與挑戰，不管是實習上或在學校，程式技術的學習，職場上辛苦的體驗，都有不少的收穫，也更讓我認識了許多新朋友呢！

鹹魚我最近做網頁增加了許多放入 youtube 影片的需求，當然複製個影片網址再嵌入 iframe 元素裡，設個高與寬、youtube 一些參數，基本上就能輕易搞定了，但我們需要支援 RWD 時，你一定會發現就算寬改成比例，高度也無法跟著變阿！該如何讓它自動縮放比例呢？

為了熟悉 Linux 系統的基本技巧，學習記錄一些下指令的操作，內容真的非常多。以下紀錄了關於操作使用者帳號、群組、目錄、檔案…等等的常用指令，內容有簡化過了，方便查詢使用，請善用Ctrl + F搜尋關鍵詞。

現代的前端工程真的越來越進步，不管是技術、工具、實作方式都各個百花齊放，為了能夠實際應運用，好的前端工作流程也就變得很重要，讓我們在開發上更為快速便利，順便也讓許多細節任務都能自動化執行，在後面的維護上就能降低許多成本，甚至往後再做更多的擴充也行。

隨著我在大學畢業了後，自己在校外的實習生活也跟著悄悄結束囉！

時間從去年 2016 的 7 月到今年 2017 的 6 月初，這段時間真的很漫長，好幾個月前也有發過一篇 回顧文章 也有講到一些的想法，不過下半學期增加了網頁設計的體驗，使我有了更多的興趣，對前端工程也有了不少的認識，以下就讓我說說自己的感想吧~

前言

好久沒碰部落格了，就在剛退伍後的周末參與這場社群活動，為期兩天的各個大神的議程演講，這次我還拉幾位同屆畢業的好友來參加，多瞭解現代技術潮流的走向，這算是很大型的社群交流盛會了。

ES6 新的兩種宣告方式，主要是用來取代var舊式宣告，新的方式讓變數本身涉及的範圍變小了，改善了許多潛在問題。

• let 為變數宣告
• const 為常數宣告

ES6 新的概念 解構賦值，這使得傳值變得更為方便，可以想像是分解一個物品再分別套入對應的組件中，這樣的作法讓 JavaScript 的擴展上變得更為彈性，甚至直接取值不用再做多餘的轉換，提高程式碼更佳的可讀性。

ES6 新的迭代迴圈方法，基本上可以取代傳統上陣列的forEach()方法，另外這跟for...in迴圈很相似，但這兩者的用法是不同的，以下會多舉例比較他們之間的關係。

ES6 導入了樣板文字串 Template literals 是為了增強字串的表示方式，還能直接填入變數與表達式，可以更方便地輸出想要的文字組合了。