Web

大前端技术栈,你掌握了哪些?

微信扫一扫,分享到朋友圈

大前端技术栈,你掌握了哪些?
收藏 0 0

1、切页面

  • HTML/HTML5
  • CSS/CSS3
  • Sass/Less/Styles
  • Photoshop/Paint.net/Fireworks/GIMP/Sketch

2、标准/规范

  • HTTP/1.1
  • HTTP/2
  • ECMAScript6/7
  • HTML5/CSS3
  • W3C:DOM/BOM/XHTML/XML/JSON/JSONP/…
  • CommonJS Modules/AMD
  • Sematinc Web
    • MicroData
    • RDFa
  • Web Accesssibility
    • Role Attribute
    • WCAG
    • WAI-ARIA

3、浏览器

  • IE6/7/8/9/10/11(Trident)
  • Firefox(Gecko)
  • Chrome/Chromium(Blink)
  • Safari(Webkit)
  • Opera(Blink)

4、编程语言

  • Javascript/Node.js
  • Typescript
  • Coffeescript

5、开发工具

5.1、编辑器和IDE

  • VIM/Sublime Text2
  • Notepad++/Editplus
  • WebStorm
  • Emacs EmacsWiki
  • Brackets
  • Atom
  • Lime Text
  • Light Table
  • Codebox
  • TextMate
  • Neovim
  • Komodo IDE/Edit
  • Eclipse
  • Visual Studio/Visual StudioCode
  • NetBeans
  • Cloud9 IDE
  • HBuilder
  • Nuclide

5.2、调试工具

  • Firebug/Firecookie/Firebug-lite/WebInspector
  • YShow
  • IEDevloperToolbar/IETester
  • Fiddler/Tcpdump/WireShark
  • Chrome Dev Tools
  • Dragonfly
  • DebugBar
  • Venkman
  • JSBeautifier/SuperPreview

5.3、版本管理

  • Github/GitLab/Bitbucket/Gitorious/GNU Savannah/Launchpad/SourceForge/TeamForge
  • Git/SVN/Mercurial

6、开发库/框架

  • JQuery/Underscore/Mootools/Prototype.js
  • YUI3/Dojo/ExtJS/KISSY
  • Backbone/KnockoutJS/Emberjs
  • Batarang/AngularJS
  • Bootstrap
  • Semantic UI
  • Juice UI
  • Web Atoms
  • Polymer
  • Dhtmlx
  • qooxdoo
  • React
  • Brick
  • DWR
  • Ajaxanywhere
  • Webix

7、安全

  • CSRF/XSS
  • CSP
  • Same-origin policy
  • ADsafe/Caja/Sandbox/FBML

8、性能

  • JSPerf
  • YShow 35 rules
  • PageSpeed
  • HTTPWatch
  • DynaTrace’s Ajax
  • 高性能Javascript
  • showslow

9、代码质量

9.1、单元测试

  • QUnit/Jasmine
  • Mocha/Should/Chai/Expect
  • Unit JS

9.2、自动化测试

  • WebDrive/Protractor/KarmaRunner/Sahi
  • phantomjs
  • SourceLabs/BrowserStack

9.3、Coding Style

  • JSLint/JSHint/jscs
  • CSSLint
  • Markup Validation Service
  • HTML Vailators

10、代码组织

10.1、类库模块化

  • CommonJS/AMD
  • YUI3模块

10.2、业务逻辑模块化

  • bower/component

10.3、文件加载

  • LABjs
  • SeaJS/Require.js

10.4、模块化预处理器

  • Browserify

11、可视化

  • SVG/Canvas/VML
  • SVG: D3/Raphael/Snap.svg/DataV
  • Canvas: CreateJS/kineticJS
  • WebGL/Three.JS

12、移动Web

  • HTML5/CSS3
  • Zeptojs/iScroll
  • V5/Sencha Touch
  • PhoneGap
  • jQuery Mobile
  • W3C Mobile Web Initiative
  • W3C mobileOK Checker
  • Open Mobile Alliance
  • 响应式网页设计

13、流程/部署

13.1、压缩合并

  • YUI Compressor
  • Google Clousure Complier
  • UglifyJS
  • CleanCSS

13.2、文档输出

  • JSDoc
  • Dox/Doxmate/Grunt-Doxmate

13.3、项目构建工具

  • make/Ant
  • GYP
  • Grunt
  • Gulp
  • webpack
  • Yeoman
  • FIS
  • Mod

14、编程基础

14.1、编程知识

  • OOP/AOP
  • 原型链/作用域链
  • Javascrip Tips
  • 数据结构
  • 闭包
  • 编程范型
  • 设计模式
  • 函数式编程

14.2、计算机知识

  • 软件工程/软件测试原理
  • Unicode
  • 编译原理
  • 计算机网络
  • 操作系统
  • 算法原理

15、网络资源

  • YDN/YUIConf/JSConf
  • QCon/Velocity
  • D2/WebRebuild
  • NodeParty/HTML5研究小组
  • UED Teams
  • YQL/Company Open Platform
  • APP Engine/Cloud
  • Google Open API/Github

16、App与小程序开发

  • uni-app
  • react-native
  • flutter

17、桌面应用开发

  • electron

18、软技能

  • 知识管理/总结分享
  • 沟通技巧/团队协作
  • 需求管理/PM
  • 交互设计/可用性/可访问性知识
为自己努力,为亲人拼搏,为幸福奋斗。
上一篇

let、var、const、this、super的特点

你也可能喜欢

发表评论

插入图片

分类目录

微信扫一扫

微信扫一扫