realdennisTop 3 useful methods in JavaScript function prototype— call, apply, bindThere’re three similar methods in Function.prototype, call, apply and bind, these three methods could change the dynamical `this` in…May 23, 2021May 23, 2021
realdennisDesign responsive layout system using only 40 lines —Know how to implement col-sm-12 and col-md-6If you’ve used Bootstrap, you’ve must applied some class name like these for responsive web design(RWD), would you want to know how it…May 21, 2021May 21, 2021
realdennisUnderstand var and let in JavaScript in 2 minutesIf you’re a JavaScript beginner, you might have a question: why there’re too much way to declare the variable: “var” declaration from ES5…May 20, 2021May 20, 2021
realdennis用八二法則寫 custom react-hooks根據八二法則,只需要兩成的功就能滿足八成的事,那我們來用兩成的 built-in hooks 來封裝八成我們會用到的 custom hooks 吧!May 20, 2021May 20, 2021
realdennisReact SSR: initial data fetching & hydrate試想你用 React 刻了一個論壇的 Single Page App,但是為了 SEO / Performance 考量,你決定第一畫面的文章列表在 server side 先 render 出來,這時該怎麼做?May 8, 2021May 8, 2021
realdennis面對 Promise 的思考路徑Promise 是常見的面試問題,相信各位打工仔肯定是不陌生,但往往會是:用的時候覺得理所當然,成為考題時卻覺得絆手絆腳難以解釋。這邊我想用一篇文章來整理思考路徑,以讓下次碰到這類提問是有個思考模型。Apr 29, 2021Apr 29, 2021
realdennisBrowser 上的 ESmodule & 現代化的前端打包工具 Snowpack / Vite瀏覽器看得懂 import / export 耶!支援程度如何?對資深前端打工仔 aka 網頁開發者來說又有什麼改變?未來的打包趨勢跟當今的 solution 又有何不同呢?Nov 22, 20201Nov 22, 20201
realdennisVideo2Gif — 在瀏覽器上輕鬆把影片檔轉成 Gif 吧!🚀🚀🚀身為前端工程師,工作上最常見的無非是把自己加進去的功能錄下來以便 Demo ,輸出 .mov 檔,就得常常重複在command line 透過 ffmpeg 轉檔…心想,難道就沒有好用的網頁應用能夠取代嗎?Nov 20, 2020Nov 20, 2020
realdennis小額贊助常見的程式技術文總是正經,而我的撰文風格則以白爛、幽默的梗圖為優先,我甚至會為了能用上 JOJO 梗而寫,如果你也剛好喜歡這種風格,喜歡到快滿出來…Mar 27, 2020Mar 27, 2020