资讯专栏INFORMATION COLUMN

15个提高编程技巧的JavaScript工具

LiangJ / 1056人阅读

摘要:官方网站是一组庞大的工具,几乎任何相关文件都可以处理。该工具是独立的,并配有类可处理服务器端的操作。官方网站是一个独立的延迟加载的图像工具。

JavaScript脚本库是一个预先用JavaScript语言写好的库,它方便了我们开发基于JavaScript的应用程序,特别适合AJAX和其他一些以Web为中心的技术。JavaScript主要用于编写嵌入或者包含在HTML页面的函数,从而实现DOM之间的交互。

这篇文章收集了15个可用于提高编程技巧的JavaScript工具,助你轻松快速完成工作。下面的这些JavaScript工具能让你管理Javascript状态、压缩JavaScript代码、重构脚本代码结构等等。真诚地希望以下这些工具能对你有用。并且如果你还知道其他的JavaScript工具,欢迎不吝赐教。

1. JavaScript State Manager

JavaScript State Manager是一种轻量级的、易于使用的状态管理器,主要用于响应式网站。它不需要任何的JavaScript框架。你可以定义断点将运行在当前断点的JavaScript代码打包在一起。

官方网站:http://www.simplestatemanager.com/

2. jsMini

如果你想快速、轻松地压缩JavaScript或jQuery文件,那么可以使用jsMini。只需复制粘贴源代码,选择是否要基本或完全压缩,然后就ok了。

官方网站:http://www.jsmini.com/

3. CountUp.js

CountUp.js是一个独立的、轻量级的JavaScript类库,可用于快速创建一个有意思的显示数值数据的动画。从字面上看,CountUp还能根据你传递的startVal和dendVal参数计数两者中的任意方向。Bower和.json文件的组件都包含在内,以及CoffeeScript版本。

官方网站:http://inorganik.github.io/countUp.js/

4.Grasp

Grasp能让你搜索、替换和重构基于代码结构的JavaScript,而不是纯文本。它比标准搜索和替换的功能更强大,能让你更加轻松地重构你的代码。

官方网站:http://graspjs.com/

5. Gulp.js

Gulp.js是一个流构建系统。它利用流和代码配置的方法使得出来一个更为简单直观的构建。通过优先代码过度配置,Gulp使得简单的事情继续简单,而复杂的任务则可管理化。

官方网站:http://gulpjs.com/

6.Orcrad.js

Ocrad.js是一个简单的OCR程序,可以将图像转化成文字。这是一个Ocrad项目的纯JavaScript版本,大概1M左右,并不需要太多的培训过程。

官方网站:http://antimatter15.github.io/ocrad.js/demo.html

7. Headroom.js

Headroom.js是一个轻量级的,高性能的JS部件(无依赖性!),可以允许你应对用户的滚动要求。向下滚动的时候上面的头部渐渐滑出我们的视线,而向上滚动的时候又会回来。 Headroom.js允许你设置元素出现的适当时间,其他时候则将焦点放在内容上。使用headroom.js也非常简单。它有一个纯JS的API,以及可选的兼容性的jQuery/Zepto和AngularJS插件。

官方网站:http://wicky.nillia.ms/headroom.js/

8. JIKO

JIKO是一个现代化的,易于使用的面向Javascript的模板引擎。其目标是提供JavaScript程序员一种如Jinja和Mako一样强大的服务器端状态的美术模板引擎。

官方网站:http://jiko.neoname.eu/

9. FileAPI

FileAPI是一组庞大的JavaScript工具,几乎任何相关文件都可以处理。它提供了文件上传(单一/多个)的功能并支持拖放操作、图像裁剪、调整大小、套用筛选、获取文件信息等等。该工具是独立的,并配有PHP类可处理服务器端的操作。此外,如果浏览器不支持JavaScript文件上传和摄像头,它将自动退回到Flash模式,并且详细地记录下来。

官方网站:http://mailru.github.io/FileAPI/

10.Object Playground

Object Playground是一个面向JavaScript对象的可视化和实验性的工具。在浏览器中使用,并且非常简单。

官方网站:http://www.objectplayground.com/

11. Echo.js

