前端技术-应用

计算机知识思维导图：前端技术-应用。网页展示前三层结构，可在线查看完整脑图并下载 GoMind 文件。

2026-08-25

计算机知识学习资料思维导图

## 前端技术-应用
### 前端技术-应用
#### 开发工具IDE
##### IntelliJ IDEA
##### WebStorm
##### Aptana_Studio
##### sublime
##### Brackets
##### DCloud HBuilder-做最好的HTML5开发工具
##### atom
##### 在线
#### 辅助开发工具
##### Emmet 快速编写HTML/CSS代码 :代码补全
##### Zen Coding: 一种快速编写HTML/CSS代码的方法
##### alignment 一个强迫症插件，可以将=对齐
##### 性能分析器 yslow
##### 最佳远程调试器：fiddler（小提琴）
##### 最佳压缩器/编译器：yuicompressor和Google Closure Compiler
##### javascript单元测试框架：Jasmine
##### chrome插件
##### cnd
#### 开源js工具
##### 插件@osc
##### highlightjs 代码高亮支持
##### 页面滚动
##### 图片展示/焦点图/幻灯片/轮播图/画廊
##### 表单验证插件 Parsley.js
##### 对话框插件 SimpleModal
##### 图片
##### 图标&字体
##### 图表
##### 轮播图
##### 标签云
##### 统计
##### autoComplete
#### 前端开发包管理工具
##### Bower
##### 前端工作流程自动化——Grunt/Gulp 自动化
##### npm是一个node包管理和分发工具
##### Browserify
##### Component
##### Duo
#### 流行开源
##### 设计

> 仅展示前三层结构；请在线查看完整脑图或下载 GoMind 文件。

前端技术-应用

前端技术-应用

IntelliJ IDEA

JavaScript优

WebStorm

Aptana_Studio

sublime

Brackets

极客的选择

html5优

DCloud HBuilder-做最好的HTML5开发工具

AtomSetup.exe

atom

http://runjs.cn/code

http://codepen.io/pen/

在线

开发工具IDE

Emmet快捷键中文查询-小工具

Emmet 快速编写HTML/CSS代码 :代码补全

Zen Coding: 一种快速编写HTML/CSS代码的方法

Untitled node

alignment 一个强迫症插件，可以将=对齐

默认快捷键是ctrl+alt+a，和国内某著名IM的截图快捷键冲突了，我把它改成alt+shift+f了（貌似和netbeans一样）

性能分析器 yslow

http://yslow.org/

最佳远程调试器：fiddler（小提琴）

最佳压缩器/编译器：yuicompressor和Google Closure Compiler

javascript单元测试框架：Jasmine

AlloyDesigner 页面样式抓取

http://alloyteam.github.io/AlloyDesigner/

chrome插件

https://cdnjs.com/

http://cdn.code.baidu.com/

http://libs.useso.com/

cnd

http://blog.xn--9p3a45o.cn/cdnjs.html

辅助开发工具

Untitled node

插件@osc

highlightjs 代码高亮支持

全屏滚动 fullPage.js

页面滚动

图片展示/焦点图/幻灯片/轮播图/画廊

表单验证插件 Parsley.js

对话框插件 SimpleModal

fancybox 图片预览

图片

Font Awesome

图标&字体

Humble Finance

图表

swiper

轮播图

wordcloud2.js

标签云

ALog

busuanzi.pure.mini.js

统计

autoComplete

开源js工具

Bower是一个Node模块，因此你需要安装Node.js

bower解决js的依赖管理

Untitled node

Bower

Untitled node

前端工作流程自动化——Grunt/Gulp 自动化

npm是一个node包管理和分发工具

Browserify

Component

Duo

前端开发包管理工具

http://zhuanlan.zhihu.com/FrontendMagazine/19726472



前端模块管理器简介

http://www.tuicool.com/articles/nYVj2i

扁平化

Material Design 设计语言

Material Design 中文版

http://wiki.jikexueyuan.com/project/material-design/



谷歌的Material design并不是一种系统界面设计风格，Material design其实是单纯一种设计语言，它包含了系统界面风格、交互、UI等，此外对于谷歌来说，Material design还有着非常伟大的使命，那就是打造一个横跨所有设备的统一的设计语言，像是手机、桌面端、可穿戴设备等今天就请大家跟随这小编的脚步，来看看 这次谷歌全新设计理念Material design。

http://tech.sina.com.cn/mobile/n/2014-11-17/08329797684.shtml

设计

流行开源