blocks|key|172643|text|Modernizr是检测浏览器支持哪些HTML5功能的最佳方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|172644|entityMap|0|LINK|mutability|MUTABLE|url|http://www.modernizr.com/^0|0|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://www.modernizr.com/" rel="noreferrer">Modernizr</a> is the best way to detect which HTML5 features a browser supports.

blocks|key|5043208|text|"Processing.js是一种开放的编程语言，适用于那些不想使用Flash或Java小程序为web编写图像、动画和交互的人。Processing.js使用Javascript在HTML5画布元素上绘制形状和操作图像。代码轻量级，易于学习，是可视化数据、创建用户界面和开发基于web的游戏的理想工具。“|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5043209|entityMap|0|LINK|mutability|MUTABLE|url|http://processingjs.org/^0|1|D|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

"<a href="http://processingjs.org/" rel="noreferrer">Processing.js</a> is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element. The code is light-weight, simple to learn and makes an ideal tool for visualizing data, creating user-interfaces and developing web-based games."

blocks|key|5043221|text|Raphaël+-Raphaël的目标是提供一种适配器，使绘图矢量艺术兼容、跨浏览器且简单。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5043222|entityMap|0|LINK|mutability|MUTABLE|url|http://raphaeljs.com/^0|0|7|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://raphaeljs.com/" rel="nofollow noreferrer">Raphaël</a> — Raphaël’s goal is to provide an adapter that will make drawing vector art compatible cross-browser and easy.

blocks|key|5043414|text|我会发布关于Easel.js的帖子，它是sibils+hoho。它们来自同一个开发者GSkinner，因此我发布了所有相关的库。我只是用了一点画架，但其他的看起来很有前途。我发布了URL和它们的描述：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5043415|Easel.js|5043416|HTML5中的新画布元素|5043417|功能强大，但可能很难使用。它没有离散显示元素的内部概念，因此需要您手动管理更新。画架Javascript库为画布提供了保留的图形模式，包括完整的分层显示列表、核心交互模型和辅助类，以使使用画布变得更加容易。|blockquote|5043418|5043419|5043420|它支持TweenJS|5043421|5043422|+TweenJS提供了一个极其简单的应用程序接口，用于在Javascript中创建复杂的序列动画。它包括对使用样式表的基本(实验性)支持。|5043423|5043424|5043425|还支持SoundJS|5043426|HTML很有前途，但使用起来相当困难。每个浏览器都有类似但不同的方法，这需要大量的猜测和测试，以及边缘情况，这可能会花费大量的时间。SoundJS+JavaScript库提供了一个简单的应用程序接口，以及一些强大的功能，使处理音频变得轻而易举。|5043427|5043428|和Zoë|5043429|Flashë(来自|5043430|+)是一个用于OSX或Windows的开源应用程序，它提供了一种简单的方法将EaselJS动画导出为精灵工作表，以便在EaselJS和HTML5上使用。只需将SWF文件拖放到应用程序中。它将扫描主时间线以查找帧标签和尺寸。您可以调整帧边界，编辑设置，然后导出sprite+sheet图像和定义基于时间轴标签的帧数据的SpriteSheet实例的EaselJS代码。SWF应该将所有动画放在主时间线上，并使用帧标签来指示动画的开始。嵌套的图形很好。|5043431|5043432|5043433|我没有全部用过，但看起来很有趣=)|5043434|entityMap|0|LINK|mutability|MUTABLE|url|http://gskinner.com/|1|http://easeljs.com/|2|http://tweenjs.com/|3|http://soundjs.com/|4|http://easeljs.com/zoe.html^0|16|8|0|0|0|8|1|0|0|0|0|0|3|7|2|0|0|0|0|0|3|7|3|0|0|0|1|3|4|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1O|8|@]|9|@$A|1P|B|1Q|1|1R]]|C|$]]|$1|D|3|E|5|6|7|1S|8|@]|9|@$A|1T|B|1U|1|1V]]|C|$]]|$1|F|3|G|5|6|7|1W|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|20|8|@]|9|@$A|21|B|22|1|23]]|C|$]]|$1|O|3|-4|5|6|7|24|8|@]|9|@]|C|$]]|$1|P|3|Q|5|J|7|25|8|@]|9|@]|C|$]]|$1|R|3|-4|5|6|7|26|8|@]|9|@]|C|$]]|$1|S|3|-4|5|6|7|27|8|@]|9|@]|C|$]]|$1|T|3|U|5|6|7|28|8|@]|9|@$A|29|B|2A|1|2B]]|C|$]]|$1|V|3|W|5|6|7|2C|8|@]|9|@]|C|$]]|$1|X|3|-4|5|6|7|2D|8|@]|9|@]|C|$]]|$1|Y|3|Z|5|6|7|2E|8|@]|9|@$A|2F|B|2G|1|2H]]|C|$]]|$1|10|3|11|5|6|7|2I|8|@]|9|@]|C|$]]|$1|12|3|13|5|J|7|2J|8|@]|9|@]|C|$]]|$1|14|3|-4|5|6|7|2K|8|@]|9|@]|C|$]]|$1|15|3|-4|5|6|7|2L|8|@]|9|@]|C|$]]|$1|16|3|17|5|6|7|2M|8|@]|9|@]|C|$]]|$1|18|3|-4|5|6|7|2N|8|@]|9|@]|C|$]]]|19|$1A|$5|1B|1C|1D|C|$1E|1F]]|1G|$5|1B|1C|1D|C|$1E|1H]]|1I|$5|1B|1C|1D|C|$1E|1J]]|1K|$5|1B|1C|1D|C|$1E|1L]]|1M|$5|1B|1C|1D|C|$1E|1N]]]]

