整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5动画原理和HTML5动画制作工具

TML5不是一个新的现象,但HTML5的使用在过去几年中已经有了飞速的发展。当涉及到富媒体,运动图形和网络上的互动内容时,HTML5几乎完全取代了Flash的使用。由于移动应用程序开发人员的性能,易于使用和开放标准的剪切原因,它也受到了很大的调整。

HTML5的前身HTML4有许多改进,其中之一是包含用于在网页上即时渲染图形的canvas元素。

让我们看看HTML5动画的基础知识,然后再转到用于创建动画横幅,广告,丰富的互动内容,电子贺卡,信息图表,幻灯片,动态图形,游戏等各种工具。

HTML5动画 - 基础知识

HTML5动画包含在<canvas> </ canvas>元素中。为了一个基本的了解,html文档中的canvas可以被看作是一个绘图板,您可以在其中绘制形状,然后快速更改框架,使其看起来像一个动画图形。

基本动画的步骤非常简单,您可以通过在HTML5,CSS和JavaScript中手动编写代码来创建基本动画。复杂的动画可以通过使用HTML5动画工具来实现,该工具提供拖放功能来创建HTML5形状,还可以添加动画和交互。

这些工具通常会生成人类可读的代码,如果需要,可以进行修改,当然,代码可以包含在HTML文档中,也可以在手机,PC,平板电脑和智能电视上运行。其中一些工具包括Bannersnack,Mugeda,GSAP,Animatron,Edge Animate,HTML5 Maker和Tumult Hype等名称。

让我们来看一下非常基本的动画的解剖(只是为了得到它的悬念),我们将看看用于使用HTML5创建动画的各种工具。

创建简单的HTML5动画

要创建动画,您需要在文档和机制中的形状,图像,音频,视频来控制和操作所有这些您想要的方式。

可以使用HTML5方法绘制形状,而图像,音频,视频等可以通过引用导入文档。控件可以通过Canvas API,CSS3元素中的直接方法或使用自定义JavaScript函数进行。

我们来看看画布的设置,这是一个简单的四步过程 -

第一步是清除整个画布,让你得到一个空白的画面。您可以使用clearRect()方法来执行此操作。第二步是保存画布状态,这很重要,因为在进行了更改之后,你会想回到原始状态。

第三步是很好的部分,您将在此绘制动画形状并为动画创建框架。第四步是保存帧状态,循环继续 - 返回原始状态,画出下一帧并保存。

通过直接使用像rect(),fillRect(),fillStyle()和drawImage()等画布方法绘制形状,或通过创建和调用自定义JavaScript函数来绘制形状。像我之前说过的,图像,音频和视频可以通过使用许多其他方法包含在空间和时间中,以便您拥有创建动画所需的一切。

对于动画,我们需要调用画布状态(在绘制过程中保存)并在一段时间内渲染不同的帧,为此,有三个JavaScript函数,即window.setInterval(),window.setTimeout()和窗口.requestAnimationFrame()。还有其他的方法,但现在我们将会保持我们的马。查看Mozilla开发人员,了解使用各种方法在画布中绘制和动画的基础知识。

您还可以查看循环动画和动画太阳系,以查看HTML5动画以及代码,以便更好地了解基础知识。

如果你想看一些最先进的HTML5互动动画,那么看看游戏中的免费骑士和这个令人兴奋的HTML5破坏视频。

我们来看看用于创建HTML5动画的一些工具 -

Bannersnack

当使用拖放工具集创建HTML5横幅广告时,Bannersnack是市场上最好的工具之一。我个人喜欢Bannersnack的易用性和直观的用户界面。Bannersnack在许多财富500强公司如Google,花旗银行,希尔顿,葛兰素史克和airbnb等用户中颇受欢迎。

您可以使用文字,图像,音频,按钮和剪贴画等来创建出色的横幅艺术,并将完成的文件导出为HTML5,Flash / SWF,MP4,PNG,JPEG,GIF和Flash / HTML5嵌入。

使用Bannersnack创建的广告几乎与所有主要广告网络(包括Facebook广告和Google AdWords)兼容。购买之前,您可以免费试用Bannersnack。

阅读更多关于Bannersnack的信息,请点击:Banner Snack:HTML5 Animation。

HTML5制造商 - 免费订阅

HTML5 Maker是另一种流行的在线动画工具,拥有超过100K的用户,由名为OnlyMega LLC的公司。它最常用于创建html5动画,滑块,演示文稿和幻灯片等。虽然HTML5制造商提供商业订阅,但它有一个免费的计划,可用于创建动画和横幅等免费。

HTML5 Maker附带了大量可以使用的模板。人们可以选择最适合要求的模板,修改图像,徽标,文本等,并将工作保存在云端。可以将动画嵌入网站,博客或直接从云端分享到社交媒体网络上。

使用HTML5创建的动画在Mac,PC,iPad,iPhone,Android和许多其他平台上的工作同样辉煌。我喜欢HTML5 Maker的事实是,它不依赖于任何第三方库和工具,甚至不依赖于Photoshop的图形。您可以使用编辑器(包括图像)创建您需要的所有内容。您可以根据需要导入您自己的媒体文件。

了解更多关于HTML5的设备在这里- HTML5制作

Mugeda

Mugeda平台是由Mugeda Inc.创立和销售的在线HTML5创作工具,该公司是一家位于旧金山的公司,在中国设有研发办事处。

Mugeda平台提供完整的解决方案来构建HTML5丰富的媒体,适用于所有屏幕,包括PC,平板电脑,智能手机和智能电视。它包括Mugeda工作室拖放编辑,工具,创建移动优化的MRAID 2.0投诉富媒体广告,内置流量分析和JavaScript API为开发人员。

Mugeda大量用于创建HTML5媒体广告,包括横幅广告,可展开广告,迷你游戏和插页式广告。教师还可以为学生创建交互式内容。Mugeda被Red Bull,Mazda,Sunning,Buick,ANA等公司所使用。

GSAP

GSAP是一个商业产品的企业,从GreenSock的房子和在世界动画的名义。GreenSock在过去14年处于市场,客户包括微软,Adobe,三星,可口可乐,福特等众多客户。

随着基于HTML5的运动图形的兴起,他们推出了用于HTML5的GSAP,这是一个非常强大的工具,并具有创造惊人动画的功能。GSAP的核心工具很少包括TweenLite,TweenMax,TimeLineLite和TimeLineMax。

Animatron

