首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Web前端开发技术栈

Web前端开发技术栈

作者头像
dys
发布2018-04-03 10:06:57
1.9K0
发布2018-04-03 10:06:57
举报
文章被收录于专栏:性能与架构性能与架构

前端领域的发展非常迅猛,大前端的时代到来了,据说每隔12-24个月,前端的难度将增加一倍,从下面的技术栈就可以看出前端领域的丰富度和复杂度

核心概念

HTML

|-- DOM
|-- Element
|-- Attribute

JavaScript

|-- 原型 Prototype
|-- 作用域 Scope
|-- 闭包 Closure
|-- JSON
|-- AJAX

CSS

|-- 选择器 Selector
|-- 优先级
|-- 特性 Specificity
|-- 盒子模型

渲染引擎

|-- 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) 
|-- SpiderMonkey (Firefox)
|-- Nitro (Safari)

编译任务

|-- 精简
|-- 编译
|-- 合并
|-- 混淆
|-- 图像优化
|-- 单元测试

包管理

|-- npm 
|-- Bower

编译工具

|-- Grunt 
|-- Gulp 
|-- Brunch 
|-- Yeoman
|-- Broccoli 

调试

|-- Developer Tools
|-- Firebug 

基础工具

|-- Node.js 
|-- Phantom.js 
|-- fibjs 

|-- jQuery 
|-- Prototype 
|-- Zepto 
|-- MooTool

框架

|-- AngularJS 
|-- Backbone 
|-- Knockout 
|-- Ember 
|-- React 
|-- polymer 
|-- Deft.js 
|-- Vue

UI框架

|-- Bootstrap 
|-- Semantic UI 
|-- Foundation 
|-- Material UI 
|-- jQuery UI

手机 UI框架

|-- jQuery Mobile 
|-- Jo 
|-- Dojo Mobile
|-- Lungo 

CSS3 动画

|-- Animate.css 
|-- bounce.js 
|-- Effeckt.css 
|-- move.js

CSS 预处理器

LESS
|-- LESS 
|-- Hat 
Sass(SCSS)
|-- Compass 
|-- Bourbon 
|-- Gumby 
Stylus
|-- nib 

质量控制

|-- JSLint 
|-- JSHint 
|-- jscs 
|-- Closure Linter

测试工具

|-- QUnit 
|-- Jasmine 
|-- Mocha 
|-- Selenium 
|-- WebDriverIO 
|-- Karma 
|-- nodeunit 
|-- tape 

在线测试工具

|-- Sauce Labs
|-- Browser Stack
|-- Browser Shots
|-- Browser Sandbox
|-- Cross Browser Testing

模块化

|-- ES6 Module
|-- CommonJS
|-- webpack 
|-- browserify 
|-- AMD
|-- RequireJS 
|-- UMD
|-- umd 
WebSocket
|-- Socket.io 
|-- web-socket-js 

数据可视化

|-- D3 
|-- Echarts 
|-- HighCharts 
|-- Vis.js 
|-- Flot 

WebGL

|-- Three.js 
|-- Babylon.js 
|-- Pixi.js 

模板引擎

|-- Handlebars 
|-- Haml 
|-- Slim 
|-- Jade 
|-- Ejs
|-- Spacebars
|-- mustache

移动应用开发

|-- PhoneGap / Cordova 
|-- MUI 
|-- React Native 
|-- Ionic 
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2015-11-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 JAVA高性能架构 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云数据库 MongoDB
腾讯云数据库 MongoDB(TencentDB for MongoDB)是腾讯云基于全球广受欢迎的 MongoDB 打造的高性能 NoSQL 数据库,100%完全兼容 MongoDB 协议,支持跨文档事务,提供稳定丰富的监控管理,弹性可扩展、自动容灾,适用于文档型数据库场景,您无需自建灾备体系及控制管理系统。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档