3C
周邊
NB
通訊
數位
家電
日用
母嬰
食品
生活
居家
休閒
保健
美妝
時尚
書店
PChome聯名卡筆筆享最高6%
//cs-a.ecimg.tw/items/DJAA2VA900B7TJP/000001_1616992885.jpg;
商品編號:DJAA2V-A900B7TJP
賣貴通報

前端三十：從HTML到瀏覽器渲染的前端開發者必備心法（iT邦幫忙鐵人賽系列書）

折扣
夏日選書$699結帳88折
07/01 - 08/31

滿$699享88折

驚喜優惠
$435
$550
  • P幣

    全盈+PAY單筆消費滿1200回饋80P幣(每帳號限乙次，限量5000名)

  • 登記送

    【7-11】單筆滿$350純取貨/取貨付款訂單登記送韓風拌拌炸雞兌換券乙張(限量)

  • 登記送

    【第四波】書店/閱讀器/寵物指定品單筆滿$1,500登記送100P幣(使用效期30/限量)

付款方式
出貨
  • PChome 倉庫出貨，24小時到貨
配送
宅配滿$490免運，超取滿$350免運
  • 宅配到府(本島/低溫)
    滿$699免運
  • 宅配到府(本島/常溫)
    滿$490免運
  • 超商取貨(常溫)
    滿$350免運
  • 超商取貨(低溫)
    滿$699免運
  • i郵箱(常溫)
    滿$290免運
銀行卡、行動支付
優惠總覽
立即查看
810星展銀行
星展PChome聯名卡07/01-07/31
最高享16%回饋*
其他
刷卡儲值 07/01-07/31
最高回饋11%
808玉山銀行
玉山銀行 07/11-07/31 單筆滿30000
送1600元刷卡金
012台北富邦銀行
台北富邦銀行 07/11-07/31 單筆滿15000
送1200元刷卡金
悠遊付
悠遊付 07/01-7/31 滿千
最高享17%回饋
台灣Pay
台灣Pay【7/1-8/31】單筆滿千
送100 P幣
013國泰世華銀行
國泰世華銀行 07/01-07/31 單筆滿20000
送1500刷卡金
822中國信託銀行
中國信託銀行 07/01-07/31 累計滿25000
送1000刷卡金
816安泰銀行
安泰銀行 07/01-07/31 累計滿12000
送600刷卡金
Pi 拍錢包
Pi拍錢包 7/1-7/31 綁玉山Pi卡
最高回饋4.2%

搜尋更多

