欢迎光临
我们一直在努力

前端开发工具大全

前端开发工具、函式库与参考文件,这些工具仅针对一般桌上型/笔记本电脑的显示环境为主 (不含平板或手机等行动版网页相关工具)。

程序代码编写工具 (Coding Tools)

工作流程/建置/组合 (Workflow/Builds/Assemblers)

lumbar

brunch

grunt

lineman

yeoman

Takeoff

mimosa

codeKit

liveReload

stealJS

anvil.js

modjs

AUTOMATON

Fire.app

浏览器套件管理员 (Browser Package Managers) (参见: Front-End Package Manager Comparison)

bower

component

ender

jam

CSS 基底样式/样板

normalize.css

CSS 框架 (参见: 框架比较 或 前端 CSS 框架)

foundation

bootstrap

HTML KickStart

kube

skeleton

baseline

gumby

Groundwork

topcoat

purecss

tuktuk

Metro UI CSS

workless

99lime

SUSY

HTML 基底结构/样板

HTML5 Boilerplate

Rock Hammer

html5bones

dCodes

操作 DOM 的相关函式库 (FYI: dojo, yui, ext, qooxdoo 都有自己的 DOM 工具)

jQuery

jQuery++

zepto

tire

mooTools

DOMAssistant

Enders The Jeesh

domReady

query

bonzo

bean

各式 JavaScript 辅助工具/函式库

lo-dash

lazy.js

string.js

boiler.js

underscore

underscore.string

sugar.js

craft.js

valentine

platform.js

modernizr

yepnope

JSON3

uri.js

moment.js

wait.js

Numeral.js

accounting.js

Upcast

taffydb

communist

键盘控制相关工具/函式库

keys.js

mousestrap

事件相关辅助工具/函式库 (mouse/touch/pointer)

pointer.js

thumbs.js

Hammer.js

Event.js

DeepTissue.js

CSS 关辅助工具/函式库

-prefix-free

CSScomb

模块与脚本加载工具/函式库 (参见: Javascript Loaders Comparison)

require.js

almond

cajon

browserify

curl

shepherd-js

UMD (Universal Module Definition)

UMD-inspired Module Boilerplate

Inject

volo

controlJS

JAL

yepnope

AXEL

lmd

LazyJS

JavaScript 模板引擎 (template chooser)

handlebars

pure

dust

transparency

plates

mustache

hogan.js

icanhaz

doT.js

underscore

mold

UI Widgets (comparison)

chico-ui

google closure

DHTMLX

extJS

kendoUI

qooxdoo

bootstrap components & javascript

Fuel UX

wijmo

YUI3 Widgets

dojo dijits

jQuery UI

Zino UI

JKIT

w2ui

basis.js

webix

测试执行工具 (Test Runners)

testem

Karma

intern

使用者自动化测试工具 (User Automated Testing)

casperJS

测试框架 (Testing Frameworks)

mocha

buster.js

qunit

jasmine

expect.js

其他测试函式库 (Assertion Libraries)

chai

should

expect

远程 DOM 与 JS 测试工具

browserstack

browserling/testling

selenium

JS test driver

JavaScript 效能检测工具 (JS Performance Testing)

benchmark.js

jsPerf — JavaScript performance playground

JavaScript 自动化文件工具 (JS Auto Documentation Tools)

yuiDoc

docco

docco-husky

jsduck

jsdoc

node-jsdoc-toolkit

dox

markdox

CSS 自动化文件工具 (CSS Auto Documentation Tools)

kss

styledocco/

JavaScript 程序代码质量验证工具 (JS Quality Validators)

jslint

jshint

JSLint Error Explanations

jscomplexity

CSS 质量验证工具 (CSS Quality Validators)

csslint

recess

HTML 质量验证工具 (HTML Quality Validators)

html-inspector

JavaScript 优化/最小化/压缩工具 (JS Optimizer/Minification/Compression Tools)

google closure compiler

uglifyJS

Esprima

