前端

基本资料

微信官方文档 | 微信小程序 | 微信小程序示例 | 腾讯浏览器服务

淘系前端团队

Vue | Elementui)

React官网| Bootstrap| Angularjs

聊聊Web App、Hybrid App与Native App的设计差异

Vue和React的使用场景和深度有何不同？

大公司里怎样开发和部署前端代码？

跨端开发框架深度横评

浏览器

知识结构

浏览器

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

编程语言

• JavaScript/Node.js
• CoffeeScript
• TypeScript

切页面

• HTML/HTML5
• CSS/CSS3
• Sass/LESS/Stylus/postCSS
• PhotoShop/Paint.net/Fireworks/GIMP/Sketch

开发工具

编辑器和IDE

• VIM/SublimeText2
• Notepad++/EditPlus
• WebStorm
• Emacs EmacsWiki
• Brackets
• Atom
• Lime Text
• Light Table
• Codebox
• TextMate
• Neovim
• Komodo IDE /Edit
• Eclipse
• Visual Studio
• Visual Studio Code
• NetBeans
• Cloud9 IDE
• HBuilder
• Nuclide

调试工具

• Firebug/Firecookie
• YSlow
• IEDeveloperToolbar/IETester
• Fiddler
• Chrome Dev Tools
• Dragonfly
• DebugBar
• Venkman
• Charles

代码质量

Coding style

• JSLint/JSHint/jscs/ESLint
• CSSLint
• Markup Validation Service
• HTML Validators

单元测试

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

自动化测试

• WebDriver/Protractor/Karma Runner/Sahi
• phantomjs
• SourceLabs/BrowserStack

前端库/框架

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

前端标准/规范

• HTTP/1.1: RFCs 7230-7235
• HTTP/2
• ECMAScript3/5
• ECMAScript6
• W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
• CommonJS Modules/AMD
• HTML5/CSS3
• Semantic Web
  • MicroData
  • RDFa
• Web Accessibility
  • WCAG
  • Role Attribute
  • WAI-ARIA

性能

• JSPerf
• YSlow 35 rules
• PageSpeed
• HTTPWatch
• DynaTrace's Ajax
• 高性能JavaScript

编程知识储备

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

部署流程

• 压缩合并

  • YUI Compressor
  • Google Clousure Complier
  • UglifyJS
  • CleanCSS

• 文档输出

  • JSDoc
  • Dox/Doxmate/Grunt-Doxmate

• 项目构建工具

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

• ES6＋ 转换器

  • Traceur
  • Babel

代码组织

• 类库模块化

  • CommonJS/AMD
  • YUI3模块
  • webpack

• 业务逻辑模块化

  • bower/component

• 文件加载

  • LABjs
  • SeaJS/Require.js

• 模块化预处理器

  • Browserify

安全

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

移动Web

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

前沿技术社区/会议

• D2/WebRebuild
• NodeParty/W3CTech/HTML5梦工厂
• JSConf/沪JS(JSConf.cn)
• QCon/Velocity/SDCC
• JSConf/NodeConf
• CSSConf
• YDN/YUIConf
• HybridApp
• WHATWG
• MDN
• codepen
• w3cplus
• CNode

前端书籍推荐

★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

CSS

• Eric Meyer 谈CSS（卷二）★★★
• CSS权威指南 （第3版）★★
• 精通CSS★★★
• HTML & CSS设计与构建网站★

JavaScript

• JavaScript & jQuery交互式Web前端开发★
• JavaScript DOM编程艺术（第2版）★
• JavaScript高级程序设计（第3版）★★
• 锋利的jQuery★★
• 高性能JavaScript★★★
• JavaScript语言精粹★★★
• JavaScript权威指南★★★
• 编写可维护的JavaScript★★★
• JAVASCRIPT语言精髓与编程实践★★★
• Effective Javascript★★★
• Secrets of the JavaScript Ninja★★★
• JavaScript模式★★★
• JavaScript设计模式★★★★
• 基于MVC的JavaScript Web富应用开发★★★

性能实践

• 高性能网站建设指南★
• 高性能网站建设进阶指南★★
• Web性能实践日志★★★
• Web性能权威指南★★★

资料

前端工作面试

• 前端工作面试问题
• 前端开发面试题（中文）