0人評分過此書

前端三十:從HTML到瀏覽器渲染的前端開發者必備心法

出版日期
2021/03/01
閱讀格式
PDF
書籍分類
學科分類
ISBN
9789864347452

本館館藏

借閱規則
當前可使用人數 30
借閱天數 14
線上看 0
借閱中 0

計次服務

借閱規則
借閱天數 14
選擇分享方式

推薦本館採購書籍

您可以將喜歡的電子書推薦給圖書館,圖書館會參考讀者意見進行採購

讀者資料
圖書館
* 姓名
* 身分
系所
* E-mail
※ 我們會寄送一份副本至您填寫的Email中
電話
※ 電話格式為 區碼+電話號碼(ex. 0229235151)/ 手機格式為 0900111111
* 請輸入驗證碼
一口氣掌握前端進階必備知識!
開發時不解的奇思妙想,解方都在這!

•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 尾聲

評分與評論

請登入後再留言與評分
幫助
您好,請問需要甚麼幫助呢?
使用指南

客服專線:0800-000-747

服務時間:週一至週五 AM 09:00~PM 06:00

loading