Echo是一个独立的JavaScript延迟加载的图像工具。Echo的速度很快,使用的是HTML5数据——*属性。IE8+上面皆可使用。Echo.js可以非常简单地实现图片延迟加载功能,同时它非常小巧,压缩后才1KB(没有使用jQuery/Zepto等脚本库)。

延迟加载指的是只有当真正需要数据的时候,才执行数据加载操作,才需要从服务器动态请求数据,并且自动改变图片的src属性。这也是一种异步方法。

官方网站:http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/

12. jsComplexity

想知道你的JavaScript代码真的有那么复杂吗?通过Analysisand运行你就可以亲眼目睹。代码越复杂,错误的概率就越大。所以你要做的就是简化你的代码,以便尽可能地提高其性能和可靠性。

官方网站:http://jscomplexity.org/

13. Chance.js

Chance是一种最简单的随机字符串、数字等的生成程序,特别有助于减少编写自动化测试或者其他任何需要随机数据时千篇一律的单调性。Chance是一款开源软件,基于MIT开源协议。并且Chance是装载在网站上的,这样你只需要打开浏览器上面的控制台就可以了!

官方网站:http://chancejs.com/

14. Bookmarkfiy

使用Bookmarkify创建自己的书签工具超级简单。只需要命名书签,进入JavaScript,选择它,就可以开始你的互联网之旅了。

官方网站:http://bookmarkify.it/

15.David

David是一款节点管理工具,可以将这款工具嵌入到你的网站中。

官方网站:https://david-dm.org/

译文链接:http://www.codeceo.com/article/15-javascript-tools.html

英文原文:15 JavaScript Tools to Improve Your Coding Skills

翻译作者:码农网 – 小峰

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91474.html

相关文章

  • JavaScript 函数式编程到底是

    摘要:函数是一等公民。其实闭包本身也是函数式编程的一个应用。劣势不能算是严格意义上的函数式语言,很多函数式编程的特性并没有。 随着大前端时代的到来,在产品开发过程中,前端所占业务比重越来越大、交互越来越重。传统的老夫拿起JQuery就是一把梭应付当下重交互页面已经十分乏力。于是乎有了Angular,React,Vue这些现代框架。 但随之而来的还有大量的新知识新名词,如MVC,MVVM,Fl...

    denson 评论0 收藏0
  • JavaScript 函数式编程到底是

    摘要:函数是一等公民。其实闭包本身也是函数式编程的一个应用。劣势不能算是严格意义上的函数式语言,很多函数式编程的特性并没有。 随着大前端时代的到来,在产品开发过程中,前端所占业务比重越来越大、交互越来越重。传统的老夫拿起JQuery就是一把梭应付当下重交互页面已经十分乏力。于是乎有了Angular,React,Vue这些现代框架。 但随之而来的还有大量的新知识新名词,如MVC,MVVM,Fl...

    Aomine 评论0 收藏0
  • 年薪高达115万元,Rust成2021年最赚钱编程语言

    摘要:薪水超过万美元的最高薪工作集中在加利福尼亚占该州受访者的和马萨诸塞州。女性平均工资为万美元,是男性平均工资万美元的。开发人员平均薪资最高如果按照不同编程语言的薪酬划分。薪水最高的是,达到万美元,紧随其后的是分别是万美元万美元万美元。 ...

    tomener 评论0 收藏0
  • OneAPM大讲堂 | 提高JavaScript性能30技巧

    摘要:技巧评估局部变量主要针对而言,由于局部变量的查找是从最特定作用域到最大作用域,且可以通过多个域层级,所以这种查找会导致查询到通用的结果。 文章系国内领先的 ITOM 管理平台供应商 OneAPM 编译呈现。 您是网站管理员还是网页开发人员?想创建超快速的网站吗? 今天我们来看看 JavaScript,这项神奇而又复杂的技术。它使网站内容更加丰富,但常常出现的运行性能问题又降低了用户的体...

    harryhappy 评论0 收藏0
  • 7月份前端资源分享

    摘要:更多资源请文章转自月份前端资源分享的作用数组元素随机化排序算法实现学习笔记数组随机排序个变态题解析上个变态题解析下中的数字前端开发笔记本过目不忘正则表达式聊一聊前端存储那些事儿一键分享到各种写给刚入门的前端工程师的前后端交互指南物联网世界的 更多资源请Star:https://github.com/maidishike... 文章转自:https://github.com/jsfr...

    pingan8787 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<