I'll post about Easel.js and it's sibils hoho. They're from the same developer <a href="http://gskinner.com/" rel="nofollow">GSkinner</a> I post all related libraries because of this. I've just used Easel a little, but the others seem promising. I post the URL and their description:

<a href="http://easeljs.com/" rel="nofollow">Easel.js</a> 

<blockquote>
 The new Canvas element in HTML5 is powerful, but it can be difficult to work with. It has no internal concept of discrete display elements, so you are required to manage updates manually. The Easel Javascript library provides a retained graphics mode for canvas including a full, hierarchical display list, a core interaction model, and helper classes to make working with Canvas much easier.
</blockquote>

It supports <a href="http://tweenjs.com/" rel="nofollow">TweenJS</a>

<blockquote>
 TweenJS provides an extremely simple API for creating complex sequenced animations in Javascript. It includes basic (experimental) support for working with style sheets.
</blockquote>

Also supports <a href="http://soundjs.com/" rel="nofollow">SoundJS</a>

<blockquote>
 Audio in HTML is promising, but can be quite difficult to work with. Each browser has a similar but different approach, which requires a lot of guess and test, and edge cases, which can add up to a lot of time spent. The SoundJS JavaScript library provides a simple API, and some powerful features to make working with audio a breeze.
</blockquote>

And <a href="http://easeljs.com/zoe.html" rel="nofollow">Zoë</a>

<blockquote>
 Zoë (from Zoetrope) is an open source application for OSX or Windows which provides an easy way to export Flash animations as sprite sheets for use with EaselJS and HTML5.
 Simply drag a SWF file onto the application. It will scan the main timeline to find frame labels and dimensions. You can tweak the frame bounds, edit settings, then export a sprite sheet image and EaselJS code defining a SpriteSheet instance with frame data based on the timeline labels.
 SWFs should have all animation on the main timeline, with frame labels to indicate the start of animations. Nested graphics are fine.
</blockquote>

I haven't used them all but seem quite interesting =)

blocks|key|2086202|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2086203|+html5sql是一个轻量级的JavaScript模块，它使得使用HTML5网络数据库变得非常容易。它的主要功能是为单个事务中的SQL语句的顺序处理提供结构。|blockquote|offset|length|style|BOLD|2086204|2086205|entityMap|0|LINK|mutability|MUTABLE|url|http://html5sql.com/^0|0|1Z|2|1|8|0|0|0^^$0|@$1|2|3|-4|4|5|6|Q|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|R|7|@$D|S|E|T|F|G]]|8|@$D|U|E|V|1|W]]|9|$]]|$1|H|3|-4|4|5|6|X|7|@]|8|@]|9|$]]|$1|I|3|-4|4|5|6|Y|7|@]|8|@]|9|$]]]|J|$K|$4|L|M|N|9|$O|P]]]]

<blockquote>
 <a href="http://html5sql.com/" rel="nofollow">html5sql</a> is a light JavaScript module that makes working with the HTML5 Web Database a whole lot easier. Its primary function is to provides a structure for the sequential processing of SQL statements within a single transaction.
</blockquote>

blocks|key|2081035|text|我找到的唯一一个是html5widgets。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2081036|我会假设有几个相互竞争的库来解决这个问题。|2081037|但它确实实现了大部分新的html+5表单，这也是我所关心的……|2081038|entityMap|0|LINK|mutability|MUTABLE|url|http://www.useragentman.com/blog/2010/07/27/cross-browser-html5-forms-using-modernizr-webforms2-and-html5widgets/^0|9|C|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

The only one I have found is <a href="http://www.useragentman.com/blog/2010/07/27/cross-browser-html5-forms-using-modernizr-webforms2-and-html5widgets/" rel="nofollow">html5widgets</a>.