Animatron是HTML5动画和解说器视频的大爸爸,让观众受益。您可以通过查看其客户群,包括Google,Facebook,Amazon,Disney,Oracle,Fox,NASA和戴尔等巨头,来衡量Animatron的受欢迎程度。

在Animatron看到Animatron

Tumult炒作

Tumult Hype用于制作互动和专业的动画,适用于网络,台式机,笔记本电脑,智能手机和IPad,不需要任何编码技巧。

Tumult Hype在基于关键帧的系统上工作,您可以在其中单击记录,Tumult开始在编辑器中创建移动框架; 可以手动添加和删除帧,从头开始,最后还是在中间。

Tumult大量用于创建交互式电子贺卡,信息图形,电子书/ ibook,演示文稿等,所有这些都使用HTML5动画与CSS属性和JavaScript在后台的魔力。

Google Web Designer

如果你像我一样喜欢直接从Google家的产品,那么这个就是你的html5动画工具。Google网页设计师在撰写本文时仍然处于测试阶段,但根据我最近几周的经验,它的工作绝对正常。

Google网页设计师被许多用于创建简单的广告,包括眼睛流畅的静态和运动图形。您可以免费下载Google网页设计器,并在Windows,Mac或Linux上安装。

CreateJS

CreateJS是一个不同的动物,并提供用于创建基于HTML5的丰富互动内容的图书馆和工具的集合。它提供的图书馆包括 -

•EASELJS - 控制和管理HTML5画布元素

•TWEEENJS - 使用HTML5和JavaScript对Tween进行动画处理

•SOUNDJS - 让网络听到他们想要的内容

•PRELOADJS - 控制如何加载各种同意

CreateJs库大量用于创建基于HTML5的广告。Adobe动画和CreateJS作为一个杀手组合,被广告业界的设计师广泛使用。

随着Mozilla,Microsoft和Adobe等的支持,CreateJs似乎非常有希望,我们希望在将来的版本中看到更多的功能。

Hippani

Hippani是一家英国公司,Hippani动画师可以在30天免费试用评估文章,您可以自行购买专业计划。Hippani在人气方面并没有落后于Animatron,BannerSnack,HTML5制造商或Mugeda的联盟,而是近期不断升级的有前途的工具。

除了大多数其他工具的基本功能,Hippani还提供了一个用于创建复杂交互和游戏的javaScript引擎。

边缘动画CC

来自Adobe的房子,Edge Animate CC也一直被广泛用于创建HTML5,但是自从过去几年来,它还没有得到升级,该产品尽管很受欢迎,可能会在另一个时间被停用。

用于制作HTML5运动图形的另外三个好的工具包括RadiApp,Nodefire和Blysk。所有这些都是免费创建交互式运动图形的工具,可以随时尝试。

创建图形和动画的另一个很好的选择是SVG。由元素<svg>表示,它用作SVG(可伸缩矢量图形)的容器。SVG有许多方法来绘制圆形文字,图形图像,线条等。

Canvas可用于创建更复杂的动画,交互式图形和在浏览器中运行的游戏。如果您有兴趣了解SVG与Canvas的微妙差异。

HTML5动画 - 简史

1991年,Tim Berners-Lee发明了第一个被称为版本1的HTML。相对原始但可能有帮助的语言,HTML的第一个版本在连续8年得到改进。多年来,1995年版本2,1997年第3版,1999年第4版。作为一种创新和创新的语言,2005年以来,HTML4中的一些限制很快就会变得明确。需要一个新的改进,HTML5的来临在2012年实现。

有趣的是,HTML5支持移动网络设备,它已经得到了很多人的欢迎,现在大多数浏览器都支持这种功能。即将推出的HTML5,史蒂夫的工作拒绝在苹果设备中使用Flash,包括iPhone,iPad,iPod,并表示它不适合移动设备的性能和许多其他原因,而HTML5并未构建HTML4未被构建来创建更多的互动网站被视为已经过时和不充分。

当时的开发人员现在一致认为,需要开源标准来构建现代网站,从而导致HTML5的出现。当然,苹果拒绝并不是唯一的理由,而是坚定的一个。

HTML5是不必要的,而且在许多方面都是大大改进了第四版,并在该语言中加入了音乐和音频标签。有一些其他的改进,以及我们稍后会谈。

如果你觉得以上内容对您有用,请关注“Web堆儿”,我们的宗旨就是提供网站建设和运营中的各种干货。

原文地址:http://www.gonet.com.cn/webduirshow-116.html

到前端技术,我们通常都会说到"三大块":HTML、CSS、JavaScript,前端最核心的三项技术。

从逻辑上讲,一个网页可以视为由这三项技术实现的三层架构有机结合体。


· 结构层:表述一个页面中有哪些信息,以及信息之间的关系,由HTML实现。

· 表现层:决定了页面中的信息会以怎样的外观呈现出来,由CSS实现。

· 行为层:控制了页面如何与用户进行交互,由JS实现。


除了基本的"三大块"之外,作为前端开发工程师,还需要掌握以下知识点:

· HTTP相关:由于前端资源都是浏览器通过网络下载的,所以有必要了解相关的网络协议。

· 前端性能优化:让网页更快,减少用户的等待,是前端工程师面临的重要课题,需要掌握前端性能优化相关的工具和方法。

· 前端框架:Web业务日趋复杂,对前端开发提出更高要求。学会使用框架开发,很好地解决了jQuery 称霸时代开发周期太长,复用性低等问题,大大提升了效率。

· Node相关:在Node.js之前,没有任何一种脚本语言能贯穿前后端平台——Node.js可以用JS写后台,这对于熟悉JS的前端人员而言会更容易掌握,并且用Node.js可以快速搭建本地服务器。这是很多前端开发者青睐这项技术的原因。

以下,人邮君就围绕前端开发所需技能列出一份荐书清单,并按照豆瓣评分和读者评价给出了推荐指数,请签收!


超文本标记语言(Hyper Text Markup Language,HTML),用于描述超文本中内容的显示方式,如文字以什么颜色、大小来显示等。HTML从1.0到5.0经历了巨大的变化,已经成为了一种非常成熟的标记语言。

入门

《HTML5权威指南》

推荐指数:☆☆☆☆


作者:[美]Adam Freeman 译者:谢廷晟 牛化成 刘美英

本书是系统学习网页设计的参考图书,全书分为五部分:

· 介绍学习需要的预备知识和HTML、CSS和JavaScript的进展;

· 讨论HTML元素,并详细说明了HTML5中新增和修改的元素;

