接續上篇,一些可被使用於刷題的小技巧。

我有把題目整理在 GitHub repository,并且使用 TypeScript 加上 markdown 整理不同題型的筆記,有需要可以參閲 — — realdennis/leetcode-ts

Photo by NeONBRAND on Unsplash

話不多説我們趕緊開始!

多用於DP類 …

刷題(Leetcode / others)的重點是資料結構、演算法,而這篇文章只是想分享一些平常開發相對不常用,但卻能大大降低解題時間的小技巧。

由於 TypeScript 是 JavaScript 的超集,下文會用 TS 代稱,但同樣的概念可以被應用在 JavaScript 中,這篇文章面向使用 TS/JS 作爲主力語言的前後端工程師,請自行參考有趣的部分。

另外,我有把題目整理在 GitHub repository,并且使用 TypeScript 加上 markdown 整理不同題型的筆 …

雖然是面試常見題,但不要背誦答案,深入探索這個問題的本質,過程其實還蠻有趣的。

Definition

啊對,其實沒有所謂的 macrotask ,什麼任務、聽起來高大上的專有名詞,macrotask 這詞是為了對比 microtask 而誕生的,而它其實就是指向一般的 task ,什麼是 task 呢? 啊就那些 event timer callback 等等的。

最常見的 microtask 就是 Promise , 當你的 task 裡 …

There’re three similar methods in Function.prototype, call, apply and bind, these three methods could change the dynamical `this` in function, I’ll not talk too much about `this`, but more about these methods’ ins and outs.

Chinese: [JavaScript] 函數原型最實用的 3 個方法 — call、apply、bind

So, in this article, I’ll do compare with a(apply) / b(bind) / c(call), and little bit concept of function `this`, in last, will take a practical use case about self, bind, arrow function.

Let’s start our trip.

JavaScript (so called ECMAScript) is a…

If 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 works? Let’s step by step to find the magic behind this!

Chinese version: 40行實作響應式的佈局系統 — 告訴你col-sm-12、col-md-6 是如何實現

Demo

To read this article, you don’t need:

But you need:

This…

If you’re a JavaScript beginner, you might have a question: why there’re too much way to declare the variable: “var” declaration from ES5, “let” and “const” from ES6, we can easily know “const” is for constant value, but what’s the difference between “var” and “let”?

Chinese: 用 1 分鐘簡單地了解 — JavaScript中 var 與 let 的主要差別 & 一次說清楚 JavaScript 中宣告的各種提升行為

let/const: { block scope }
var: function(){

function scope

}

Global →Function → Block

根據八二法則,只需要兩成的功就能滿足八成的事,那我們來用兩成的 built-in hooks 來封裝八成我們會用到的 custom hooks 吧!

這不是一篇正經的 react-hooks 知識點文章,更多的反而是我的 murmur 跟一些對於 hooks 怎麼從無到有的一點思考路線。而下半段會做 code-reviewing。

https://zh-hant.reactjs.org/docs/hooks-reference.html

這麼多 hooks ,分別:

試想你用 React 刻了一個論壇的 Single Page App,但是為了 SEO / Performance 考量,你決定第一畫面的文章列表在 server side 先 render 出來,這時該怎麼做?

server-side fetching data from reddit endpoint

自己組一套 React server side rendering 其實蠻多文章的,也有翻到不錯的手把手教學文(真的很讚),但多數好像都只有教你弄出畫面,然後畫面上有 React 的功能,卻沒有做到封裝、傳入 data fetching / getIniti …

Promise 是常見的面試問題,相信各位打工仔肯定是不陌生,但往往會是:用的時候覺得理所當然,成為考題時卻覺得絆手絆腳難以解釋。這邊我想用一篇文章來整理思考路徑,以讓下次碰到這類提問是有個思考模型。

JavaScript 是一個非同步(異步)的語言,我們常常在解決使用者觸發的事件、Network IO 的請求、計時器觸發…之間打轉,對比其他同步語言,可以直落落的寫下來,JavaScript 仰賴的是回調函數(Callback)的幫助來分工合作。

但由於太多 callback 需要控制,往往就是會看到 callback 1 裡面塞 callback …

瀏覽器看得懂 import / export 耶!支援程度如何?對資深前端打工仔 aka 網頁開發者來說又有什麼改變?未來的打包趨勢跟當今的 solution 又有何不同呢?

本文將會以速食般的速度,不廢話的講重點,不會加入太多前提解釋。

適合閱讀的受眾:

不適合閱讀本文:

realdennis

If any interest, 👉 https://realdennis.me.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store