I would have assumed that there where several competing libraries for this.

But it does implement most of the new html 5 form goodness, which is what I care about...

blocks|key|175157|text|查看RGraph。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|175158|可在http://www.rgraph.net/上获得|offset|length|175159|html5的完整图形集。|175160|非商业用途免费，否则为49磅(英语)|175161|entityMap|0|LINK|mutability|MUTABLE|url|http://www.rgraph.net/^0|0|2|M|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

Check out RGraph.

Available at <a href="http://www.rgraph.net/" rel="nofollow">http://www.rgraph.net/</a>

Complete set of graphs for html5.

Free for non-commercial use, else it is 49 Pounds (English)

blocks|key|5043474|text|我用Perkins+HTML5%2BCSS3+framework“他”这样描述自己：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5043475|5043476|我是一个框架，旨在使设计师和开发人员的生活变得更容易。我使用最新的网络标准，也称为HTML5和CSS3。为了利用更多的优势并允许您不重复自己，我基于LESS.js，这意味着您可以忘记一些专有的浏览器前缀。此外，我还附带了一些预加载的基本样式、混合、辅助对象、透明纹理和一个@font-face驱动的图标集。如果HTML是你的爱好，我可以帮助你使用动态网格快速制作线框，基于Tyler+Tate的1kb+CSS+grid，它已经包含在perkins.config.less文件中，并且可以配置，以及许多其他选项。|blockquote|5043477|5043478|entityMap|0|LINK|mutability|MUTABLE|url|http://p.erkins.com/^0|2|S|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|V|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

I use <a href="http://p.erkins.com/" rel="nofollow">Perkins HTML5+CSS3 framework</a> "He" describes himself as following:

<blockquote>
 I am a Framework thought to make the life of designers and developers a bit easier. I use the latest Web standards, also known as HTML5 and CSS3. To take more advantage and allow you not to repeat yourself, I am based in LESS.js, which means that you can forget some of the proprietary browser prefixes. Also, I carry a number of preloaded basic styles, mixins, helpers, transparent textures and a @font-face driven icon set. If HTML is your passion, I can help you to make wireframes quickly using the dynamic grid, based in Tyler Tate's 1kb CSS Grid which is already included and can be configured in the perkins.config.less file, as well as many other options.
</blockquote>

blocks|key|172800|text|CreateJS是一个很好的HTML5库集合。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|172801|http://www.createjs.com|offset|length|172802|entityMap|0|LINK|mutability|MUTABLE|url|http://www.createjs.com/^0|0|0|N|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

CreateJS is a good collection of HTML5 library.

<a href="http://www.createjs.com" rel="nofollow">http://www.createjs.com</a>

blocks|key|172697|text|虽然不仅仅是一个javascript库，HTML5+Boilerplate看起来非常有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|172698|HTML5样板是专业的badass的基础HTML/CSS/JS模板，用于快速、健壮和面向未来的站点。|172699|entityMap|0|LINK|mutability|MUTABLE|url|http://html5boilerplate.com/^0|K|H|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

While more than a javascript library <a href="http://html5boilerplate.com/" rel="nofollow noreferrer">HTML5 Boilerplate</a> looks really usefull.

"HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site."

blocks|key|5043307|text|ExplorerCanvas+-现代浏览器，如火狐、Safari、Chrome和Opera，支持HTML5+canvas标签，允许基于2D命令的绘图。ExplorerCanvas为Internet+Explorer带来了相同的功能。要使用，web开发人员只需在其现有网页中包含一个脚本标记。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5043308|entityMap|0|LINK|mutability|MUTABLE|url|http://excanvas.sourceforge.net/^0|0|E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://excanvas.sourceforge.net/" rel="nofollow">ExplorerCanvas</a> — Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages.

blocks|key|175253|text|RoCanvas.js|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|175254|创建交互式绘图板，允许用户在您的网站上绘图(可用于头像，或更好地用于协作项目，学习等|175255|entityMap|0|LINK|mutability|MUTABLE|url|http://re.trotoys.com/article/rocanvas/^0|0|B|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<a href="http://re.trotoys.com/article/rocanvas/" rel="nofollow">RoCanvas.js</a>

Creates interactive drawing board that lets users draw on your site (can be useful for avatars, or much better for colaborative projects, learning etc

I'm looking for javascript libraries that helps with HTML5 development.

Please only post one library per answer, and don't forget to describe it.

HTML5 javascript libraries

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我正在寻找对HTML5开发有帮助的javascript库。请在每个答案上只发布一个库，并且不要忘记描述它。

问HTML5 javascript库
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5 javascript库EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5 javascript库
EN