· 阐述CSS,涵盖了所有控制内容样式的CSS选择器和属性,并辅以大量代码示例和图示;

· 介绍DOM,剖析如何用JavaScript操纵HTML内容;

· 讲解Ajax、多媒体和canvas元素等HTML5特性。

本书面向初学者和中等水平Web开发人员,是牢固掌握HTML5、CSS3和JavaScript的必读之作。


进阶

《HTML5程序设计(第2版)》

推荐指数:☆☆☆


作者:[荷]Peter Lubbers [美]Brian Albers [美]Frank Salim 译者:柳靖 李杰 刘淼

本书主要内容包括:

· HTML5历史背景、新的语义标签及与以往HTML版本相比的根本变化;

· HTML5设计原理;

· SVG和拖放API相关内容;

· 逐一讨论HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用;

· 探索了离线Web应用并展望了HTML5未来的发展前景。

本书面向有一定经验的Web应用开发人员,对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。


级联样式表(Cascading Style Sheet)简称"CSS",通常又称为"风格样式表(Style Sheet)",是用来控制网页外观的一门技术。各种物联网设备,不论屏幕尺寸大小,只要有浏览器就要用到CSS。

入门

《HTML5与CSS3基础教程(第8版)》

推荐指数:☆☆☆☆


作者:[美]Elizabeth Castro [美]Bruce Hyslop 译者:望以文

本书是讲解HTML和CSS入门知识的经典畅销书,全面系统地阐述了HTML5和CSS3基础知识以及实际运用技术,通过大量实例深入浅出地分析了网页制作的方方面面。主要内容有:

· 介绍文本、图像、链接、列表、表格、表单等网页元素;

· 介绍如何为网页设计布局、添加动态效果等;

· 调试和发布;

· 书中的完整代码示例,以及更多实例及进阶参考资料(配套网站)。

通过学习本书,零起点读者即可创建网站,而中水平的开发人员也可以快速了解HTML5新元素、CSS3的奇幻效果、响应式Web设计以及各种最佳实践。


进阶

《CSS揭秘》

推荐指数:☆☆☆☆☆


作者:[希]LEA VEROU 译者:CSS魔法

· 本书是一本注重实践的教程,作者为我们揭示了47个鲜为人知的CSS技巧;

· 主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等;

· 本书将带领读者循序渐进地探寻更优雅的解决方案,攻克每天都会遇到的各种网页样式难题。

《CSS揭秘》是前端工程师、网页开发人员的进阶必备书籍。


《CSS世界》

推荐指数:☆☆☆☆


作者:张鑫旭

本书主要内容包括:

· 结构、内容、美化装饰等方面大量的CSS知识点;

· 通过大量的实战案例,详尽解析CSS的相关知识与常见问题;

· 专门的配套网站进行实例展示、问题答疑。

作为一本CSS深入学习的书,书中介绍大量许多前端开发人员都不知道的CSS知识点。通过阅读本书,读者会对CSS世界的深度和广度有一个全新的认识。


《CSS权威指南(第四版)(上下册)》

推荐指数:☆☆☆☆


作者:[美]Eric A. Meyer [美]Estelle Weyl 译者:安道

· 本书全面阐述了 CSS 的实现方式,深入分析了最新的 CSS 规范;

· 展示了如何通过布局、过渡和动画、边框、背景、文本属性,以及许多其他工具和技术来改善用户体验、加快开发速度、避免潜在的错误;

· 如果你是网页设计师或应用开发者,对复杂的页面样式、改进可访问性以及节省时间和精力感兴趣,那你决不能错过这本书。


JavaScript是一种解释型的、基于对象的脚本语言,它能够将网页中的文本、图形、声音和动画等各种媒体形式捆绑在一起,形成一个紧密结合的信息源。无论是桌面开发,还是移动应用,JavaScript都是必须掌握的技术。

入门

《JavaScript高级程序设计(第3版)》

推荐指数:☆☆☆☆☆


作者:[美]Nicholas C.Zakas 译者:李松峰 曹力

本书承继了之前版本全面深入、贴近实战的特点,讲解了JavaScript语言的核心,展示了现有规范及实现为开发Web应用提供的各种支持和特性。本书主要内容包括:

· 解读JavaScript实现各个组成部分;

· 阐述JavaScript面向对象编程;

· 剖析DOM、BOM及浏览器事件模型;

· Web应用基本数据格式JSON、XML及其存取;

· Ajax、Comet服务器端通信和基于File API的拖放式文件上传;

· ECMAScript 5定义的新核心语言特性;

· HTML5涵盖的表单、媒体、Canvas(包括WebGL);

· Selectors、Web、Workers、地理定位及跨文档传递消息等新API;

· 离线应用及客户端存储(包括IndexedDB);

· 维护、性能、部署相关的开发实践;

· 新兴API及ECMAScript Harmony展望。

作为JavaScript技术经典名著,《JavaScript高级程序设计(第3版)》可以说是JavaScript最权威的入门书籍了


《JavaScript DOM编程艺术(第2版)》

推荐指数:☆☆☆☆


作者:[英]Jeremy Keith [加]Jeffrey Sambells 译者:杨涛 王建桥 杨晓云等

本书是超级畅销书的升级版,由倡导Web标准的领军人物执笔,揭示了前端开发的真谛,是学习JavaScript和DOM开发的必读之作。本书主要内容包括:

· JavaScript和DOM的基本知识;

· 通过几个实例演示了专业水准的网页开发技术;

· 透彻阐述了平稳退化等一批至关重要的JavaScript编程原则和实践;

· 全面探讨了HTML5以及jQuery等JavaScript库。

通过阅读本书,读者将看到JavaScript、HTML5和CSS如何协作来创建易用的、与标准兼容的Web设计,以及掌握使用JavaScript和DOM通过客户端动态效果和用户控制的动画来加强Web页面的必备技术;同时,还将对如何利用库提高开发效率有全面深入的理解。


《你不知道的JavaScript》

推荐指数:☆☆☆☆☆


作者:[美]Kyle Simpson 译者:赵望野 梁杰

本书深入理解语言内部的机制,全面介绍了JavaScript中常被人误解和忽视的重要知识点。

· 《你不知道的JavaScript(上卷)》介绍了该系列的两个主题——"作用域和闭包"以及"this和对象原型"。掌握了这些知识之后,无论什么技术、框架和流行词语,你都能轻松理解。本书讲解通透深入,是入门必备书籍

