Ⅰ 前端必看的书籍
了解更多的前段知识请看下面我精心为您整理的前端必看的书籍，希望您喜欢!
十本学习前端必看书籍
第一本，入门
《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，在查询，在视图，在 界面。
你把你要做的系统对应的后端数据库 的 数据字典 拷贝一份 即可。打印也行，随用随翻阅。