Ⅰ 前端必看的書籍
了解更多的前段知識請看下面我精心為您整理的前端必看的書籍，希望您喜歡!
十本學習前端必看書籍
第一本，入門
《Head first HTML&CSS》
最好的入門書。看兩遍就對HTML & CSS 有個大概印象了。
此時把w3cschool作為備查手冊收藏起來
第二本《CSS權威指南(第三版)》
最權威的CSS書籍，除了閱讀W3C的文檔外的不二選擇(就是翻譯有點操蛋，遇到感到難理解的地方可能還是要求助於網路資源)。有時間(無論是現在還是將來)可以反復看，並當做字典隨時查。
第三本《精通CSS》
廣受前輩推薦的一本書。上一本書是字典的話，這本書相當於《中學生作文大全》，匯集了一些CSS的最佳實踐。
第四本《圖解CSS3：核心技術與案例實踐》
這本書比較新，講解的是最新的CSS3(前三本書停留在CSS2.1時代)，CSS3也是必學的，不是什麼可學可不學的最新技術。
HTML CSS值得看的書就這些(之後會有一本《CSS秘密花園》，尚在翻譯中，也很值得期待)，剩下的就是自己寫還有看技術博客了。接下來是JavaScript，HTML和CSS都是沒有邏輯的標記型語言，JS才是真正的編程語言，評價前端工程師的水平就看這個了。
第五本《JavaScript DOM編程藝術》
最好的JS入門書籍，一目瞭然地告訴你如何用JS操作DOM(這是瀏覽器端編程的基本功)，還灌輸了最符合標準的編程理念。可惜有點老，最新一版是2010年的，以至於部分內容有點過期，例如本書內經常提到“某某方法瀏覽器不一定支持，需要小心使用”，而這些歷史遺留問題當今已經不存在了，閱讀過程中無視就好。
第六本《JavaScript高級程序設計》
每個前端必看的書，此書是前端工程師科技樹的關鍵一環。看完此書後再看看之後各類進階書籍會比較好。
俗稱紅寶書，也算入門書籍，雖然是大部頭(七百多頁)，但至少通讀一遍。
全部掌握了，你可以在網路社區里談笑風生了，經過實踐的鍛煉後，面試個前端工程師的崗位應該都沒問題了。
第七本《JavaScript語言精粹》
也是前端必看。薄薄一百來頁，對JS的去粗取精。
第八本《你不知道的JavaScript》
這是一套叢書， 目前為止僅翻譯了第一卷。每本都挺薄，深入介紹了JS中的重要概念。
第九本《JavaScript設計模式》
“設計模式”是軟體工程的重要課題，相當於高考時候的答題套路。前人總結出來的應對各種問題的模板。也算是必看書籍。關於JavaScript設計模式的書籍目前也有好幾本，也有國人寫的，挑一兩本看看就好。
第十本《高性能網站建設指南》(及其續篇《高性能網站進階》)
告訴你真正的商業公司的前端是怎麼優化一個網站的。當然優化的問題不是看看書就能解決的，最好時刻了解你的同行們的經驗。
第一階段：HTML和CSS的學習
HTML就不多說了，基礎中的基礎，這個都不會的小夥伴請參見HTML手冊，認真學習W3C課程，稍有基礎之後可以跟著視頻學習《HTML+CSS基礎課程》。
前端開發必看的14本書
1、《CSS權威指南》第三版
這本書實在太適合小白用戶了，是一本為初學者清掃障礙的書籍。同行一致認為這本書是學習CSS基礎的首選。CSS界權威Meyer大師的作品，翻譯水平也灰常贊!
2、《CSS那些事兒》
不用於一般技術類書籍的枯燥乏味，這本書很有意思。作者是藍色理想經典論壇標准版榮譽版主林小志，具有多年網站設計和網站重構經驗，在CSS、XHTML等前台技術方面有著深厚功底。
全書以傳達CSS布局思維為中心，通過頁面中的文字、圖片、表格、表單等常見元素的處理及各種頁面布局方式的使用，使讀者能深入了解到如何在頁面中更好地運用CSS布局。閱讀本書之後將會發現，原來CSS樣式居然是這么好玩的東西。
3、《精通CSS：高級Web標准解決方案》第二版
前段學習必備書籍，作者Andy Budd是國際頂尖的網頁設計師，著名的Web標准倡導者，網頁咨詢公司Clearleft的創始人之一。
本書將最有用的CSS技術匯總在一起，總結了CSS設計中的最佳實踐，討論了解決各種實際問題的技術，重點講解了一系列的css開發技巧，是前端開發人員必備的手冊。
4、《CSS禪意花園》
這是一本令人驚嘆的書!必須用一個字形容的話，那就是：美!內容編排合理,文字生動有趣引人入勝,通過一個個實例引導讀者閱讀，強烈推薦!
作者是世界著名的網站設計師，書中的範例來自網站設計領域最著名的網站——CSS Zen Garden(CSS禪意花園)。童鞋們自己去領略吧。
第二階段——JavaScript的學習
Javascript的書籍當然還是要看老外的，你懂得~
5、《JavaScriptDOM編程藝術》
此書絕對是入門好書，簡潔優美的文筆簡直是工具書中的典範啊有木有!
這本書講述了JavaScript和DOM的基礎知識，但重點放在DOM編程技術背後的思路和原則，然後將這些概念貫穿在書中的所有代碼示例中，使你看到用來創建圖片庫頁面的腳本、用來創建動畫效果的腳本和用來豐富頁面元素呈現效果的腳本，最後結合所講述的內容創建了一個實際的網站。
6、《JavaScript權威指南》第6版
這本書非常適合初級、中級程序員，是學習核心JavaScript語言和由Web瀏覽器定義的JavaScript API的指南和綜合參考手冊。
第6版涵蓋HTML 5和ECMAScript 5。很多章節完全重寫，緊跟當今最佳Web開發實踐。本書新增章節描述了jQuery和伺服器端JavaScript。
7、《JavaScript高級程序設計》第三版
《javascript權威指南》比較像一本字典，而這本《javascript高級程序設計》可以算是一本由淺入深的好讀物。這兩本書看完後，對javascript一定會有較為深入的了解。
作者Nicholas C. Zakas是世界頂級Web技術專家，現為雅虎公司界面呈現架構師，負責My Yahoo!和雅虎首頁等大訪問量站點的設計。這本書，看一遍不能算看過，至少讀兩三遍，每一遍都會讓你有新的收獲。
8、《高性能JavaScript》
本書從性能角度全面分析js，含金量非常大，很多知識都是作者通過實踐總結出來的，都是經驗的積累，強烈推薦!
同是Nicholas C. Zakas所寫，如果看《JS高級程序設計》覺得理解不太透徹，學習較為吃力，那麼我強烈建議你看看這本書，真的是極好的一本實踐類書籍，言簡意賅，灰常實用!
9、《JavaScript王者歸來》
這本《JavaScript王者歸來》不僅是一本傳播知識的書，更是一本求道的書。O(∩_∩)O 有追求的程序員一定不要錯過!願神力與你同在!
它揭開了JavaScript的面紗，繞過誤解和虛幻的表象，引領你探索程序王國的奧妙。這是一本探尋程序設計思想本源的“魔法典籍”，也是一本Web開發工程師們需要的案頭參考書。
10、《JavaScript模式》
它絕對不是一本入門級別的書，適用於希望將自身的Javascript技巧提高到一個新層次的專業的開發人員和程序員。
《JavaScript模式》包含了實現每個討論的模式的實踐建議，並附有數個可以立即上手的範例;同時還可以學到一些反模式。短小精悍，進階必讀!
11、《JavaScript設計模式》
進階教程，得有一定功底才能看懂。反之，如果你輕而易舉就能拿下此書，說明你已非等閑之輩~
本書共有兩部分。第一部分給出了實現具體設計模式所需要的面向對象特性的基礎知識，第二部分則專注於各種具體的設計模式及其在JavaScript語言中的應用，主要介紹了工廠模式、橋接模式、組合模式、門面模式等幾種常見的模式。
第三階段——jQUery的學習
12、《鋒利的jQuery》第二版
入門首選，簡單易懂，非常實在。《鋒利的jQuery(第2版)》循序漸進地對jQuery的各種函數和方法調用進行了介紹，對jQuery分析的邏輯非常值得學習。
第四階段—學無止境!
如果以上書籍你全都搞定了，那麼，恭喜你，你真的很厲害!到這種程度，相信你也不太需要別人推薦書籍了，不過我還是厚著臉皮推薦兩本吧。
13、《高性能網站建設指南》
前端開發可以優化網站剩餘70%~80%性能，這本書不算厚，幾個小時就能看完，推薦前端開發工程師看看。在《高性能網站建設指南》中，作者給出了14條具體的優化原則，每一條原則都配以範例佐證，並提供了在線支持。
14、《Web開發敏捷之道》第二版
Web開發敏捷之道》曾榮獲Jolt大獎“最佳技術圖書”獎。在第1版的內容架構基礎上，第2版增加了對Rails 1.2中新特性和最佳實踐的介紹。此書覆蓋了rails1.2的方方面面，其本身也很"敏捷"，翻譯也非常好。
Ⅱ 前端如何將數據生成字典類型
數據字典是整個資料庫環境的重要組成部分，是資料庫環境管理的有力工具，在資料庫的生命周期內起著重要作用。數據字典的用途是多方面的，它是一個管理有關資料庫設計、實現、運行和擴充階段的各種信息的工具。
數據字典（Data dictionary,縮寫為 DD） 是存放資料庫各級模式結構的描述，也是訪問資料庫的介面。
歸納起來，數據字典的功能包括以下幾方面：
①描述資料庫系統的所有對象，如屬性、實體、記錄類型、數據項、 用戶標識、口令、物理文件名及其位置、文件組織方法等；
②描述資料庫系統各種對象之間的交叉聯系，如哪個用戶使用哪個子模式，哪個記錄分配在哪個區域，存貯在哪個物理設備上；
③登記所有對象在不同場合、不同視圖中的名稱對照表；
④描述模式、子模式和物理模式的改動情況。
代碼是代表客觀存在的實體或屬性的符號（如數字、字母或它們的組合）。在信息系統中，代碼是人和機器的共同語言，是便於進行信息分類、校對、統計和檢索的關鍵，是資料庫規范化、標准化的依據。代碼設計是實現一個信息系統的前提條件，其目的是要設計出一套為系統各部分所公用的優化代碼系統。代碼設計
代碼設計是編制數據字典開始的，編碼對象為數據存儲中所包含的數據元素與數據結構。代碼設計的結果是形成代碼字典，作為系統設計與編程的標准。
現行系統中，已經存在著一套代碼系統，但是，這種代碼不一定適合計算機處理，而且往往不科學、不統一，為此應對本系統使用的代碼進行調查研究和統一規劃，以便進行重新設計或修訂，其中對重要代碼的設計應依據國家有關編碼標准。
代碼設計是一項重要的工作。如果代碼設計不合適，小修改將會引起程序的變化，大修改則會引起文件的重新建立。故一定要進行全面的考慮和仔細的推敲、修改，逐步優化，最後確定，切忌草率行事。
是代碼的基本分類，在實際設計中，可以根據需要進行選擇，或將不同的類型組合起來使用。
詞語代碼的分類一般以結構為准，所謂的代碼結構是指代碼內部各個符號或符號組之間的關系。就目前情況看，詞語的代碼結構類型有十種以上，但在地質上常用的有五種，即特徵組合結構、順序結構、助記結構、分類結構和混合結構。其代碼的種類也相應地分為特徵組合碼、順序碼、助記碼、分類碼和混合碼五種。
按照這種設計思路設計你的數據字典，就是很標準的數據點啦！
注意事項
資料庫系統是一個復雜的系統，其中所包含的信息除了用戶數據外，還有很多非用戶數據信息。例如，模式和子模式的內容、文件間的聯系、數據項的長度、類型、用戶標識符、口令、索引等等。這些非用戶數據是整個資料庫系統的情報系統，如果沒有它們或它們遭到了破壞，則整個系統將陷入癱瘓狀態，即使資料庫本身完好無損，也將無濟於事。為了使資料庫的設計、實現、運行、維護、擴充有一個共同遵循的標准和依據，並且也為了保證資料庫的共享性、安全性、完整性、一致性、有效性、可恢復性以及可擴充性，人們在資料庫中設置了數據字典，來集中保存這些信息。由於數據字典是描述資料庫中各數據屬性與組成的數據集合，因此有人把它看做是關於資料庫的資料庫。
數據字典的作用是：
①管理系統數據資源——數據字典提供了管理和收集數據的方法；
②實現數據標准化——在資料庫中，數據的名稱、格式和涵義等在不同的場合下容易混淆，數據字典提供使之標准化的工具，它可以給這些內容予以統一的名稱、格式和涵義；
③使系統的描述文體化——所有和系統有關的描述，都可以對數據字典中的信息進行查詢、插入、刪除和修改；
④作為設計的工具——由於數據字典中存放著與資料庫有關的各種信息和原始資料，就為資料庫設計提供了有力的工具；
⑤為資料庫提供存取控制和管理——資料庫在接受每一個對資料庫的存取請求時，都要檢查用戶標識、口令、子模式、模式和物理模式等。所以從某種意義上講，數據字典控制了資料庫的運行；
⑥供資料庫管理員(DBA)進行各種查詢，以便了解系統性能、空間使用狀況和各種統計信息，及時掌握資料庫的動態。所以數據字典是 DBA 觀察資料庫的眼晴和窗口。
Ⅲ 優雅的實現前端回顯字典枚舉值
Hello 大家好，這里是Anyin。
在我們日常的開發工作當中，肯定會遇到類似狀態、類型等欄位需要以中文的形式返回給前端。例如，在資料庫中性別是存儲man、woman，而在前端界面顯示要求是顯示成男、女。
在實現以上需求會有以下幾種方式
1.業務代碼或者get方法中轉義，即在業務代碼通過判斷然後轉換成對應的中文或者在返回的實體類中get方法中判斷返回對應的中文
2.所有的字典值入庫，通過資料庫left join 實現中文意思查詢，返回的時候添加一個中文的欄位
3.在spring mvc 返回的時候通過序列化轉換，但是需要在返回的實體類添加對應的註解元數據信息
4.前端拉取所有的字典類型和對應的值，在頁面渲染的時候自行處理，會在前端緩存暴露所有的字典數據
在以上4個方法中，第3種方式會比較合適，因為它會統一處理所有的字典值，並且屏蔽對業務代碼的影響，同時在安全性也有一定的保證。
在實現代碼之前，我們梳理下思路。
1.在spring mvc 把實體類序列化的時候我們進行一頓操作
2.以對象的形式返回對應的字典信息，並且欄位名不變，例如： status 欄位，實體類是一個 String 類型，返回前端的時候變為一個對象: status : { code: "enable", text: "啟用" }
3.通過自定義註解來指定是某個類型的字典值
4.通過 @JsonSerialize 註解指定自定義序列化器
根據以上思路，我們可以在 @JsonSerialize 註解上看到一個 using 的屬性，它指定了一個 Class<? extends JsonSerializer 的類型。
所以，我們可以自己定義一個序列化器繼承 JsonSerializer 類。
serialize 方法的 value 參數，就是我們需要轉為字典對象的code值。但是我們還缺少一樣信息，這個code值是屬於那個類型的字典，是屬於 sex 還是 status 類型的字典？
所以，這個類還要實現 ContextualSerializer 介面，從 BeanProperty 屬性中獲取對應的註解。
完整的 StringAsDictSerializer 類的代碼如下：
接著再新增一個自定義註解
這個自定義註解的 type 欄位即表示字典的類型，一般情況下資料庫的字典欄位在代碼都會有一個對應的枚舉類。
最後我們定義下需要返回給前端的字典對象
接下來，我們來測試下我們的代碼。在 controller 返回的實體類中，我們添加上對應的註解配置，如下：
使用postman返回結果：
以上，我們實現了字典枚舉值的前端字典回顯，你學廢了嗎？
相關源碼地址 Anyin Cloud[1]
[1] Anyin Cloud: https://gitee.com/anyin/anyin-cloud
Ⅳ 前端開發比較新、比較權威的信息從哪裡可以得到呢
以前我曾經在我的郵箱里訂閱過一些，但是我沒有堅持。我認為有這么多訂閱的原因是你沒有養成每天閱讀RSS訂閱的習慣，而我只是在Feedly訂閱了三個網站。WebPlatformDaily,css - UNK ssmashing雜志，現在堅持它，因為我可以處理我訂閱的數量，因為我不能讀很多內容，因為我不能集中當我每天吃完我的飯。做一個書簽，你可以點擊一下。記住，不要放棄，要養成習慣。《Head first HTML&CSS》最好的入門書。
Ⅳ 初學前端的人如何高效學習數據字典
數據字典 是 資料庫的內容，而資料庫主要又是後端內容。你初學前端的，重點不在 數據字典，而應該在SQL，在查詢，在視圖，在 界面。
你把你要做的系統對應的後端資料庫 的 數據字典 拷貝一份 即可。列印也行，隨用隨翻閱。