CSS 优化/最小化/压缩工具 (CSS Optimizer/Minification/Compression Tools)

ycssmin

CSSO

CSS 预处理器 (Languages Compiling to CSS)

Sass

compass

inuit.css

Bourbon: Mixins library for Sass

Neat: Semantic CSS grid framework

stylus

nib

less

LESS Elements: Mixins library for LESS

Semantic.gs: Semantic CSS grid system

JavaScript 预处理器 (Languages Compiling to JS) (http://altjs.org/)

coffeeScript

dart

roy

ClojureScript

TypeScript

HTML 预处理器 (Languages Compiling to HTML)

jade

haml

markdown

slim

纯前端应用程序框架 (Front End Application Structure) (somewhat backend agnostic)

backbone

marionette

chaplin

aura

thorax

ember

knockout

canjs

spine

angularJS

ngmodules.org

maria

sparky.js

hoodie

lure.js

包含后端技术的前端应用程序框架 (Front End Application Structure) (with backend opinions)

derby (requires NodeJS)

flatiron (requires NodeJS)

batman.js (requires NodeJS)

jsMVC (requires Java)

montage (requires NodeJS)

整合式应用程序框架 (Full Stack Application Structure/Frameworks)

tower.js (requires NodeJS)

wakanda

meteor

前端 JavaScript 框架 (Frontend JavaScript Frameworks) (aka Kitchen Sink Solutions, tools below provide a mixture of the things above)

YUI3

dojo

extJS

qooxdoo

google closure

参考数据/教学手册/兼容性套件/程序产生器等相关工具 (Reference/Guide/Polyfill/Generator Tools)

文件翻阅工具

DevDocs — API Documentation Reader

DocHub | Instant Documentation Search

浏览器兼容性工具/文件 (Browser X Supports X)

http://caniuse.com/

http://html5please.com/

http://html5readiness.com/

html5test.com

http://www.browsersupport.net/

http://css3test.com/

Browserscope

HTML5 & CSS3 Support

CSS4-Selectors

HTML5 – Information and samples for HTML5 and related APIs

CSS3 – Information and samples

JavaScript tests & Compatibility tables

Cross Browser Handbook Knowledgebase

JS-Compatibility-Table

webbrowsercompatibility

HTML 语言参考 & 兼容性工具 (HTML Language References & Polyfills)

HTML5 A technical specification for Web developers

HTML Living Standard

HTML5 A vocabulary and associated APIs for HTML and XHTML

HTML 5 Reference A Web Developer’s Guide to HTML 5

HyperText Markup Language (HTML), from Mozilla

HTML5 differences from HTML4

html5shiv

html5.js

HTML5 相关规格/参考数据与兼容性套件 (HTML5 & Friends Specs/Ref & Polyfills)

webbrowsercompatibility.com

HTML5 & Friends, from Mozilla

html5rocks

HTML5 Cross Browser Polyfills

HTML5 – Information and samples for HTML5 and related APIs

HTML 5 Demos and Examples

SVG

SVG-edit browser editor

D3.js

raphaeljs

bonsaijs.org

Canvas

paper.js

fabric.js

kineticjs

webGL

three.js

The X Toolkit

DOM 相关规格/参考数据与兼容性套件 (DOM Specs/Ref & Polyfills)

DOM Living Standard

DOM Parsing and Serialization Living Standard

DOM4

Document Object Model (DOM) Technical Reports, from W3C

Document Object Model, from Microsoft

Document Object Model, from Mozilla

Event compatibility tables

CSS 相关规格/参考数据与兼容性套件 (CSS Specs/Ref & Polyfills)

CSS, from Mozilla

CSS SPEC-I-FI-CA-TIONS, from W3C

http://cssvalues.com/

CSS contents and browser compatibility

CSS Compatibility and Internet Explorer

HTML5 Cross Browser Polyfills (look for CSS)

CSS Selectors from CSS4 till CSS1

css3clickchart.com

CSS selectors

CSS 产生器 (CSS Generators)

patternify

Ultimate CSS Gradient Generator

patternizer

css3please.com

cssarrowplease.com

CSS Flexbox Please

CSS3 GENERATOR

css3generator.com

css3maker.com

CSS3 Sandbox

The Shapes of Css

CSS matic

CSS 编写风格与惯例指引 (CSS Style/Conventions Guides)

kss

SMACSS

Google HTML/CSS Style Guide

idiomatic-css

Object-Oriented CSS

WordPress.org UI Style Guide

Starbucks Style Guide

Github CSS styleguide

General CSS notes, advice and guidelines

JavaScript ES5 相关规格/参考数据与兼容性套件 (JavaScript ES5 Specs/Ref & Polyfills)

ECMA-262-5 in detail

ECMAScript Language Specification

Annotated ECMAScript 5.1

ECMAScript 5 compatibility table

Internet Explorer ECMA-262 ECMAScript Language Specification (Fifth Edition) Standards Support Document

JavaScript Reference, from Mozilla

The sample usage of ECMA 5 Features Implemented in V8

Understanding JavaScript OOP

JavaScript, aka. Web ECMAScript Living Standard

es5-shim

poly

Augment.js

JavaScript ES6 相关规格/参考数据与兼容性套件 (JavaScript ES6 Specs/Ref & Polyfills)

ES6 what can be shimmed and what not

ECMAScript 6 compatibility table

Draft Specification for ES.next (Ecma-262 Edition 6)

es6-shim

ECMA-262 6th Edition/Draft

JavaScript 编写风格与惯例指引 (JavaScript Style/Conventions Guides)

Google JavaScript Style Guide

Felix’s Node.js Style Guide

idiomatic.js

Code Conventions for the JavaScript Programming Language

jsbeautifier

Airbnb JavaScript Style Guide

JSON 产生器

JSON Generator – tool for generating random JSON data

一般前端开发实务与开发习惯 (General Front-end Practices/Conventions)

isobar

Being A Web Developer

Front End Dev Guidelines

HTML and CSS code guide

效能调校

相关工具

Charles

webpagetest

PageSpeed Insights Browser Extensions

Chrome Developer Tools: Network Panel

Chrome Developer Tools: Timeline Panel

Chrome Developer Tools: Profiles Panel

DOM Monster

ImageOptim

准则与实务

Web Performance Best Practices

Best Practices for Speeding Up Your Web Site

High Performance Web Sites – 14 Rules for Faster-Loading Web Sites

Even Faster Web Sites

各式在线编辑器/开发工具 (REPL)

JS REPL

repl.it

jsconsole.com

codeboot.org

continuum

JavaScript 在线编辑器 (JS focused editors)

jsfiddle

jsbin

正规表示式编辑器 (Regular Expression editors)

Scriptular

regexr

refiddle

RegexPlanet

Debuggex: The online visual regex tester. JavaScript, Python, and PCRE.

HTML/CSS 编辑器

dabblet

cssdesk

HTML/CSS/JS 编辑器

tinker.io

tinkerbin

Plunker

cssdeck

codepen

执行/测试代码工具 (Execute/Test live code)

runnable

云端开发工具 (Browser IDE’s)

koding

cloud9 IDE

action.io

JSON 编辑器

jsoneditoronline.org

JSON Tinker

JSONmat

浏览器安全性 (Browser Security)

Browser Security Handbook

各式 CSS/HTML Hacks 整理 (Browser Hacks)

browserhacks.com

给前端开发人员的后端服务 (Backend services for frontend developers)

firebase

pusher

jaystack

parse

singly

cloud CMS

kinvey

stackmob

cloudmine

kumulos

deployd

backlift.com

hull.io

stormpath.com

API 开发与测试工具

apiary

mocky.io

FillText.com

JSON 数据操作/查询工具 (JSON Query Tools)

TaffyDB

linq.js

json:select()

JSONiq

json-qu

 

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » 前端开发工具大全

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址