· 《你不知道的JavaScript(中卷)》主要介绍了类型、语法、异步和性能。

· 《你不知道的JavaScript(下卷)》主要介绍了入门知识和对ES6及未来发展趋势的展望。

本书既适合JavaScript语言初学者阅读,又适合经验丰富的JavaScript开发人员深入学习。


《Head First JavaScript程序设计》

推荐指数:☆☆☆☆


作者:[美]Eric T. Freeman [美]Elisabeth Robson 译者:袁国忠

· 本书语言和版式活泼,内容讲解深入浅出,是难得的JavaScript入门书;

· 本书内容涵盖JavaScript的基本知识以及对象、函数和浏览器文档对象模型等高阶主题;

· 书中配备了大量有趣的实例、图示和练习,让读者轻轻松松掌握JavaScript。

本书的读者对象为JavaScript入门读者以及网页设计入门者。

`````````

进阶

《JavaScript忍者秘籍 第2版》

推荐指数:☆☆☆☆☆


作者:[美]John Resig [美]Bear Bibeault [美]Josip Maras 译者:一心一译前端小组

本书共分4个部分,从不同层次讲述了逐步成为JavaScript高手所需的知识:

· 本书从JavaScript语言及重要的特性谈起,由浅入深地探讨了函数、作用域、闭包、生成器函数、对象、数组、模块化、JavaScript与Web页面的交互以及事件等主题;

· 引导读者更加深入地了解JavaScript的方方面面,充分展示了JavaScript语言的各种特性;

· 本书结合ECMAScript 6和7的相关概念,涵盖了流行的JavaScript框架所使用的技术。

本书适合具备一定JavaScript基础知识的读者阅读,也适合从事程序设计工作并想要深入探索JavaScript语言的读者阅读。


《JavaScript设计模式》

推荐指数:☆☆☆☆


作者:张容铭

本书共分六篇四十章:

· 讨论了几种函数的编写方式,体会JavaScript在编程中的灵活性;

· 讲解了面向对象编程的知识,其中讨论了类的创建、数据的封装以及类之间的继承;

· 探讨了各种模式的技术,如简单工厂模式,包括工厂方法模式、抽象工厂模式、建造者模式、原型模式、单例模式,以及外观模式,包括适配器模式。

· 讲解了几种适配器、代理模式、装饰者模式和MVC模式,讨论了如何实现对数据、视图、控制器的分离。

· 在讲解MVP模式时,讨论了如何解决数据与视图之间的耦合,并实现了一个模板生成器;

· 讲解MVVM模式时,讨论了双向绑定对MVC的模式演化。

本书几乎包含了关于JavaScript设计模式的全部知识,是进行JavaScript高效编程必备的学习手册。


《JavaScript面向对象精要》

推荐指数:☆☆☆☆☆


作者:[美]Nicholas C.Zakas 译者:胡世杰

全书共6章,内容简洁而精妙,关注面向对象的原理和ES5对象新特性,帮助那些已经熟知面向对象编程的读者掌握这些概念是如何在JavaScript中工作的。

· 本书深入探讨了原始类型和引用类型、函数、对象、构造函数和原型对象、继承和对象模式等主题和特性;

· 你将学到JavaScript独特的面向对象的编程方式;

· 你将学到抛弃类的概念和基于类的继承,学习基于原型的继承和构造函数;

· 你将学会如何创建对象、定义自己的类型、使用继承以及其他各种操作来充分使用对象。

总而言之,你将学到JavaScript语言并进行专业编程所需熟知的一切。本书适合熟悉面向对象编程的概念并希望将其应用于JavaScript的开发者阅读,也适合JavaScript新手学习参考。


《锋利的jQuery(第2版)》

推荐指数:☆☆☆☆


作者:单东林 张晓菲 魏然

· 本书介绍了jQuery的各种函数和方法调用;

· 读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点,并结合每个章节后面的案例演示进行练习;

· 本书的第8章将前7章讲解的知识点和效果进行了整合,打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目建设中来。

《锋利的jQuery(第2版)》适合所有对jQuery技术感兴趣的Web设计者和前端开发人员阅读和参考。


Node.js是建立在Chrome浏览器的JavaScript运行时基础上,用于快速构建可扩展的网络应用的平台。Node旨在帮助开发者编写异步的、事件驱动的应用。在Node中,每一个请求都是异步的,并且几乎所有的I/O都是非阻塞的。因此,Node应用非常高效率,能够处理的"并发"连接的数量也很庞大。

入门

《Node.js实战(第2版)》

推荐指数:☆☆☆


作者:[英]Alex Young [美] Bradley Meck [美] Mike Cantelon [美] Tim Oxley [美] Marc Harter [美] T.J.Holowaychuk [美] Nathan Rajlich 译者:吴海星

· Node.js核心框架贡献者力作 ;

· 展示Node核心技巧 ;

· 涵盖前端构建系统、Web框架选择、数据库交互和Web程序测试与部署等全栈开发所需技术。

本书是Node.js的实战教程,涵盖了为开发产品级Node应用程序所需要的一切特性、技巧以及相关理念。从搭建Node开发环境,到一些简单的演示程序,到开发复杂应用程序所必不可少的异步编程,第2版介绍了全栈开发者所需的全部技术,可作为入门书籍。

进阶

《深入浅出 Node.js》

推荐指数:☆☆☆☆☆


作者:朴灵

《深入浅出Node.js》从不同的视角介绍了 Node 内在的特点和结构。由首章Node介绍为索引,涉及Node的各个方面,主要内容包括:

· 模块机制的揭示;

· 异步I/O实现原理的展现;

· 异步编程的探讨;

· 内存控制的介绍;

· 二进制数据Buffer的细节;

· Node中的网络编程基础;

· Node中的Web开发;

· 进程间的消息传递;

· Node测试以及通过Node构建产品需要的注意事项。

附录介绍了Node的安装、调试、编码规范和NPM仓库等事宜。本书适合想深入了解 Node的人员阅读,是进阶必备书籍。


HTTP & TCP/IP

《HTTP权威指南》

推荐指数:☆☆☆☆☆


作者:[美]David Gourley [美]Brian Totty [美]Marjorie Sayer [美]Sailu Reddy [美]Aushu Aggarwal 译者:陈涓 赵振平

本书由具有多年实践经验的专家编写,通过简洁语言和大量翔实的细节图解帮助读者形象地理解Web幕后所发生的事情,详细说明了Web上每条请求的实际运行情况,主要内容包括:

· HTTP方法、首部以及状态码;

· 优化代理和缓存的方法;

· 设计Web机器人和爬虫的策略;

· Cookies、认证以及安全HTTP;

· 国际化及内容协商;

· 重定向及负载平衡策略。

本书深入说明了Web的工作原理,内容全面,讲解细致,是HTTP协议及相关Web技术方面的著作。


《图解HTTP》

推荐指数:☆☆☆☆


作者:[日]上野 宣 译者:于均良

《图解HTTP》对HTTP协议进行了全面系统的介绍,可以说是一本讲解HTTP协议的神书,简单有趣,图文并茂,生动形象,适合入门,主要内容包括:

· HTTP协议的发展历史;

· HTTP协议的结构剖析;

· 常见通信场景及实战案例;

· Web安全、新技术动向等。

读者可通过本书快速了解并掌握HTTP协议的基础知识。


《图解TCP/IP(第5版)》

推荐指数:☆☆☆


作者:[日]竹下隆史 [日]村山公保 [日]荒井透 [日]苅田幸雄 译者:乌尼日其其格

· 本书是一本图文并茂的网络管理技术书籍,旨在让广大读者理解TCP/IP的基本知识、掌握TCP/IP的基本技能;

· 书中讲解了网络基础知识、TCP/IP基础知识、数据链路、IP协议、IP协议相关技术、TCP与UDP、路由协议、应用协议、网络安全等内容;

· 引导读者了解和掌握TCP/IP,营造一个安全的、使用放心的网络环境。


性能优化

《Web性能权威指南》

推荐指数:☆☆☆☆


作者:[加]Ilya Grigorik 译者:李松峰

本书由谷歌公司高性能团队核心成员创作,堪称实战经验与规范解读结合的产物,获得IETF下一代HTTP协议工作组主席力荐。本书目标是涵盖Web技术体系中应该掌握的所有网络及性能优化知识。本书主要内容有:

· 以性能优化为主线,从TCP、UDP和TLS协议讲起;

· 解释了如何针对这几种协议和基础设施来优化应用;

· 深入探讨了无线和移动网络的工作机制;

· 揭示了HTTP协议的底层细节;

· 同时详细介绍了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC和DataChannel等现代浏览器新增的具有革命性的新能力。

本书适合所有Web应用及站点开发人员阅读,包括但不限于前端、后端、运维、大数据分析、UI/UX、存储、视频、实时消息,以及性能工程师。


前端框架

当前,三大主流前端框架分别是React、Vue、Angular

React 是一个采用声明式,高效而且灵活的用来构建用户界面的框架,另辟蹊径提出了以组件化的形式重新构建页面内容,将页面的内容按特征分块,然后将特定块中的HTML、CSS、JS封装在一起,最后用组件来构建页面内容。

《深入React技术栈》

推荐指数:☆☆☆☆


作者:陈屹

本书从几个维度去介绍 React:

· 一是作为 View 库,它怎么实现组件化,以及它背后的实现原理;

· 二是扩展到 Flux 应用架构及重要的衍生品 Redux,它们怎么与 React 结合做应用开发;

· 三是对 React 与 server 的碰撞产生的一些思考;

· 四是讲述它在可视化方面的优势与劣势。

此外,本书非常重视实战,每一节都有实际的例子,细节丰富,内容翔实,由浅入深,无论你是 React 初学者,还是进阶人士,本书都值得一读!本书适合有一定经验的前端开发人员阅读。


Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue.js 自身不是一个全能框架——它只聚焦于视图层,因此它非常容易学习,并很容易与其它库或已有项目整合。

《深入浅出Vue.js》

推荐指数:☆☆☆☆


作者:刘博文

本书从源码层面分析了Vue.js,主要内容有 :

· 简要介绍Vue.js;

· 讲解内部核心技术"变化侦测",带领大家从0到1实现一个简单的"变化侦测"系统;

· 介绍虚拟DOM技术,包括虚拟DOM的原理及其patching算法;

· 讨论模板编译技术,包括模板解析器的实现原理、优化器的原理以及代码生成器的原理;

· 介绍其整体架构以及提供给我们使用的各种API的内部原理,同时还介绍了生命周期、错误处理、指令系统与模板过滤器等功能的原理。

360奇舞团团长月影和《JavaScript高级程序设计》译者李松峰作序推荐,适合前端开发人员阅读。


Angular是一个用来构建大型应用,高性能的Web应用程序的框架;是一个完整的、从 UI、路由、Http、Socket到依赖注入、编译、优化、测试的框架。Angular上手起来有一定难度,但其工程属性极强,非常适合多团队的大型项目,一旦学会,优势很大。

《Angular权威教程》

推荐指数:☆☆☆☆


作者:[美]Ari Lerner [巴西]Felipe Coury [美]Nate Murray [巴西]Carlos Taborda 译者:Nice Angular社区

· 本书堪称Angular领域的里程碑式著作,几乎涵盖了关于Angular的所有内容;

· 对于没有经验的人,本书平实、通俗的讲解,递进、严密的组织,可以让人毫无压力地登堂入室,迅速领悟新一代Web应用开发的精髓;

· 如果你有相关经验,那本书对Angular概念和技术细节的全面剖析,以及引人入胜、切中肯綮的讲解,将帮助你彻底掌握这个框架,在自己职业技术修炼之路上更进一步。

到前端技术,我们通常都会说到"三大块":HTML、CSS、JavaScript,前端最核心的三项技术。

从逻辑上讲,一个网页可以视为由这三项技术实现的三层架构有机结合体。


· 结构层:表述一个页面中有哪些信息,以及信息之间的关系,由HTML实现。

· 表现层:决定了页面中的信息会以怎样的外观呈现出来,由CSS实现。

· 行为层:控制了页面如何与用户进行交互,由JS实现。


除了基本的"三大块"之外,作为前端开发工程师,还需要掌握以下知识点:

· HTTP相关:由于前端资源都是浏览器通过网络下载的,所以有必要了解相关的网络协议。

· 前端性能优化:让网页更快,减少用户的等待,是前端工程师面临的重要课题,需要掌握前端性能优化相关的工具和方法。

· 前端框架:Web业务日趋复杂,对前端开发提出更高要求。学会使用框架开发,很好地解决了jQuery 称霸时代开发周期太长,复用性低等问题,大大提升了效率。

· Node相关:在Node.js之前,没有任何一种脚本语言能贯穿前后端平台——Node.js可以用JS写后台,这对于熟悉JS的前端人员而言会更容易掌握,并且用Node.js可以快速搭建本地服务器。这是很多前端开发者青睐这项技术的原因。

以下,人邮君就围绕前端开发所需技能列出一份荐书清单,并按照豆瓣评分和读者评价给出了推荐指数,请签收!


超文本标记语言(Hyper Text Markup Language,HTML),用于描述超文本中内容的显示方式,如文字以什么颜色、大小来显示等。HTML从1.0到5.0经历了巨大的变化,已经成为了一种非常成熟的标记语言。

入门

《HTML5权威指南》

推荐指数:☆☆☆☆


作者:[美]Adam Freeman 译者:谢廷晟 牛化成 刘美英

本书是系统学习网页设计的参考图书,全书分为五部分:

· 介绍学习需要的预备知识和HTML、CSS和JavaScript的进展;

· 讨论HTML元素,并详细说明了HTML5中新增和修改的元素;

· 阐述CSS,涵盖了所有控制内容样式的CSS选择器和属性,并辅以大量代码示例和图示;

· 介绍DOM,剖析如何用JavaScript操纵HTML内容;

· 讲解Ajax、多媒体和canvas元素等HTML5特性。

本书面向初学者和中等水平Web开发人员,是牢固掌握HTML5、CSS3和JavaScript的必读之作。


进阶

《HTML5程序设计(第2版)》

推荐指数:☆☆☆


作者:[荷]Peter Lubbers [美]Brian Albers [美]Frank Salim 译者:柳靖 李杰 刘淼

本书主要内容包括:

· HTML5历史背景、新的语义标签及与以往HTML版本相比的根本变化;

· HTML5设计原理;

· SVG和拖放API相关内容;

· 逐一讨论HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用;

· 探索了离线Web应用并展望了HTML5未来的发展前景。

本书面向有一定经验的Web应用开发人员,对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。


级联样式表(Cascading Style Sheet)简称"CSS",通常又称为"风格样式表(Style Sheet)",是用来控制网页外观的一门技术。各种物联网设备,不论屏幕尺寸大小,只要有浏览器就要用到CSS。

入门

《HTML5与CSS3基础教程(第8版)》

推荐指数:☆☆☆☆


作者:[美]Elizabeth Castro [美]Bruce Hyslop 译者:望以文

本书是讲解HTML和CSS入门知识的经典畅销书,全面系统地阐述了HTML5和CSS3基础知识以及实际运用技术,通过大量实例深入浅出地分析了网页制作的方方面面。主要内容有:

· 介绍文本、图像、链接、列表、表格、表单等网页元素;

· 介绍如何为网页设计布局、添加动态效果等;

· 调试和发布;

· 书中的完整代码示例,以及更多实例及进阶参考资料(配套网站)。

通过学习本书,零起点读者即可创建网站,而中水平的开发人员也可以快速了解HTML5新元素、CSS3的奇幻效果、响应式Web设计以及各种最佳实践。


进阶

《CSS揭秘》

推荐指数:☆☆☆☆☆


作者:[希]LEA VEROU 译者:CSS魔法

· 本书是一本注重实践的教程,作者为我们揭示了47个鲜为人知的CSS技巧;

· 主要内容包括背景与边框、形状、视觉效果、字体排印、用户体验、结构与布局、过渡与动画等;

· 本书将带领读者循序渐进地探寻更优雅的解决方案,攻克每天都会遇到的各种网页样式难题。

《CSS揭秘》是前端工程师、网页开发人员的进阶必备书籍。


《CSS世界》

推荐指数:☆☆☆☆


作者:张鑫旭

本书主要内容包括:

· 结构、内容、美化装饰等方面大量的CSS知识点;

· 通过大量的实战案例,详尽解析CSS的相关知识与常见问题;

· 专门的配套网站进行实例展示、问题答疑。

作为一本CSS深入学习的书,书中介绍大量许多前端开发人员都不知道的CSS知识点。通过阅读本书,读者会对CSS世界的深度和广度有一个全新的认识。


《CSS权威指南(第四版)(上下册)》

推荐指数:☆☆☆☆


作者:[美]Eric A. Meyer [美]Estelle Weyl 译者:安道

· 本书全面阐述了 CSS 的实现方式,深入分析了最新的 CSS 规范;

· 展示了如何通过布局、过渡和动画、边框、背景、文本属性,以及许多其他工具和技术来改善用户体验、加快开发速度、避免潜在的错误;

· 如果你是网页设计师或应用开发者,对复杂的页面样式、改进可访问性以及节省时间和精力感兴趣,那你决不能错过这本书。


JavaScript是一种解释型的、基于对象的脚本语言,它能够将网页中的文本、图形、声音和动画等各种媒体形式捆绑在一起,形成一个紧密结合的信息源。无论是桌面开发,还是移动应用,JavaScript都是必须掌握的技术。

入门

《JavaScript高级程序设计(第3版)》

推荐指数:☆☆☆☆☆


作者:[美]Nicholas C.Zakas 译者:李松峰 曹力

本书承继了之前版本全面深入、贴近实战的特点,讲解了JavaScript语言的核心,展示了现有规范及实现为开发Web应用提供的各种支持和特性。本书主要内容包括:

· 解读JavaScript实现各个组成部分;

· 阐述JavaScript面向对象编程;

· 剖析DOM、BOM及浏览器事件模型;

· Web应用基本数据格式JSON、XML及其存取;

· Ajax、Comet服务器端通信和基于File API的拖放式文件上传;

· ECMAScript 5定义的新核心语言特性;

· HTML5涵盖的表单、媒体、Canvas(包括WebGL);

· Selectors、Web、Workers、地理定位及跨文档传递消息等新API;

· 离线应用及客户端存储(包括IndexedDB);

· 维护、性能、部署相关的开发实践;

· 新兴API及ECMAScript Harmony展望。

作为JavaScript技术经典名著,《JavaScript高级程序设计(第3版)》可以说是JavaScript最权威的入门书籍了


《JavaScript DOM编程艺术(第2版)》

推荐指数:☆☆☆☆


作者:[英]Jeremy Keith [加]Jeffrey Sambells 译者:杨涛 王建桥 杨晓云等

本书是超级畅销书的升级版,由倡导Web标准的领军人物执笔,揭示了前端开发的真谛,是学习JavaScript和DOM开发的必读之作。本书主要内容包括:

· JavaScript和DOM的基本知识;

· 通过几个实例演示了专业水准的网页开发技术;

· 透彻阐述了平稳退化等一批至关重要的JavaScript编程原则和实践;

· 全面探讨了HTML5以及jQuery等JavaScript库。

通过阅读本书,读者将看到JavaScript、HTML5和CSS如何协作来创建易用的、与标准兼容的Web设计,以及掌握使用JavaScript和DOM通过客户端动态效果和用户控制的动画来加强Web页面的必备技术;同时,还将对如何利用库提高开发效率有全面深入的理解。


《你不知道的JavaScript》

推荐指数:☆☆☆☆☆


作者:[美]Kyle Simpson 译者:赵望野 梁杰

本书深入理解语言内部的机制,全面介绍了JavaScript中常被人误解和忽视的重要知识点。

· 《你不知道的JavaScript(上卷)》介绍了该系列的两个主题——"作用域和闭包"以及"this和对象原型"。掌握了这些知识之后,无论什么技术、框架和流行词语,你都能轻松理解。本书讲解通透深入,是入门必备书籍

· 《你不知道的JavaScript(中卷)》主要介绍了类型、语法、异步和性能。

· 《你不知道的JavaScript(下卷)》主要介绍了入门知识和对ES6及未来发展趋势的展望。

本书既适合JavaScript语言初学者阅读,又适合经验丰富的JavaScript开发人员深入学习。


《Head First JavaScript程序设计》

推荐指数:☆☆☆☆


作者:[美]Eric T. Freeman [美]Elisabeth Robson 译者:袁国忠

· 本书语言和版式活泼,内容讲解深入浅出,是难得的JavaScript入门书;

· 本书内容涵盖JavaScript的基本知识以及对象、函数和浏览器文档对象模型等高阶主题;

· 书中配备了大量有趣的实例、图示和练习,让读者轻轻松松掌握JavaScript。

本书的读者对象为JavaScript入门读者以及网页设计入门者。

`````````

