簡介：工欲善其事，必先利其器。一款得心應手的開發工具是每乙個前端工程師所必備的，無論是簡單的頁面還是複雜的工程，它都能 handle！豐富的外掛程式資源、簡單的版本管理、強大的除錯功能，盡在 webstorm。
tip： 通過 webstorm 設定自定義模板，新建檔案時可自動填充，完全無需編寫重複的**。
tip: 現在註冊能有十塊錢的免費額度，qps 較低的話完全相當於免費使用各種資源。
簡介：2022 年，還在為記不住 markdown 語法而手忙腳亂嗎？趕緊用 typora，win、mac、linux 都能用，自動匹配 markdown 標記，即時預覽、輕鬆插圖、快速匯出為 pdf、latex、html，你想要的它都有。
tip: typora 結合有道雲筆記，可實現多裝置共享 markdown 檔案。
簡介：還在為設計稿頭疼嗎，趕緊看看 css tricks，可能那些強人所難的效果只需要幾行 css **就能解決了。
前端工程師必備之 LESS
一 為什麼要用less？作為前端學習者的我們 或多或少都要學些 css 它作為前端開發的三大基石之一，時刻引領著 web 的發展潮嚮。而 css 作為一門標記性語言，可能 給初學者第一印象 就是簡單易懂，毫無邏輯，不像程式設計該有的樣子。在語法更新時，每當新屬性提出，瀏覽器的相容又會馬上變成絆腳石，...
前端工程師必備之 typescript
型別名 anylet name string bob let age number 37 首先我們看看數字列舉，如果你使用過其它程式語言應該會很熟悉。enum direction如上，我們定義了乙個數字列舉，up使用初始化為1。其餘的成員會從1開始自動增長。換句話說，direction.up的值為1...
前端工程師必備PS技能
ps參考線及其輔助 檢視 新建參考線 也可以快捷鍵ctrl r，顯示區的上側和左側就會出現標尺。任意點選中，並拖動標尺，便會出現淺藍色的輔助線。只有在移動工具下，才能拖動某一條參考線。刪除參考線的方式，來的回 去，拖動參考線把它移動到標尺處。上面的標尺對應的是水平參考線，左邊的標尺對應的是豎直參考線...