11个实用的JavaScript开发相关工具

1. Countable.js

Countable is a tiny and standalone JavaScript function that brings the ability to count all three. It works very straightforward and has the option to count the inputs with stripping HTML tags.

Converse. Js

Converse.js is an open source chat application that can connect to any XMPP/Jabber server (like Google Talk, Skype, etc.). It sits in the footer of web pages just like 非死book-chat and has support for one-to-one or multi-user conversations. Contact requests can be accepted/declined, statuses can be set (online, away..) and there are “typing” notifications to inform the “listening” users.

3. Hitch

Hitch is a small (5.5k gzipped) JavaScript prollyfill engine which provides an extension model for CSS and HTML. Including Hitch in your page lets you import and use features like CSS selectors that have only been proposed or HTML widgetry based on an earlier Web Components proposal (simple microformats which provide an easy uplift to real native when you decide to do so). With Hitch, it is up to you (the author of the page/stylesheet) to determine which features you need, not the user’s particular browser.

4. JS Hint

JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team’s coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in. The goal is to help JavaScript developers write complex programs without worrying about typos and language gotchas.

5. Sequel.Js

Squel.js, a lightweight JavaScript library, helps building SQL query strings very easily through an object oriented API. It works both on the browser (not advised as the queries will be visible to all) + with
nodejs and supports all standard SQL queries (can be customized to support non-standard queries).

6. Responsive Nav

Responsive-Nav, a JavaScript plugin, simplifies creating such responsive menus with a lightweight footprint (1.6kb minified-gzipped). It makes use of touch events and CSS3 transitions for a great performance and works on screen readers + with a JavaScript-disabled state. Also, the plugin is standalone and has callbacks for the init, open and close events.

7. amMap

amMap is a tool that you can use to easily add interactive map functionality to your web pages and JavaScript-based applications. You can use this tool to show locations of your offices, routes of your journeys, create your distributor map, etc. Photos or illustrations can be used as layers and backgrounds of maps, so you can make different presentations, e-learning tools and more.

8. Grunt : JavaScript Task Runner

Grunt is a task-based command line build tool for JavaScript projects. It has the following predefined tasks that you can use in your project: Concatenate files, Validate files with JSHint, Minify files with UglifyJS, Run unit tests with node unit and etc. In addition to the built-in tasks, you can create your own tasks. Don’t like a built-in task’s default behavior? Override it.

9. Candy : JavaScript Powered Chat App

Candy is an open source chat application that is built with JavaScript and makes use of Jabber (XMPP) for real-time communication. It has support for multiple rooms, users can be active in any number of rooms, chat publicly or privately and perform all of these in a good-looking, tabbed interface.

10. Roole

Roole is another alternative that is inspired from SASS, LESS + Stylus and only requires JavaScript to work. It has vendor-prefixing built-in so there is no need to use them, supports variables + conditional logic and allows us to define the format we want to code CSS. Roole can work both on the client or server-side (nodejs) and it is documented well.

11. Radi

Radi is a complete visual design application targeting web with 100% standard and human-readable HTML + JavaScript code. It has built-in tools for creating/editing graphics (they can be imported too) and generating animations with canvas output that work in all modern browsers including mobile. There are ready-to-use filters + effects and you can always add your own code to create more customized stuff.