进阶

《JavaScript忍者秘籍 第2版》

推荐指数:☆☆☆☆☆


作者:[美]John Resig [美]Bear Bibeault [美]Josip Maras 译者:一心一译前端小组

本书共分4个部分,从不同层次讲述了逐步成为JavaScript高手所需的知识:

· 本书从JavaScript语言及重要的特性谈起,由浅入深地探讨了函数、作用域、闭包、生成器函数、对象、数组、模块化、JavaScript与Web页面的交互以及事件等主题;

· 引导读者更加深入地了解JavaScript的方方面面,充分展示了JavaScript语言的各种特性;

· 本书结合ECMAScript 6和7的相关概念,涵盖了流行的JavaScript框架所使用的技术。

本书适合具备一定JavaScript基础知识的读者阅读,也适合从事程序设计工作并想要深入探索JavaScript语言的读者阅读。


《JavaScript设计模式》

推荐指数:☆☆☆☆


作者:张容铭

本书共分六篇四十章:

· 讨论了几种函数的编写方式,体会JavaScript在编程中的灵活性;

· 讲解了面向对象编程的知识,其中讨论了类的创建、数据的封装以及类之间的继承;

· 探讨了各种模式的技术,如简单工厂模式,包括工厂方法模式、抽象工厂模式、建造者模式、原型模式、单例模式,以及外观模式,包括适配器模式。