商品詳情
作者：
朱信穎
ISBN：
9789864347452
出版社：
博碩文化
出版日期：
2021/03/31

  • 內文簡介

  • ＜內容簡介＞

    一口氣掌握前端進階必備知識！
    開發時不解的奇思妙想，解方都在這！

    •CSS 選取器是如何運作的？
    •要怎麼提升網站效能？
    •瀏覽器間的差異是怎麼形成的？
    •為什麼要用框架？
    •HTTPS 為什麼比較安全？
    •瀏覽網頁時，過程中到底發生了什麼？

    本書內容改編自第11屆iT邦幫忙鐵人賽，Modern Web組佳作網路系列文章——《前端三十 - 成為更好的前端工程師》，內容著重在現代前端開發者所必備的網站開發知識通識。
    書中精選三十道網站開發常見問題，由最基礎的前端三兄弟：HTML、CSS、JavaScript 出發，逐一探討瀏覽器渲染原理、JavaScript 特性、演算法、網路基礎、前後端分離、效能優化、SEO 實踐等網站開發相關主題，與讀者您一起踏上前端進階之路。

    ❖三大特色❖

    從陌生到熟悉：
    •什麼是閉包？前端框架？SPA？SSR？SEO？陪你從頭認識那些以往似懂非懂的專有名詞，重新檢視整理自己的知識儲備

    從疑惑到解答：
    •由類似面試提問的標題名稱展開各別章節，並在內文逐步引導至關鍵知識點，帶你逐一擊破三十道難題

    從入門到進階：
    •HTML、CSS、JavaScript、Frontend、Backend、Web，循序擴大範疇的六大主題，相互串接、彼此關聯，讓你掌握網站開發關鍵知識，踏上前端進階之路


    ★目錄：

    Chapter 01►你最近學會了什麼新東西？
    主動規劃學習
    被動接觸新知
    新技術清單
    結語

    Chapter 02►[HTML]script tag 加上 async & defer 的功能及差異？
    講古
    簡介
    用法
    延伸閱讀
    結語

    Chapter 03►[CSS]Reflow 及 Repaint 是什麼？
    瀏覽器的渲染步驟
    拯救你的網頁效能
    結語

    Chapter 04►[CSS]z-index 與 Stacking Context 的關係是什麼？
    z-index
    堆疊環境 Stacking Context
    結語

    Chapter 05►[CSS]元素選取器是如何運作的？
    瀏覽器渲染
    CSSOM Tree
    套用規則
    CSS 效能
    延伸閱讀
    結語

    Chapter 06►[JS]請你在旁邊的白板寫個快速排序演算法
    快速排序法
    演算法
    結語

    Chapter 07►[JS]瀏覽器 DOM 元素的事件代理是指什麼？
    事件
    事件代理
    結語

    Chapter 08►[JS]請寫出間隔一秒印出1, 2, 3, 4, 5 的程式碼
    拆解問題
    瀏覽器的事件迴圈
    回到題目
    結語

    Chapter 09►[JS]什麼是閉包？
    Closure
    執行環境
    結語

    Chapter 10►[JS]一般函式與箭頭函式的差異？
    一般函式
    箭頭函式
    結語

    Chapter 11►[JS]如何處理網頁中的非同步？
    同步？非同步？
    回呼函式
    Promise
    async await
    結語

    Chapter 12►[JS]為什麼 typeof new Array() === 'object' ？
    型別
    特殊型別：物件
    結語

    Chapter 13►[JS]為什麼判斷相等時不能用雙等號？
    相等性
    一般相等的自動轉型
    牛刀小試
    結語

    Chapter 14►[JS]深拷貝是什麼？如何實現？
    資料複製
    物件拷貝
    實作
    結語

    Chapter 15►[JS]什麼是原型鏈？
    物件原型
    原型鏈
    使用原型
    結語

    Chapter 16►[FE]為何會有瀏覽器差異？怎麼處理？
    差異的來源
    解決方案
    結語

    Chapter 17►[FE]為什麼現在的前端都在用「框架」？
    沒有框架的日子
    框架的功能
    結語

    Chapter 18►[FE]為什麼網站要做成 SPA？ SSR 的優點是什麼？
    從頭說起
    Isomorphic JavaScript
    結語

    Chapter 19►[FE]如何實現網站 SEO？
    SEO
    正向影響因子
    結語

    Chapter 20►[FE]如何提升網站效能？
    尋找問題
    優化載入
    優化渲染
    結語

    Chapter 21►[FE]用過 Webpack 之類的打包工具嗎？為什麼需要？
    前端工程化
    打包工具的用途
    結語

    Chapter 22►[FE]為什麼跨域請求會產生錯誤？如何處理？
    跨域請求
    解決方案
    結語

    Chapter 23►[FE]網頁的快取機制是怎麼運作的？
    快取是什麼
    網頁的快取機制
    結語

    Chapter 24►[BE]請說明一下 npm 的套件管理機制
    套件管理工具
    Install 的執行過程
    安全性問題
    套件管理的未來
    結語

    Chapter 25►[BE]Node.js 與 JavaScript 的關係是什麼？
    Node.js
    事件迴圈
    結語

    Chapter 26►[BE]API 設計拿資料要透過 POST，會有什麼問題嗎？
    HTTP Method
    規範與實作
    GraphQL
    結語

    Chapter 27►[WEB]Cookie & Session 是什麼？
    無狀態的 HTTP
    HTTP 的狀態管理機制
    結語

    Chapter 28►[WEB]HTTP 和 HTTPS 的差別是什麼？
    HTTP 的資料傳輸
    加密
    HTTPS
    結語

    Chapter 29►[WEB]網站常見的資安問題有哪些？
    SQL Injection
    XSS
    CSRF
    JSON Hijacking
    結語

    Chapter 30►[WEB]從輸入網址列到渲染畫面，過程經歷了什麼事情？
    網路連線
    伺服器端應用程式
    瀏覽器端應用程式
    結語

    A 尾聲


    ＜作者簡介＞

    朱信穎 Gary Chu
    •網站開發者，過去曾先後任職於奧丁丁集團、一零四資訊科技、米亞科技；擅長前端開發，擁有多年業界實戰經驗。
    •喜歡學習，更喜歡分享所學；連續兩年分別以主題《JavaScript音樂漫遊 - 30天探索Web Audio》及《前端三十 - 成為更好的前端工程師》獲得iT邦幫忙鐵人賽Modern Web組佳作，並於2019年加入ALPHA Camp擔任業界實戰專案導師及網站開發課程教案作者。
    •希望自己在工作的同時，能為世界推動一點改變，為社會帶來些許額外的價值。
    •相信一切安排都是最好的路。

    聯絡資訊
    •Email: ma.gary729@gmail.com
    •LinkedIn: https://www.linkedin.com/in/gary-chu/
    •Blog: https://medium.com/schaoss-blog
