此次的內容主要會圍繞在我在前端開發所使用的相關技術,從建構工具到React.js等相關的技術分享。希望能藉由此次機會將自己會的技術與不熟悉的技術跟大家交流討論。
在看到這個題目(前端開發之那些我會的與我不會的技術)的你,可能會不太知道這系列會包含哪些內容,因為我自己其實也還不知道(哈,在一個衝動之下就先報了名)。你可能看...
npm是什麼? 是node package manager的縮寫,也就是node的套件管理工具,只要安裝node就會內建有npm。 如何使用npm 首先,要安裝...
什麼是建構工具,它的用途是什麼? 在當代的前端開發絕大多數都會使用到建構工具(打包工具),在了解建工具前我們先來回顧一下在前端世界還是風平浪靜的時候我們都怎麼開...
eslint是什麼? eslint可以幫助我們檢查我們程式裡是不是有錯誤、可能造成bugs、沒有best practices的地方。可以讓我們保持團隊程式碼的一...
prettier是什麼? prettier可以讓我們的code樣式風格保持一致,像是空格是幾格或有沒有分號等的程式碼樣式風格。 安裝 npm install -...
husky是什麼? husky可以讓我們很容易的在git hooks的階段執行scripts,像是在commit之前可以執行eslint,讓我們在團隊開發的時候...
JavaScript modules是什麼? JavaScript modules又稱 ES modules,是將程式模組化的技術。 在最早之前我們開發網頁應用...
為什麼要有前端框架? 在前端框架蓬勃發展的這幾年以來,好像愈來越少聽到有人在討論這個問題,但是在開始我們還是不免俗地來說一下,還是那句老話現在網頁的應用程式越來...
什麼是JSX Jsx是一種語法的擴展(syntax extension),讓我們可以在Js裡面寫像是HTML的語法,這些像HTML的語法最終幫助我們產生HTML...
如何在JSX加入event handler 如同上篇JSX的介紹,在JSX加上屬性要是駝峰,要使用JS的話要使用大括號{}, function App() {...