· 讲解了几种适配器、代理模式、装饰者模式和MVC模式,讨论了如何实现对数据、视图、控制器的分离。

· 在讲解MVP模式时,讨论了如何解决数据与视图之间的耦合,并实现了一个模板生成器;

· 讲解MVVM模式时,讨论了双向绑定对MVC的模式演化。

本书几乎包含了关于JavaScript设计模式的全部知识,是进行JavaScript高效编程必备的学习手册。


《JavaScript面向对象精要》

推荐指数:☆☆☆☆☆


作者:[美]Nicholas C.Zakas 译者:胡世杰

全书共6章,内容简洁而精妙,关注面向对象的原理和ES5对象新特性,帮助那些已经熟知面向对象编程的读者掌握这些概念是如何在JavaScript中工作的。

· 本书深入探讨了原始类型和引用类型、函数、对象、构造函数和原型对象、继承和对象模式等主题和特性;

· 你将学到JavaScript独特的面向对象的编程方式;

· 你将学到抛弃类的概念和基于类的继承,学习基于原型的继承和构造函数;

· 你将学会如何创建对象、定义自己的类型、使用继承以及其他各种操作来充分使用对象。

总而言之,你将学到JavaScript语言并进行专业编程所需熟知的一切。本书适合熟悉面向对象编程的概念并希望将其应用于JavaScript的开发者阅读,也适合JavaScript新手学习参考。


