文将推荐七大生产力工具来帮助程序员充分利用JavaScript,并使整个过程更轻松。在现实世界中,JavaScript是最常用和使用最广泛的编程语言之一。这些JS开发工具不仅为程序员提供了更多可能,还可以帮助他们进行调试,并为HTML5提供重要支持。
这些工具在几年前并不常见,但现在每个程序员都习惯使用Javascript编程工具来开发或编程。这个工具包可以为开发人员提供非常有用的帮助,因为它可以轻松地编写和执行代码,并找到代码中的问题。
jQuery UI
借助jQuery UI,程序员可以为多个网站应用程序设计自定义用户界面,还可以减少为不同互动特征和网站小部件编写的代码量。 jQuery UI包含多个保持状态的窗口小部件,因此与通常的jQuery插件相比具有更加独特的使用数组。所有jQuery UI的小部件都具有相似的模式,因此只要掌握了其中一个,就可以了解全部。
Express JS
Express.js是一个基本框架,允许程序员在Node.js的帮助下开发网站应用程序。它具有非常高的灵活性,对于程序员来说,它是一个高度响应和可靠的开发框架。Express JS非常稳定、具体,程序员可轻松使用。快速JS的一些功能使得它对程序员来说是独一无二的,非常优先。Express JS主要特征之一是允许程序员以非常可达的方式创建API,同时还提供了一个URL路由器。
Bytescout
使用Bytescout PDF generator SDK,程序员可以创建有丰富图像和文本的客户端PDF代码。该工具有许多可供任何级别开发人员使用的选项,你可以轻松地从画布或URL添加图像,绘制符号,线条以及设置页面方向,旋转等。
Jx
Jx是用于开发用户图形界面的JavaScript库。Jx有助于向JavaScript提供AJAX支持。它公开地支持GET和POST方法。纯文本和JSON是Jx两种主要支持的返回类型。在GET方法的帮助下,用户可以将数据传输到服务器端脚本。GET方法的一个例子是url.php?.连接解锁后,POST方法将传输数据。
GET方法的语法:
GET方法的示例:
WaveMaker
WaveMaker是一款开源软件,可用于开发任何类型的网站应用程序,并且有助于部署这些应用程序。新开发的网站应用程序可以通过WaveMaker运行,它也有助于API开发。在WaveMaker的帮助下,开发人员可以减少开发应用程序时可能发生的浪费,并以更快的速度交付产品。由于WaveMaker允许开发人员立即创建应用程序,并且使他们有机会立即进行测试,可能的错误和故障将被完全消除。
JSDoc Toolkit
JSDoc Toolkit帮助开发人员轻松地记录其代码。所有用JavaScript编写的代码都可以在JSDoc Toolkit的帮助下轻松记录。由具有独特编码风格的不同开发人员开发的大规模应用程序可以通过JSDoc Toolkit轻松管理。
JSDOC工具包的语法:
JSDOC工具包的一个例子:
该代码可以输入任何JavaScript,不需要任何单独的文件。
Firebug
Firebug被认为是用于前端调试的最佳Javascript编程工具之一。它有能力在代码中设置分区,以便开发人员可以方便地浏览代码。对于在Mozilla浏览器外工作的开发人员,建议使用Firebug Lite。Firebug Lite本身就是一个JavaScript库,允许开发人员将其数据库包含在网页中,以便可以使用Firebug的某些功能。
所有使用JavaScript编写的命令都可以被Firebug命令行轻易接受。一旦输入了JavaScript命令,每个命令的结果都会以超链接的形式出现在控制台中。有与Firebug应用程序相关联的多个窗口,并且每个窗口显示应用程序的不同功能。它还让开发人员看到单个文件的下载时间。它分解多种形式的对象,如JavaScript的文件和图像,并指出从浏览器缓存加载的文件。
TML 5已经成为Web开发者当中最流行的语言之一,“健壮的”语言有很大的生产优质万维网内容的能力。HTML 5在近三年的增长迅猛,新引入HTML 5的技术更加的优秀。HTML 5技术被现代浏览器所支持,如Chrome、Firefox、Internet Explorer等等。而今天,我们将为您推荐十个HTML 5动画工具,希望对您的工作有所帮助。
Mixeek是一款免费的软件工具,可用于设计和交互Web动画。该工具基于JavaScript、CSS和HTML 5。Mixeek是轻量级的、易于使用的,可替代付费动画工具。
Animatron是一款直观的设计与发布编辑软件。你可以使用Animatron来设计内容,如横幅、信息图表和创意动画(针对桌面电脑、移动设备以及任何你可以选择的设备)。
你可以使用Tumult Hype来创建美丽的HTML 5 Web内容。用其创建的内容是交互的并拥有伟大的动画功能。你可以在桌面、智能手机和iPad上使用这个框架,它不需要你有编码知识。
Mugeda是许多创作工具包、广告商和代理处的首选,来释放他们的创造力并创建最优质的媒体广告单元。该工具最知名的是它创建优质广告单元、横幅、插页式广告、可扩展和迷你游戏的能力。
HTML5 Maker常用于构建滑块、横幅以及用最小的努力创建令人印象深刻的图形。这个工具是免费的,它不要求你有任何特别的编程知识。
Hippo Studios是一个很好的平台,可以创建强大的动画、游戏、演示文稿、应用和多媒体网站。使用Hippo Studios创建的项目被大多数浏览器和设备支持。
Sencha Space是一个针对基于HTML和JavaScript应用的安全应用环境。该工具帮助组织简化了应用的开发、安全、维护以及部署到桌面、平板和智能手机。Sencha最出名的地方是它的安全性。
blysk是一款非常有用的动画工具。它为动画和Web设计提供了一个很好的平台,可以为网站和其他互联网项目构建直观的动画。
Radiapp是一款强大的工具,常用于创建运行时的视频和图形。它为现代网站提供实时的图形编辑界面。
Createjs是一个与HTML 5 Canvas元素工作的JavaScript库。最出名的地方是创建游戏、衍生艺术以及其他的图形工具。它为我们提供了伟大的图形经验。(编译:陈明)
原文来自:hidimba360
述 | 杨晓兵
编辑 | 伍杏玲
出品 | CSDN(ID:CSDNnews)
编者前记:
编译器是连接人类世界与机器世界之间的一座桥梁,它可将程序员理解的高级语言,转换成程序高效执行的机器码。在 C/C++ 编译器里,有 VC、Borland C++、GCC、Watcom C/C++ 等国外热门编译器,但属于国内自主研发的编译器较少。
毕竟开发一款实用的编译器不易,涉及前端词法、语法分析、语意分析、大量的编译优化等工作。而有一支团队,不惜花费十余年精力完全自主研发出一款 YC 编译器和 YC 浏览器内核。
为何他们不遗余力地自主研发编译器和浏览器内核?这款编译器有何优点呢?下面由 YC 编译器的主要作者之一——杨晓兵,来讲述这背后十多年来的漫漫研发路。
以下为杨晓兵自述:
初衷:“做一些对软件行业进步有帮助的东西”
十多年前,我在中国科学院电子学研究所工作,参与设计一些硬件电路。当时我对硬件的兴趣远超软件,后创业专门从事软件工作。
我在创业的过程中发现,做此类软件虽能赚钱,但无论做得怎样,对软件科学的进步都无丝毫作用。尽管付出很多,却无成就感。
操作系统、数据库、编译器以及浏览器内核是不需要特殊专业知识的、开发难度非常大、最基础的软件产品。
我想从这几种软件中选择其中一项来自主研发,虽然不能肯定做出什么成就,但我有希望能做出一些对软件行业进步有所帮助的东西,使自己不枉踏入软件这个行业。根据当时的情况,我发现可先从浏览器内核下手,于是我除了维护原有产品外,把主要精力都投入到浏览器的研发中。
创新将 C 代码内嵌到 HTML
两年后,我们研发完成浏览器内核的基本功能,如 HTML 的解析和显示、JavaScript 脚本的执行等。
此时,我们发现 HTML 的标准越来越复杂,导致开发难度越来越大,如果按照这样的发展,浏览器内核将无法走入市场。
于是我重新思考:如果把 C 语言处理成像 JavaScript 脚本嵌入到 HTML 中,用内嵌 C 代码的 HTML 超文本做软件的人机交互界面,这款内核应该会有点竞争优势。
于是我们花费两年半的时间将标准 C 语言以 JavaScript 相似的方式在 HTML 中执行,并扩展了一个 HTML 标签:<user>,每个 user 标签都可以用属性 src 指定一个 C 源码文件,user标签的显示界面和所有行为都由它的 C 代码决定。
同时将 C 编译器做成一个函数,用该函数编译生成 C 程序的可执行代码,执行代码可被存入文件或直接执行。此时,我们将编译器取名为 YC 编译器,浏览器内核取名为 YC 浏览器。
三年又三年,漫漫研发路
随后,我们继续完善浏览器内核,将其中的一些内核代码独立出来用内嵌编译器动态编译执行,并将大部分内核源代码开源。
与此同时,我们又遇到一个问题:YC 编译器虽然编译速度较快,生成的却是字节码,执行速度慢,而且与原生代码相互调用(特别是回调函数)的处理相当繁琐。因此用当时的 YC 编译器难以胜任开源代码的编译工作。
为了解决自编译浏览器内核代码的问题,我们决定修改 YC 编译器,使它的字节码转换为原生的执行码,并扩展语法,使之具有少量的 C++ 语法。这个工作持续了三年。
三年后,YC 编译器功能增多,它提供一个函数像调用动态链接库一样直接调用 C 源码中的函数。此时,浏览器内核开源部分都可以用 YC 编译器实时编译执行了。
我们继续改进浏览器内核,将速度很慢的 JavaScript 字节码改为二进制原生代码,使 JavaScript 的执行速度约提高约 100 多倍。同时将浏览器内核代码全部模块化并开源,每个模块都用 YC 编译器动态编译执行,编译器的部分源码也开源(如内嵌汇编编译器源码、反汇编源码、C/C++ 字节码的执行源码等),所有的开源代码均由内嵌的 YC 编译器自动检测编译,动态执行。这个工作大概耗时四年。
开发至此,我想起谷歌和火狐浏览器都已开源,为什么不去看看它们的源代码呢?于是找到这两个浏览器的源码。
当时由于一些原因,我分析谷歌浏览器源码没有编译通过,而火狐的源码很顺利就编译成功了,于是我就走上了分析火狐源码之路。
下载的火狐源码由纯 C 代码和 C++ 代码两部分组成,经 Visual C++ 2013 编译生成一个 xul.dll 文件和一个 firefox.exe 文件。
我首先分析了它的 C 代码,将所有的输出函数全部改为类接口,并让 xul.dll 通过 YC 编译器函数 YC_cppLoad 进行实时编译,然后用类接口调用 C 源码中的函数。这一步进行得很顺利,若修改了火狐的 C 代码,只要重新运行火狐浏览器便可生效,无需其它操作。
曾经的办公桌
接下来开始分析火狐 C++ 代码。YC 编译器只实现了少数几个 C++ 语法,不能编译火狐 C++ 代码,故分析起来非常困难。
为什么火狐 C 代码容易分析,而它的 C++ 代码难以分析呢?原来我用 YC 编译器将它的 C 代码生成汇编代码文件、变量结构定义文件、宏定义文件和预编译文件,通过这几个文件,大大减少了分析难度。
因此我再次决定修改 YC 编译器,使之完全支持 C++11 标准,因为火狐 C++ 代码几乎使用了所有的 C++11 语法特性。先使用 STL 标准模板库代码进行编译器的修改和调试,出乎预料,这个过程竟用了三年时间!之后,我用 YC++ 编译器开始调试火狐 C++ 代码。原以为 STL 那么复杂的代码都可以编译通过并正确执行,火狐 C++ 代码应该能很快就编译通过。没想到,很多语法细节 STL 没有用到,而火狐 C++ 源码用到了。于是又继续修改 YC 编译器,对火狐 C++ 的各个模块进行编译,这个过程持续了一年多。
虽然 YC 编译器可以编译全部火狐 C++ 代码,但如何生成执行代码呢?先从主程序 Firefox.cpp 入手,经整理,这个程序可用 YC 编译器生成执行代码 Firefox.exe,并能顺利运行。
由于火狐 C++ 各模块耦合紧密,很难拆分,经过一个多月的工作,仍未能将其拆成多个独立的源码模块以便于用 YC 编译器实时编译,动态执行,这也许是我对火狐 C++ 源码的整体结构还不甚清楚之故,只见其树木不见其森林。
杨晓兵
当我准备对火狐 C++ 代码进行再一次总体分析时,有个偶然的机会参与到一个学校管理系统的开发中,因原有的管理系统经常出故障,操作极其不方便。尽管没有开发 Web 服务程序的经历,但我做的软件与 Web 服务器有极大关系。
经了解,要开发这种管理系统需要的软件有:Apache 或 Nginx 服务器,数据库 MySQL 或其它,编程工具 ASP 或 JSP 或 PHP 等,于是启发我们自己研发这些工具。YC 的 C/C++ 和 JavaScript 编译器和 HTML 解析器正好派上用场。
经过一段时间,一个稳定的、可任意扩展的、多线程高并发的 HTTP 服务器就完成了。该服务器处理 YSP 文件生成网页传给浏览器。
YSP 是我设计的与 ASP、JSP 和 PHP 功能相似的一种网页编程语言。YC 服务器执行 YSP 文件中的内嵌 C/C++ 或 JavaScript 代码,生成 HTML 超文本传给终端设备。工具做好后,不久便做出了管理系统的雏形,这个雏形在发布的 YC 编译器中可见到。
做了上述这些工作后,我想是时候该写本书介绍一下 YC 编译器了,经过一段时间编写的《YC编译器—多语言程序设计》(暂名)即将出版。
当我把书完成后,便立即投入64位的C/C++和JavaScript编译器的开发,目前开发进展顺利,已进入测试阶段。
编者后记:
三年时间,可将一个呱呱落地的婴儿变成蹦蹦跳跳的幼儿,可将一名懵懂的职场新人变成沉稳的老兵。而杨晓兵团队沉下心,迎难而上,花费三年又三年、再一年、两年、四年的时间只为突破一个个技术难点,最终自研出 YC 编译器和 YC 浏览器内核。
在这过程中,杨晓兵坦言最大的挑战不仅是技术,还有思维的高度。这期间不仅有大量的研发工作,还为了优化,多次重写代码,让他坚持下来的是想为计算机软件科学的发展做贡献的匠心。
目前杨晓兵团队正在开发 64 位 C/C++ 编译器,谈及未来,杨晓兵表示先在国内推广,再走向海外。祝福杨晓兵。
YC编译器传送门:http://www.ycbro.com
*请认真填写需求信息,我们会在24小时内与您取得联系。