10 款强大的JavaScript图表图形插件推荐

网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器和精密的计算使呈现实时数据变得容易,而且各种向量绘图技术像VML、SVG和Canvas的发展也使之成为可能。

本文推荐10款强大的绘制图表图形的JavaScript插件。其中一些插件需要主流浏览器的支持,而另外一些经过整合后,也能在不同的平台和老版本的浏览器上工作。有些工具是独立的框架,大部分支持常规的功能:条形图、线形图、饼形图,有的还可以生成更复杂的图表:关联图、维恩图、热区图、Newick树图、二维散点图、二维气泡图、三维散点图。

1. Humble Finance

这是一个非常好用的HTML5数据可视化工具,与Flash工具颇为相似。基于JavaScript,利用了Prototype 和 Flotr 库,可用于显示两组实时二维数据。

 

 

 

 

 

2. (更多…)

10 Awesome Javascript Plugins For Plotting Charts and Graphs

A plethora of amazing free Javascript plugins for plotting charts and graphs are now present online. Many good charting libraries are available. The rapid increase in the availability of this kind of plugins is because of the fact that people are no longer dependant on Flash. Modern browsers and sophisticated computing has made it easy to render live data. Advancement in various vector drawing technologies (更多…)

前端开发利器-WebStorm

最近同事推荐了一一款前端开发工具webstorm,使用了一下,便深深被吸引住了,抛弃以前一直使用的editplus,改用webstorm。花费一下午时间简单翻译了下官方文档上的特性说明。

HTML/HTML5/CSS

1.支持标签,自动闭合标签,数据源提示(如下图),id检测

wps_clip_image-20755

2.支持html5标签

3.代码检测功能

wps_clip_image-10511

4.代码优化提示功能

wps_clip_image-28323

5.zen 编码风格 例如输入div.feature>h4+p 再按tab建就会自动生成下面代码

6.显示当前元素的样式 点击右键选择下列菜单 效果如下

wps_clip_image-8448

wps_clip_image-32139

JavaScript

1.代码提示功能

wps_clip_image-22072

2.代码本地化及查找功能,以及高亮显示相关使用地方

wps_clip_image-26038

3.联动修改 例如tabs.js里定义了Downtabs 用户可以通过右键refactors来执行相应操作,重命名、移动、拷贝、安全删除、扩展类、直接引入代码(inline 不知道怎么表达) 如下图效果:

wps_clip_image-32093

wps_clip_image-27637

此时在extract中选择refactor->inline会生成如下代码:

wps_clip_image-10166

4.javascript调试功能在火狐中

5.支持框架jquery、yui、prototype、dojo、mootools、qooxdoo、bindows

还有很多很多的优点,例如代码格式化、体积小、自动保存、编辑后浏览器浏览缺点,目前发现的就一点不太好,自动生成idea文件夹,影响svn版本号

6.常用的webstorm快捷键

IntelliJ-Idea (更多…)

15 Awesome Free JavaScript Charts

Plotting your data can serve as a replacement to tabular data, and is also a great way to add practical graphics to your web page or application. There are many ways you can plot data, but here I have included 15 Awesome Free JavaScript Charts In Your Sites/Blog Pages which serves as a easy Charting solution. Hope you like it.

RGraph: HTML5 & Javascript charts for your website

rgraph-chart

RGraph is a charts (更多…)

10款优秀的HTML5开发工具推荐

HTML5发展如火如荼,随着各大浏览器对HTML5技术支持的不断完善以及HTML5技术的不断成熟,未来HTML5必将改变我们创建Web应用程序的方式。今天这篇文章向大家推荐10款优秀的HTML5开发工具,帮助你更高效的编写HTML5应用。

1.Initializr

4721_36142

Initializr是制作HTML5网站最好的入门辅助工具,你可以使用提供的特色模板快速生成网站,也可以自定义,Initializr会为你生成代码简洁的可定制的网页模板。

2.HTML5demos

4722_fb712

想知道你的浏览器是否支持HTML5 Canvas吗?想知道Safari是否可以运行简单的HTML5聊天客户端吗?HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持。

3.HTML5 Tracker

4723_af073

想了解HTML5的最新动向吗?使用HTML5 Tracker吧,它可以跟踪HTML5最新修订信息。

4.HTML5 visual cheat sheet

4724_eab4f

想要快速超找一个标签或者属性吗?看看这个非常酷的速查手册吧,每个Web开发人员的必备。

5.Switch To HTML5

4725_97be6

Switch To HTML5是一个基础而有效模板生成工具。如果你开始一个新项目,可以到这里获取免费的HTML5网站模板。

6.Cross browser HTML5 forms

