所在的位置: Web开发 >> HTNL >> web前端技术总结

web前端技术总结

Web前端开发技术栈

浏览器

InternetExplorer

Chrome

Firefox

Safari

Opera

Edge

Netscape;-)

协议

压缩

打包

服务器端推送

链接

会话

授权

请求

响应

HTTP/1.1

HTTP/2

WebSocket

Web三剑客

HTML(HyperTextMarkupLanguage)

CSS(CascadingStyleSheets)

JavaScript

标准

HTML

CSS

XHTML

XML

W3C

核心概念

Selector

Priority

Specificity

BoxModel

Prototype

Scope

Closure

JSON(JavaSriptObjectNotation)

AJAX(AsynchronousJavaScriptandXML)

DOM

Element

Attribute

HTML

JavaScript

CSS

渲染引擎

Trident(IE)

Blink/prev.WebKit(Chrome)

Gecko(Firefox)

WebKit(Safari)

Blink/prev.Presto(Opera)

EdgeHTML(Edge)

脚本引擎

JScript(IE8-/ASP)

Chakra(IE9+/Edge)

V8(Chrome/Opera/Nodejs/MongoDB)[GitHub]

SpiderMonkey(Firefox)

JavaScriptCore(Safari)

运行时

Images

Icons

Fonts

Audios

Videos

Extensions

Plugins

Cookie

LocalCache

SessionStorage

LocalStorage

Components

Resources

编辑器

SublimeText

WebStorm

Atom[GitHub]

Vim

Emacs

Brackets[GitHub]

LightTable[GitHub]

VisualStudio

VisualStudioCode(LinuxMac)[GitHub]

Dreamweaver;-)

FrontPage/SharePointDesigner;-)

编译任务

精简

编译

合并

混淆

图像优化

单元测试

编译工具

Grunt[GitHub]

Gulp[GitHub]

Brunch[GitHub]

Yeoman

Broccoli[GitHub]

调试

DeveloperTools

Firebug[GitHub]

基础工具

Node.js[GitHub]

Phantom.js[GitHub]

SpiderMonkey

质量控制

JSLint[GitHub]

JSHint[GitHub]

jscs[GitHub]

ClosureLinter

包管理

npm[GitHub]

Bower[GitHub]

测试

SauceLabs

BrowserStack

BrowserShots

Browserling

BrowserSandbox

CrossBrowserTesting

Browsera

SortSite

QUnit[GitHub]

Jasmine[GitHub]

Mocha[GitHub]

Selenium[GitHub]

WebDriverIO[GitHub]

Protractor

Chai[GitHub]

Sinon.JS[GitHub]

Karma[GitHub]

nodeunit[GitHub]

tape[GitHub]

nightmare[GitHub]

工具

在线工具

库/框架

jQueryMobile[GitHub]

Jo[GitHub]

DojoMobile

Lungo[GitHub]

bacon.js[GitHub]

immutable.js[GitHub]

ramda[GitHub]

underscore.js[GitHub]

lodash[GitHub]

ReactiveX[GitHub]

ES6

ES7

async[GitHub]

co[GitHub]

Promise

Promise

Generator

yield

await

Bluebird[GitHub]

q[GitHub]

when.js[GitHub]

Animate.css[GitHub]

bounce.js[GitHub]

Effeckt.css[GitHub]

move.js[GitHub]

Three.js[GitHub]

Babylon.js[GitHub]

Pixi.js[GitHub]

D3[GitHub]

Echarts[GitHub]

HighCharts[GitHub]

Vis.js[GitHub]

Flot[GitHub]

Socket.io[GitHub]

web-socket-js[GitHub]

Bootstrap[GitHub]

SemanticUI[GitHub]

Foundation[GitHub]

MaterialUI[GitHub]

WinJS[GitHub]

Pure[GitHub]

AmazeUI[GitHub]

AngularJS[GitHub]

Backbone[GitHub]

Knockout[GitHub]

Ember[GitHub]

React[GitHub]

polymer[GitHub]

Deft.js[GitHub]

Vue[GitHub]

Riot[GitHub]

ES6Module

CommonJS

AMD

UMD

webpack[GitHub]

browserify[GitHub]

RequireJS[GitHub]

umd[GitHub]

jQuery[GitHub]

Prototype[GitHub]

Zepto[GitHub]

MooTool[GitHub]

基础库

模块化

框架

UI框架

WebSocket

数据可视化

WebGL

CSS3动画

流程控制

函数式编程

手机UI框架

CSS预处理器

nib[GitHub]

Compass[GitHub]

Bourbon[GitHub]

Gumby[GitHub]

LESS[GitHub]

Hat[GitHub]

LESS

Sass(SCSS)

Stylus

未来标准

babel[GitHub]

模板引擎

Handlebars[GitHub]

Haml[GitHub]

Slim[GitHub]

Jade[GitHub]

Ejs

Spacebars

mustache[GitHub]

统一化

Normalize[GitHub]

Reset

最佳实践

SEO

Responsiveness

CDN

安全

Sandbox

XSS

CORS

中间语言

CoffeeScript[GitHub]

TypeScript[GitHub]

ClojureScript[GitHub]

JSX(Facebook)

移动应用开发

PhoneGap/Cordova[GitHub]

MUI[GitHub]

ReactNative[GitHub]

Ionic[GitHub]

桌面应用开发

Electron[GitHub]

NW.js[GitHub]

作者:未知

源自:







































北京治疗最好白癜风专科医院
北京白癜风手术



转载请注明:http://www.guyukameng.com/html/html1/4383.html