资讯频道 → 编程语言
阅读更多

3顶
0踩

编程语言

转载新闻 15个提高编程技巧的JavaScript工具

2015-01-13 10:27 by 正式编辑 cao345657340 评论(2) 有5330人浏览
javascript 编程
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/
  • 大小: 50.1 KB
  • 大小: 92.6 KB
  • 大小: 64.7 KB
  • 大小: 45.4 KB
  • 大小: 25.1 KB
  • 大小: 64.9 KB
  • 大小: 52.1 KB
  • 大小: 53 KB
  • 大小: 26.7 KB
  • 大小: 48.2 KB
  • 大小: 57.5 KB
  • 大小: 21.7 KB
  • 大小: 64.7 KB
  • 大小: 38.9 KB
  • 大小: 36 KB
来自: 码农网
3
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 lenjey 2015-01-19 14:04
dsjt 写道
几万行纯代码的JS都用什么工具构建和管理？？？
管理JS类文件之间的依赖，分割、合并js文件

试试grunt
1 楼 dsjt 2015-01-13 20:49
几万行纯代码的JS都用什么工具构建和管理？？？
管理JS类文件之间的依赖，分割、合并js文件

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 提高代码效率的 20 个JavaScript 技巧和窍门

    减少代码行数并加快开发工作速度的便捷实用技术！ 1. 声明和初始化数组 2. 找出总和、最小值和最大值 3. 对字符串、数字或对象数组进行排序 4. 从数组中过滤出虚假值 ...17. 将十进制转换为二进制或十六进制

  • C/C++编程工具及实用小软件推荐

    本文详细介绍C/C++常用开发工具Visual Studio和QT Creater、代码查看编辑工具Visual Studio Code和Source Insight，以及两个实用小工具Notepad++和Everthing。

  • Maintainable JavaScript

    而本书内容正是讲述如何在团队协作中保持高效的编码，这些最佳实践包括代码风格、编程技巧以及自动化。你将学习到如何写出具有高可维护性的代码，团队任何人都可以轻松的理解、适应和对你的代码做扩展。本书作者是...

  • 高性能JavaScript编程（中英文）

    Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧，来帮助你编写更为高效和快速的代码。你还会了解到构建和部署文件到生产环境的最佳实践，以及有助于定位线上问题的工具。

  • 6 个用于颜色生成的 JavaScript 工具

    在这里，您会发现为语义和口音选择的十个调色板。在未来的更新中，有一个部分是为中性和覆盖保留的。 OSCS 还提供了指向工具ColorBox的链接，您可以在其中创建自定义调色板。这是一个相当容易理解的工具。 左侧有一...

  • 开设星球 Python量化场景编程技巧与方法，配套学习股票量化分析工具QTYX

    通知通知随着量化分析工具QTYX功能地不断更新和升级，使用到了很多Python及第三方库的编程技巧和方法。为了帮助大家更好地进阶量化交易，熟悉量化分析工具的代码实现，也能更得心应手地去编写...

  • 高性能JavaScript编程

    Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧，来帮助你编写更为高效和快速的代码。你还会了解到构建和部署文件到生产环境的最佳实践，以及有助于定位线上问题的工具。

  • 《JavaScript函数式编程思想》——从面向对象到函数式编程

    假如本书的写作时间倒退回十年前，书名可能会变成JavaScript面向对象编程思想。自上世纪90年代兴起的面向对象编程思想随Java的繁荣达于顶点，在JavaScript从一门只被用来编写零星的简单的表单验证代码的玩具语言变成...

  • 7个处理JavaScript值为undefined的技巧

    我刚刚开始学习JavaScript时，大约是八年前，当时我对于undefined 和 null 比较困惑 ，因为他们都表示空值。他们有什么明确的区别吗？他们似乎都可以定义一个空值，而且 ...

  • 加快JavaScript代码执行速度的8个基本技巧

    在StackOverflow调查中 ，JavaScript已连续第七年成为全球最受欢迎的语言。 随着JavaScript的日益普及，很明显，它是用于编码前端应用程序的最常用的语言。 有趣的是，如果网站内容在两秒钟内未加载，网站访问者就会...

  • 用 JavaScript 实现寻路算法 —— 编程训练

    在我们的这个练习里面我们会制造一张 100 x 100 个格子的地图，并且在上面绘制我们的从起点到终点的路径。

  • js_tricks_and_tips:JavaScript 技巧和窍门

    Survive JavaScript - Web 开发人员指南 您是否曾经对 JavaScript 感到迷茫或觉得您的技能可以使用一些锐化？ 如果是这样，您找到了正确的地方！ 在本指南中，我将通过一些岩石点，并为您提供克服它们所需的工具。 ...

  • 编程开发工具该如何选择

    编程开发工具该如何选择 相信肯定还是会有人不懂什么是编程，很多没有接触过它的人想到的是电影里黑客快速敲击着键盘，黑色屏幕上滚动着彩色神秘代码的画面。当然这只是编程的一种艺术表现形式，那么真正的编程是...

  • 高性能JavaScript 编程pdf电子书（中英文对译）

    Zakas和其他五位JavaScript专家介绍了页面代码加载的最佳方法和编程技巧，来帮助你编写更为高效和快速的代码。你还会了解到构建和部署文件到生产环境的最佳实践，以及有助于定位线上问题的工具。

  • JavaScript 开发的 45 个经典技巧

    1 前言JavaScript 是一种直译式脚本语言，也是一种动态类型、弱类型、基于原型的语言。...现在，JavaScript 已经成为了当今使用最为广泛、最受欢迎的语言之一，多了解一些 JavaScript 的使用技巧，当然是有益无

  • 【好书推荐】JavaScript Es8 函数式编程实践入门

    ● 探讨函数式编程的概念，如字符串填充和异步函数● 解析如何在JavaScript中处理函数● 创建一个函数库来模拟underscore.js● 深入探讨ES8的新特性，如扩展运算符和Generator● 遵循函数范式，创建一个工作方式类似...

  • 发掘JavaScript潜力：掌握高级技巧，成为JavaScript编程大师！

    在本文中，我们将分享一些高级的JavaScript技巧，希望帮助CSDN的小伙伴更好地理解和掌握JavaScript编程。在本文中，我们介绍了一些JavaScript的高级知识点，如高级数据结构和算法、函数式编程、异步编程和面向对象...

  • 家庭支出与收入数据数据集，根据人口统计和地理指标进行了分类，加拿大为例，适用于数据分析、机器学习

    这个数据集提供了2010年至2021年间加拿大各省的家庭支出与收入数据，这些数据根据人口统计和地理指标进行了分类。每行代表了年份（REF_DATE）、省份（GEO）以及编码后的支出或收入类型的唯一组合（COORDINATE）。以下是该数据集的关键特点及包含的列信息： 关键特点： 支出数据：家庭支出按照收入五分位数和支出类别进行分类。 收入数据：家庭收入值根据家庭类型、较年长成年人的年龄组别和收入水平细分。 地理位置匿名化：为了保护隐私，原始的地理位置标识符被替换为如“Province 1”这样的标签。 时间序列：涵盖了超过十年的财务数据（2010–2021），适合用于纵向经济和社会趋势分析。 包含的列： REF_DATE：记录年份（2010–2021） GEO：省份标签（例如，“Province 1”） Statistic：度量类型（例如，平均家庭支出） Before-tax household income quintile：税前家庭收入水平分组 Household expenditures, summary-level categories：支出类别 UOM：计量单位 COORD

  • 【锂电池剩余寿命预测】GRU门控循环单元锂电池剩余寿命预测（Matlab完整源码和数据）

    1.【锂电池剩余寿命预测】GRU门控循环单元锂电池剩余寿命预测（Matlab完整源码和数据） 2.数据集：NASA数据集，已经处理好，B0005电池训练、测试； 3.环境准备：Matlab2023b，可读性强； 4.模型描述：GRU门控循环单元在各种各样的问题上表现非常出色，现在被广泛使用。 5.领域描述：近年来，随着锂离子电池的能量密度、功率密度逐渐提升，其安全性能与剩余使用寿命预测变得愈发重要。本代码实现了GRU门控循环单元在该领域的应用。 6.作者介绍：机器学习之心，博客专家认证，机器学习领域创作者，2023博客之星TOP50，主做机器学习和深度学习时序、回归、分类、聚类和降维等程序设计和案例分析，文章底部有博主联系方式。从事Matlab、Python算法仿真工作8年，更多仿真源码、数据集定制私信。

Global site tag (gtag.js) - Google Analytics