
0人評分過此書
前端三十:從HTML到瀏覽器渲染的前端開發者必備心法
一口氣掌握前端進階必備知識!
開發時不解的奇思妙想,解方都在這!
•CSS 選取器是如何運作的?
•要怎麼提升網站效能?
•瀏覽器間的差異是怎麼形成的?
•為什麼要用框架?
•HTTPS 為什麼比較安全?
•瀏覽網頁時,過程中到底發生了什麼?
本書內容改編自第11屆iT邦幫忙鐵人賽,Modern Web組佳作網路系列文章——《前端三十 - 成為更好的前端工程師》,內容著重在現代前端開發者所必備的網站開發知識通識。
書中精選三十道網站開發常見問題,由最基礎的前端三兄弟:HTML、CSS、JavaScript 出發,逐一探討瀏覽器渲染原理、JavaScript 特性、演算法、網路基礎、前後端分離、效能優化、SEO 實踐等網站開發相關主題,與讀者您一起踏上前端進階之路。
❖三大特色❖
從陌生到熟悉:
•什麼是閉包?前端框架?SPA?SSR?SEO?陪你從頭認識那些以往似懂非懂的專有名詞,重新檢視整理自己的知識儲備。
從疑惑到解答:
•由類似面試提問的標題名稱展開各別章節,並在內文逐步引導至關鍵知識點,帶你逐一擊破三十道難題。
從入門到進階:
•HTML、CSS、JavaScript、Frontend、Backend、Web,循序擴大範疇的六大主題,相互串接、彼此關聯,讓你掌握網站開發關鍵知識,踏上前端進階之路。
開發時不解的奇思妙想,解方都在這!
•CSS 選取器是如何運作的?
•要怎麼提升網站效能?
•瀏覽器間的差異是怎麼形成的?
•為什麼要用框架?
•HTTPS 為什麼比較安全?
•瀏覽網頁時,過程中到底發生了什麼?
本書內容改編自第11屆iT邦幫忙鐵人賽,Modern Web組佳作網路系列文章——《前端三十 - 成為更好的前端工程師》,內容著重在現代前端開發者所必備的網站開發知識通識。
書中精選三十道網站開發常見問題,由最基礎的前端三兄弟:HTML、CSS、JavaScript 出發,逐一探討瀏覽器渲染原理、JavaScript 特性、演算法、網路基礎、前後端分離、效能優化、SEO 實踐等網站開發相關主題,與讀者您一起踏上前端進階之路。
❖三大特色❖
從陌生到熟悉:
•什麼是閉包?前端框架?SPA?SSR?SEO?陪你從頭認識那些以往似懂非懂的專有名詞,重新檢視整理自己的知識儲備。
從疑惑到解答:
•由類似面試提問的標題名稱展開各別章節,並在內文逐步引導至關鍵知識點,帶你逐一擊破三十道難題。
從入門到進階:
•HTML、CSS、JavaScript、Frontend、Backend、Web,循序擴大範疇的六大主題,相互串接、彼此關聯,讓你掌握網站開發關鍵知識,踏上前端進階之路。
-
01 你最近學會了什麼新東西?
-
主動規劃學習
-
被動接觸新知
-
新技術清單
-
結語
-
-
02 HTML script tag加上async&defer的功能及差異?
-
基本特性
-
簡介
-
用法
-
延伸閱讀
-
結語
-
-
03 CSS Reflow及Repaint是什麼?
-
瀏覽器的渲染步驟
-
拯救你的網頁效能
-
結語
-
-
04 CSS z-index與Stacking Context的關係是什麼?
-
z-index
-
堆疊環境Stacking Context
-
結語
-
-
05 CSS 元素選取器是如何運作的?
-
瀏覽器渲染
-
CSSOM Tree
-
套用規則
-
CSS效能
-
延伸閱讀
-
結語
-
-
06 JS 請你在旁邊的白板寫個快速排序演算法
-
快速排序法
-
演算法
-
結語
-
-
07 JS 瀏覽器DOM元素的事件代理是指什麼?
-
事件
-
事件代理
-
結語
-
-
08 JS 請寫出間隔一秒印出1,2,3,4,5的程式碼
-
拆解問題
-
瀏覽器的事件迴圈
-
回到題目
-
結語
-
-
09 JS 什麼是閉包?
-
Closure
-
執行環境
-
結語
-
-
10 JS 一般函式與箭頭函式的差異?
-
一般函式
-
箭頭函式
-
結語
-
-
11 JS 如何處理網頁中的非同步?
-
同步?非同步?
-
回呼函式
-
Promise
-
async await
-
結語
-
-
12 JS 為什麼typeof new Array()==='object'?
-
型別
-
特殊型別:物件
-
結語
-
-
13 JS 為什麼判斷相等時不能用雙等號?
-
相等性
-
一般相等的自動轉型
-
牛刀小試
-
結語
-
-
14 JS 深拷貝是什麼?如何實現?
-
資料複製
-
物件拷貝
-
實作
-
結語
-
-
15 JS 什麼是原型鏈?
-
物件原型
-
原型鏈
-
使用原型
-
結語
-
-
16 FE 為何會有瀏覽器差異?怎麼處理?
-
差異的來源
-
解決方案
-
結語
-
-
17 FE 為什麼現在的前端都在用「框架」?
-
沒有框架的日子
-
框架的功能
-
結語
-
-
18 FE 為什麼網站要做成SPA?SSR的優點是什麼?
-
從頭說起
-
Isomorphic JavaScript
-
結語
-
-
19 FE 如何實現網站SEO?
-
SEO
-
正向影響因子
-
結語
-
-
20 FE 如何提升網站效能?
-
尋找問題
-
優化載入
-
優化渲染
-
結語
-
-
21 FE 用過Webpack之類的打包工具嗎?為什麼需要?
-
前端工程化
-
打包工具的用途
-
結語
-
-
22 FE 為什麼跨域請求會產生錯誤?如何處理?
-
跨域請求
-
解決方案
-
結語
-
-
23 FE 網頁的快取機制是怎麼運作的?
-
快取是什麼
-
網頁的快取機制
-
結語
-
-
24 BE 請說明一下npm的套件管理機制
-
套件管理工具
-
Install的執行過程
-
安全性問題
-
套件管理的未來
-
結語
-
-
25 BE Node.js與JavaScript的關係是什麼?
-
Node.js
-
事件迴圈
-
結語
-
-
26 BE API設計拿資料要透過POST,會有什麼問題嗎?
-
HTTP Method
-
規範與實作
-
GraphQL
-
結語
-
-
27 WEB Cookie&Session是什麼?
-
無狀態的HTTP
-
HTTP的狀態管理機制
-
結語
-
-
28 WEB HTTP和HTTPS的差別是什麼?
-
HTTP的資料傳輸
-
加密
-
HTTPS
-
結語
-
-
29 WEB 網站常見的資安問題有哪些?
-
SQL Injection
-
XSS
-
CSRF
-
JSON Hijacking
-
結語
-
-
30 WEB 從輸入網址列到渲染畫面,過程經歷了什麼事情?
-
網路連線
-
伺服器端應用程式
-
瀏覽器端應用程式
-
結語
-
- A 尾聲
- 出版地 : 臺灣
- 語言 : 繁體中文
評分與評論
請登入後再留言與評分