《锋利的jQuery(第2版)》

推荐指数:☆☆☆☆


作者:单东林 张晓菲 魏然

· 本书介绍了jQuery的各种函数和方法调用;

· 读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧等知识点,并结合每个章节后面的案例演示进行练习;

· 本书的第8章将前7章讲解的知识点和效果进行了整合,打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目建设中来。

《锋利的jQuery(第2版)》适合所有对jQuery技术感兴趣的Web设计者和前端开发人员阅读和参考。


Node.js是建立在Chrome浏览器的JavaScript运行时基础上,用于快速构建可扩展的网络应用的平台。Node旨在帮助开发者编写异步的、事件驱动的应用。在Node中,每一个请求都是异步的,并且几乎所有的I/O都是非阻塞的。因此,Node应用非常高效率,能够处理的"并发"连接的数量也很庞大。

入门

《Node.js实战(第2版)》

推荐指数:☆☆☆


作者:[英]Alex Young [美] Bradley Meck [美] Mike Cantelon [美] Tim Oxley [美] Marc Harter [美] T.J.Holowaychuk [美] Nathan Rajlich 译者:吴海星

· Node.js核心框架贡献者力作 ;

· 展示Node核心技巧 ;

· 涵盖前端构建系统、Web框架选择、数据库交互和Web程序测试与部署等全栈开发所需技术。

本书是Node.js的实战教程,涵盖了为开发产品级Node应用程序所需要的一切特性、技巧以及相关理念。从搭建Node开发环境,到一些简单的演示程序,到开发复杂应用程序所必不可少的异步编程,第2版介绍了全栈开发者所需的全部技术,可作为入门书籍。

进阶

《深入浅出 Node.js》

推荐指数:☆☆☆☆☆


作者:朴灵

