前端技术-常识
计算机知识思维导图：前端技术-常识。网页展示前三层结构，可在线查看完整脑图并下载 GoMind 文件。
2026-08-25
## 前端技术-常识 ### 前端技术-常识 #### html ##### html ##### xhtml ##### DHTML ##### shtml #### html模板语言 ##### haml ##### markdown ##### slim ##### jade #### CSS ##### CSS预处理器 #### CSS预编译 ##### Sass(.sass) ##### Sass(.scss) ##### LESS ##### Stylus #### javaScript ##### 核心 ECMAScript ##### DOM（文档对象模型） ##### BOM（Browser Object Model） ##### 其它脚本语言or扩展 ##### 主流js扩展,脚本语言 ##### Ajax 框架 #### 认识 ##### Web组件由四个规范 ##### 基础支持库 ##### 标记语言 ##### 前端导航 ##### 其它 > 仅展示前三层结构；请在线查看完整脑图或下载 GoMind 文件。
前端技术-常识
前端技术-常识
html
XHTML 与 HTML 4.01 标准没有太多的不同
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。
与htlm不同
xhtml
HTML+CSS+JAVASCRIPT+DOM HTML
综合和其它动态的技术而成的网页技术
DHTML
用于SSI技术的文件
shtml
html
haml
markdown
slim
jade
html模板语言
SCSS（Sassy Css）
SASS
http://www.w3cplus.com/sassguide/
less
CSS预处理器
CSS
compass
bourbon
Sass(.sass)
compass
bourbon
Sass(.scss)
LESS Hat
LESS
Nib
Stylus
CSS预编译
核心 ECMAScript
HTML 和 XML 的应用程序接口（API）
Document根节点包含子节点：forms、location、anchors、images、links
DOM（文档对象模型）
BOM包含了DOM(对象)
主要处理浏览器窗口和框架
通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分
弹出新的浏览器窗口 移动、关闭浏览器窗口以及调整窗口大小 提供 Web 浏览器详细信息的定位对象 提供用户屏幕分辨率详细信息的屏幕对象 对 cookie 的支持 IE 扩展了 BOM，加入了 ActiveXObject 类，可以通过 JavaScript 实例化 ActiveX 对象
Window对象包含属性：document、location、navigator、screen、history、frames
由于BOM的window包含了document，window
BOM（Browser Object Model）
BOM的核心是window，而window对象又具有双重角色，它既是通过js访问浏览器窗口的一个接口，又是一个Global（全局）对象。这意味着在网页中定义的任何对象，变量和函数，都以window作为其global对象。
Dart
CoffeeScript
TypeScript
ES6 / ECMAScript 6
Flash的脚本语言
ActionScript
Untitled node
NativeScript
NativeScript既不是一种新型的JavaScript语言，也不是原生功能的封装器，它包括一个JavaScript运行时环境和一种将JavaScript调用转化为原生调用的机制。用JavaScript（或TypeScript，CoffeeScript等）语言编写应用，之后在安卓平台用V8，在iOS和Windows Phone上用WebKit JavaScriptCore解释应用。然后，NativeScript运行时环境找到原生的目标API，将JS数据类型转化为相应的原生类型，然后调用原生API，并将得到的结果值返回 用NativeScript创建JavaScript原生移动应用 http://www.infoq.com/cn/news/2015/03/nativescript
其它脚本语言or扩展
共有95款 脚本编程语言 http://www.oschina.net/project/tag/326/scripting
CoffeeScript
LiveScript
Traceur
主流js扩展,脚本语言
jQuery
jQuery & jQuery UI (Base Theme)
Angular
Zepto
MooTools
Prototype
YUI
Ext JS
Dojo
Ajax 框架
javaScript
BOM和DOM详解 http://www.bitscn.com/school/Javascript/201410/347570.html
Custom Elements
Templates
Shadow DOM
HTML imports
Web组件由四个规范
这四个规范已经由W3C具体化了 http://zhuanlan.zhihu.com/FrontendMagazine/19726472
ECMA3Script Built-In Library
ECMA3 Braower Support Library
基础支持库
Wikitext语言 ，亦称Wiki标记语言
Markdown 的语法简洁明了、学习容易，而且功能比纯文本更强，因此有很多人用它写博客
Textile 是一个人性化的Web文本生成器，以简洁的方式提供HTML标签功能
热门
Markdown --标记语言以及文本到HTML的转换工具
MultiMarkdown --基于Markdown但具有更多功能
AsciiDoc --漂亮的文本文档格式用于写作
Textile --被称为“人类网络文本生成器”
Texy --文本到XHTML格式化和转化库
Tome --作者的标记语言和工具包
reStructuredText --Docutils的标记语法分析组件
热门2
作业部落 Cmd - 在线 Markdown 编辑阅读器
马克飞象
在线编辑器
标识性置标语言
nroff, troff, TeX, Lout 以及 PostScript.
过程性标识
HTML
超文本标记语言
XHTML
XAML
可扩展标记语言
描述性标记
以表达为目标的轻量级标记语言有AsciiDoc, BBCode, JsonML, MakeDoc, Markdown, Org-mode, POD, reStructuredText, Ruby Document format, Texy!, Textile, txt2tags, UDO,Wiki标记语言。
以数据线性化为目标的轻量级标记语言有Curl (programming language) (homoiconic, but also reads JSON; every object serializes), JSON, OGDL, Simple Declarative Language，YAML
各种轻量级标记语言
标记语言
前端设计导航
http://uedh.cn/index.php
大前端-前端网址导航
http://www.daqianduan.com/nav
前端导航
知乎上，前端开发领域有哪些值得推荐的问答？
http://blog.163.com/front_end1205/blog/static/21437113820121120113558430/
其它
认识