身為一個一路讀設計長大的人,因為撞牆期與很需要錢錢這個酷玩意,所以一路血淚辛酸的爬呀爬,希望能成功轉職成一個讓人不失望並可以放心交付任務的前端人。
注意!目前已有多年網頁設計、切版跟 jS基本基礎,所以本文會著重在了解更多前端知識進而轉職,並非從零開始喔。
關於 Separation of concerns(SoC)這個地方我覺得別人寫的已經很清楚了(英文有許多文章,我只挑比較好懂的中文版,而且盡量沒有廣告),所以...
因為很多東西不懂,學無止盡。 就像我洋洋灑灑的寫了那麼多,但是實際要用時還是卡東卡西。 好吧,我承認,今天我寫不出文章,因為跟公司鬧翻了。 所以現在心思沒法專注...
雖然昨天很低落,但我們要記得 Props 是唯讀的!(我有寫喔!) 但我們要做的網頁不是靜態資料(如果是就不用在這學了),所以,React提供了state,它是...
本來昨天要寫這個主題,可是我怎麼寫都改不了名字,所以只好跳到下一章教學。 class Counter2 extends React.Component {...
今天一口氣練習 Hooks 跟第二種計數器寫法。 先來用我的破英文翻譯一下,現在的 React 允許在 functional components 當中使用 H...
大意失荊州,這就是人生,因為以為有寫,不小心就斷賽了;不過,秉持著堅持的精神,我還是想繼續寫完。 今天要來談神秘的生命週期(對我而言挺神秘的),React提供了...
使用大括號與駝峰式命名來處理 DOM 是它與原生 jS 的差別。 //jS 寫法 <button onclick="myFunction()&q...
我們也可以在 React 裡利用陣列來產出重複的東西,例如 li 。 function FruitList(props) { const arr = prop...
這在好幾章以前有提過,我希望能透過增加不同的分頁使每個練習分門別類,當然,要完成的作品也是。 但拜讀了一些文章,似乎是只要從 jS 下手去操作,不需要觸碰 in...
不知不覺就剩下十天了。 其實我要做的東西很單純,大概是一個input[text] 可以輸入名稱,加上button送出值來建立選單。 接著用這個選單來隨機抽出一個...