4726_93239

HTML5中的日历,取色板,滑块部件等都是非常棒工具,但是有些浏览器不支持。这个页面将帮助你构建完美的HTML5表单兼容方案。

7.HTML5 Test

4727_d8c2a

你浏览器准备好迎接HTML5革命了吗?HTML5 Test将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。

8.HTML5 Canvas cheat sheet

4728_bf9f0

Canvas元素是HTML5最重要的元素之一,它可以在网页中绘制图形,非常强大。这是一个Canvas元素的详细速查手册。

9.Lime JS

4729_969b5

LimeJS是一个HTML5游戏开发框架,用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒,一定要用用试试。

10.HTML5 Reset

4730_793b7

HTML5 Reset是一组文件,包括HTML、CSS等,用于在开始新项目的时候帮助你节省时间,提供HTML5的空白WordPress模板。

HTML5 Canvas Graphing Solutions Every Web Developers Must Know

Canvas element as part of HTML5 has been creating a buzz all throughout the web standards community since its introduction, mainly because there are underlying question regarding its capability to change the
future of the web. But for some, it is an opportunity to them to start already on experimenting and developing a application that is based on HTML5.

HTML5 Canvas elements provide an important (更多…)

10 个免费的 C/C++ 集成开发环境

集成开发环境(IDE)可以给程序员提供很大的帮助。大多数的IDE包含编译器和解释器。例如微软的 Visual Studio 本身内置的编译器和解释就是很好的例子,Eclipse 是另一个很好的例子。鼓励程序员使用IDE的主要原因是开发软件应用程序的各个组成部分之间可方便的进行切换。

一般一个特定的IDE是负责处理一种编程语言,但也有一些支持多种编程语言的 IDE,例如 NetBeans,Microsoft Visual Studio,MyEclipse,WinDev和Xcode等等。IDE 的宗旨是提供了一个强大和易于使用的用于创作,修改,编译,部署,调试软件,并增加开发人员的生产力的环境。

今天,我们将为程序员分享一些最好的C和C++的免费IDE。
1) Codeblocks
Code::Blocks (codeblocks)是一个开源、免费、跨平台的c++ IDE。官方网站上称其能满足最苛刻的用户的需求。虽有点夸张,但既然敢这样说,也说明它的功能肯定不差。可扩展插件,有插件向导功能,让你很方便的创建 (更多…)

100个常用的VIM命令

Basics

 

:e filename Open filename for edition
:w Save file
:q Exit Vim
:w! Exit Vim without saving

Search

 

/word Search word from top to bottom
?word Search word from bottom to top
/jo[ha]n Search john or joan
/\< the Search the, theatre or then
/the\> Search the or breathe
/\< the\> Search the
/\< ¦.\> Search (更多…)

适合写作业时听的歌❀。(高效学习)

音乐中60拍的高频音乐,这种音乐学习可以让你:
1、快速完成作业,学习速度将提高2—10倍;
2、大脑充满活力,思维敏捷,常有灵感出现;
3、延长注意力集中的时间,提升理解能力;
4、进入最佳的学习状态,沉浸在学习的快乐之中;
5、缓解学习压力增强体质,激发创造力。
二、超级记忆音乐
这是巴洛克音乐中60拍的非高频音乐,在这种音乐中进行理解、思考、背诵可以让你:
1、头脑聪明,记忆力提高5-10倍,充分开发记忆潜能;
2、轻轻松松记忆大量内容;
3、巩固记忆效果,使学习过的内容保持长期不忘;
4、注意力更集中,有效排除外界干扰;
5、心情轻松应考,超常发挥,获得高分。
三、适用对象
1、在校大、中、小学生、研究生、成人高考、自考和职称考级人员;
2、需要大量记忆背诵外语单词、课文者;
3、需要背诵记忆文理科复习题、法律条文、竞赛题者及准备应付各种考试的人员;
4、需要记忆大量汉字的儿童;
5、需要记忆符号、图表、密码、字根等各界人士;
6、需要改善提高记忆力的中、老年朋友。
四、注意事项
本音乐在作背景音乐时,音量在30-40分贝左右,隐隐约约即可。

其实呢,并不是如上所说的巴洛克时期的音乐才有这神奇的效果,不同的音乐可以达到不同的效果,不同性格的人需要不同的音乐。下面给大家推荐一些很好的音乐。(QQ音乐中都可以搜索得到)

数学:学习数学需要的是内心的平静但不时的也需要灵感的涌流,所以推荐一些既安静又不失趣味的歌曲.全部都是无歌词的歌曲,毫无疑问歌词会影响到我们的几何或逻辑思维.

1.Summer-久石让   (更多…)