購物須知
寄送時間
全台灣24h到貨，遲到提供100元現金積點。全年無休，週末假日照常出貨。例外說明
送貨方式
透過宅配送達。除網頁另有特別標示外，均為常溫配送。
消費者訂購之商品若經配送兩次無法送達，再經本公司以電話與Email均無法聯繫逾三天者，本公司將取消該筆訂單，並且全額退款。
送貨範圍
限台灣本島與離島地區註，部分離島地區包括連江馬祖、綠島、蘭嶼、琉球鄉…等貨件，將送至到岸船公司碼頭，需請收貨人自行至碼頭取貨。注意！收件地址請勿為郵政信箱。
註：離島地區不配送安裝商品、手機門號商品、超大材商品及四機商品。
售後服務
缺掉頁更換新品
執照證號＆登錄字號
本公司食品業者登錄字號A-116606102-00000-0
關於退貨
  • PChome24h購物的消費者，都可以依照消費者保護法的規定，享有商品貨到次日起七天猶豫期的權益。(請留意猶豫期非試用期!!)您所退回的商品必須回復原狀（復原至商品到貨時的原始狀態並且保持完整包裝，包括商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性）。商品一經拆封/啟用保固，將使商品價值減損，您理解本公司將依法收取回復原狀必要之費用(若無法復原，費用將以商品價值損失計算)，請先確認商品正確、外觀可接受再行使用，以免影響您的權利，祝您購物順心。
  • 如果您所購買商品是下列特殊商品，請留意下述退貨注意事項：
    1. 易於腐敗之商品、保存期限較短之商品、客製化商品、報紙、期刊、雜誌，依據消費者保護法之規定，於收受商品後將無法享有七天猶豫期之權益且不得辦理退貨。
    2. 影音商品、電腦軟體或個人衛生用品等一經拆封即無法回復原狀的商品，在您還不確定是否要辦理退貨以前，請勿拆封，一經拆封則依消費者保護法之規定，無法享有七天猶豫期之權益且不得辦理退貨。
    3. 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，一經您事先同意後始提供者，依消費者保護法之規定，您將無法享有七天猶豫期之權益且不得辦理退貨。
    4. 組合商品於辦理退貨時，應將組合銷售商品一同退貨，若有遺失、毀損或缺件，PChome將可能要求您依照損毀程度負擔回復原狀必要之費用。
  • 若您需辦理退貨，請利用顧客中心「查訂單」或「退訂/退款查詢」的「退訂/退貨」功能填寫申請，我們將於接獲申請之次日起1個工作天內檢視您的退貨要求，檢視完畢後將以E-mail回覆通知您，並將委託本公司指定之宅配公司，在5個工作天內透過電話與您連絡前往取回退貨商品。請您保持電話暢通，並備妥原商品及所有包裝及附件，以便於交付予本公司指定之宅配公司取回（宅配公司僅負責收件，退貨商品仍由特約廠商進行驗收），宅配公司取件後會提供簽收單據給您，請注意留存。
  • 退回商品時，請以本公司或特約廠商寄送商品給您時所使用的外包裝（紙箱或包裝袋），原封包裝後交付給前來取件的宅配公司；如果本公司或特約廠商寄送商品給您時所使用的外包裝（紙箱或包裝袋）已經遺失，請您在商品原廠外盒之外，再以其他適當的包裝盒進行包裝，切勿任由宅配單直接粘貼在商品原廠外盒上或書寫文字。
  • 若因您要求退貨或換貨、或因本公司無法接受您全部或部分之訂單、或因契約解除或失其效力，而需為您辦理退款事宜時，您同意本公司得代您處理發票或折讓單等相關法令所要求之單據，以利本公司為您辦理退款。
  • 本公司收到您所提出的申請後，若經確認無誤，將依消費者保護法之相關規定，返還您已支付之對價（含信用卡交易），退款日當天會再發送E-mail通知函給您。