《深入浅出Node.js》从不同的视角介绍了 Node 内在的特点和结构。由首章Node介绍为索引,涉及Node的各个方面,主要内容包括:

· 模块机制的揭示;

· 异步I/O实现原理的展现;

· 异步编程的探讨;

· 内存控制的介绍;

· 二进制数据Buffer的细节;

· Node中的网络编程基础;

· Node中的Web开发;

· 进程间的消息传递;

· Node测试以及通过Node构建产品需要的注意事项。

附录介绍了Node的安装、调试、编码规范和NPM仓库等事宜。本书适合想深入了解 Node的人员阅读,是进阶必备书籍。


HTTP & TCP/IP

《HTTP权威指南》

推荐指数:☆☆☆☆☆


作者:[美]David Gourley [美]Brian Totty [美]Marjorie Sayer [美]Sailu Reddy [美]Aushu Aggarwal 译者:陈涓 赵振平

本书由具有多年实践经验的专家编写,通过简洁语言和大量翔实的细节图解帮助读者形象地理解Web幕后所发生的事情,详细说明了Web上每条请求的实际运行情况,主要内容包括:

· HTTP方法、首部以及状态码;

· 优化代理和缓存的方法;

· 设计Web机器人和爬虫的策略;

· Cookies、认证以及安全HTTP;

· 国际化及内容协商;

· 重定向及负载平衡策略。

本书深入说明了Web的工作原理,内容全面,讲解细致,是HTTP协议及相关Web技术方面的著作。


《图解HTTP》

推荐指数:☆☆☆☆


作者:[日]上野 宣 译者:于均良

《图解HTTP》对HTTP协议进行了全面系统的介绍,可以说是一本讲解HTTP协议的神书,简单有趣,图文并茂,生动形象,适合入门,主要内容包括:

· HTTP协议的发展历史;

· HTTP协议的结构剖析;

· 常见通信场景及实战案例;

· Web安全、新技术动向等。

读者可通过本书快速了解并掌握HTTP协议的基础知识。


《图解TCP/IP(第5版)》

推荐指数:☆☆☆


作者:[日]竹下隆史 [日]村山公保 [日]荒井透 [日]苅田幸雄 译者:乌尼日其其格

· 本书是一本图文并茂的网络管理技术书籍,旨在让广大读者理解TCP/IP的基本知识、掌握TCP/IP的基本技能;

· 书中讲解了网络基础知识、TCP/IP基础知识、数据链路、IP协议、IP协议相关技术、TCP与UDP、路由协议、应用协议、网络安全等内容;

· 引导读者了解和掌握TCP/IP,营造一个安全的、使用放心的网络环境。


性能优化

《Web性能权威指南》

推荐指数:☆☆☆☆


作者:[加]Ilya Grigorik 译者:李松峰

本书由谷歌公司高性能团队核心成员创作,堪称实战经验与规范解读结合的产物,获得IETF下一代HTTP协议工作组主席力荐。本书目标是涵盖Web技术体系中应该掌握的所有网络及性能优化知识。本书主要内容有:

· 以性能优化为主线,从TCP、UDP和TLS协议讲起;

· 解释了如何针对这几种协议和基础设施来优化应用;

· 深入探讨了无线和移动网络的工作机制;

· 揭示了HTTP协议的底层细节;

· 同时详细介绍了HTTP 2.0、 XHR、SSE、WebSocket、WebRTC和DataChannel等现代浏览器新增的具有革命性的新能力。

本书适合所有Web应用及站点开发人员阅读,包括但不限于前端、后端、运维、大数据分析、UI/UX、存储、视频、实时消息,以及性能工程师。


前端框架

当前,三大主流前端框架分别是React、Vue、Angular

React 是一个采用声明式,高效而且灵活的用来构建用户界面的框架,另辟蹊径提出了以组件化的形式重新构建页面内容,将页面的内容按特征分块,然后将特定块中的HTML、CSS、JS封装在一起,最后用组件来构建页面内容。

《深入React技术栈》

推荐指数:☆☆☆☆


作者:陈屹

本书从几个维度去介绍 React:

· 一是作为 View 库,它怎么实现组件化,以及它背后的实现原理;

· 二是扩展到 Flux 应用架构及重要的衍生品 Redux,它们怎么与 React 结合做应用开发;

· 三是对 React 与 server 的碰撞产生的一些思考;

· 四是讲述它在可视化方面的优势与劣势。

此外,本书非常重视实战,每一节都有实际的例子,细节丰富,内容翔实,由浅入深,无论你是 React 初学者,还是进阶人士,本书都值得一读!本书适合有一定经验的前端开发人员阅读。


Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue.js 自身不是一个全能框架——它只聚焦于视图层,因此它非常容易学习,并很容易与其它库或已有项目整合。

《深入浅出Vue.js》

推荐指数:☆☆☆☆


作者:刘博文

本书从源码层面分析了Vue.js,主要内容有 :

· 简要介绍Vue.js;

· 讲解内部核心技术"变化侦测",带领大家从0到1实现一个简单的"变化侦测"系统;

· 介绍虚拟DOM技术,包括虚拟DOM的原理及其patching算法;

· 讨论模板编译技术,包括模板解析器的实现原理、优化器的原理以及代码生成器的原理;

· 介绍其整体架构以及提供给我们使用的各种API的内部原理,同时还介绍了生命周期、错误处理、指令系统与模板过滤器等功能的原理。

360奇舞团团长月影和《JavaScript高级程序设计》译者李松峰作序推荐,适合前端开发人员阅读。


Angular是一个用来构建大型应用,高性能的Web应用程序的框架;是一个完整的、从 UI、路由、Http、Socket到依赖注入、编译、优化、测试的框架。Angular上手起来有一定难度,但其工程属性极强,非常适合多团队的大型项目,一旦学会,优势很大。

《Angular权威教程》

推荐指数:☆☆☆☆


作者:[美]Ari Lerner [巴西]Felipe Coury [美]Nate Murray [巴西]Carlos Taborda 译者:Nice Angular社区

· 本书堪称Angular领域的里程碑式著作,几乎涵盖了关于Angular的所有内容;

· 对于没有经验的人,本书平实、通俗的讲解,递进、严密的组织,可以让人毫无压力地登堂入室,迅速领悟新一代Web应用开发的精髓;

· 如果你有相关经验,那本书对Angular概念和技术细节的全面剖析,以及引人入胜、切中肯綮的讲解,将帮助你彻底掌握这个框架,在自己职业技术修炼之路上更进一步。