realdennis怎麼理解 microtask & macrotask雖然是面試常見題,但不要背誦答案,深入探索這個問題的本質,過程其實還蠻有趣的。7 min read·Nov 5, 2021----
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…4 min read·May 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…6 min read·May 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…2 min read·May 20, 2021----
realdennis用八二法則寫 custom react-hooks根據八二法則,只需要兩成的功就能滿足八成的事,那我們來用兩成的 built-in hooks 來封裝八成我們會用到的 custom hooks 吧!10 min read·May 20, 2021----
realdennisReact SSR: initial data fetching & hydrate試想你用 React 刻了一個論壇的 Single Page App,但是為了 SEO / Performance 考量,你決定第一畫面的文章列表在 server side 先 render 出來,這時該怎麼做?11 min read·May 8, 2021----
realdennis面對 Promise 的思考路徑Promise 是常見的面試問題,相信各位打工仔肯定是不陌生,但往往會是:用的時候覺得理所當然,成為考題時卻覺得絆手絆腳難以解釋。這邊我想用一篇文章來整理思考路徑,以讓下次碰到這類提問是有個思考模型。12 min read·Apr 29, 2021----
realdennisBrowser 上的 ESmodule & 現代化的前端打包工具 Snowpack / Vite瀏覽器看得懂 import / export 耶!支援程度如何?對資深前端打工仔 aka 網頁開發者來說又有什麼改變?未來的打包趨勢跟當今的 solution 又有何不同呢?8 min read·Nov 22, 2020--1--1
realdennisVideo2Gif — 在瀏覽器上輕鬆把影片檔轉成 Gif 吧!🚀🚀🚀身為前端工程師,工作上最常見的無非是把自己加進去的功能錄下來以便 Demo ,輸出 .mov 檔,就得常常重複在command line 透過 ffmpeg 轉檔…心想,難道就沒有好用的網頁應用能夠取代嗎?4 min read·Nov 20, 2020----
realdennis小額贊助常見的程式技術文總是正經,而我的撰文風格則以白爛、幽默的梗圖為優先,我甚至會為了能用上 JOJO 梗而寫,如果你也剛好喜歡這種風格,喜歡到快滿出來…5 min read·Mar 27, 2020----