| --- | --- |

| HTML(超文本标记语言)MDN | MDN Web 文档 |

| 后HTML5时代Ⅰ | TGideas 万技师 |

| 后HTML5时代Ⅱ | TGideas 鬼爪手 |

| HTML5 进阶系列 | 爱前端 林鑫 |

| 匠心打造canvas签名组件 | 翟灿东，网名路易斯，平安健康前端工程师。 |

| HTML5 有哪些让你惊艳的 demo？ | 知乎 关注者 8K |

| 一只会飞的鱼 | 每周一点 canvas 动画 |

九、CSS(3)

| 网站 | 说明 |

| --- | --- |

| CSS Reference | 从基础知识中学习 CSS 的所有重要属性 |

| You Don't Know CSS | 杨健 |

| 强大的css3 | Wayne Zhu |

| 深入了解 CSS3 新特性 | 周 翔 |

| Flex 布局教程：语法篇 | 阮一峰 |

| Flex 布局教程：实例篇 | 阮一峰 |

| 如何编写轻量级 CSS 框架 | 叙帝利 |

| CSS 专业技巧 | 一个帮你提升 CSS 技巧的收藏集 |

| CSS3技术-雪碧图自适应缩放与精灵动画方案 | 慕课网 艾伦 Aaron |

| 搞定这些疑难杂症，向css3动画说yes | IMWeb 结一 |

| Effective前端1：能使用html/css解决的问题就不要使用JS | 会编程的银猪 |

| 前端如何呼风唤雨 | IMWeb coverguo |

| 默认的checkbox、input、radio太丑了？我来教你改变使用纯css3改写的带动画的默认样式 | 掘金 sunshine 小小倩 |

| CSS性能分析，如何优化CSS提高性能 | 博客园 楼兰小骑士 |

| CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅 | 思否 微醺岁月 |

| CSS-Tricks | The Shapes of CSS |

十、ECMAScript

| 网站 | 说明 |

| --- | --- |

| Understanding ECMAScript 6 | Nicholas C. Zakas |

| 探索 ES6 | 翻译自《 Exploring ES6 》 |

| ECMAScript 6 入门 | 阮一峰 |

| ES5合集 | 颜海镜 |

| ES6 你可能不知道的事 - 基础篇 | 化辰，淘宝前端团队（FED） |

| ES6 你可能不知道的事 - 进阶篇 | 化辰，淘宝前端团队（FED） |

十一、JavaScript

| 网站 | 说明 |

| --- | --- |

| JavaScript 标准参考教程（alpha） | 阮一峰 |

| JavaScript 秘密花园 | 三生石上 中文翻译 |

| JavaScript Promise迷你书（中文版） | 原著：azu / 翻译：liubin、kaku、honnkyou |

| JS 函数式编程指南 | Linghao Li |

| JavaScript 闯关记 | stone0090 |

十二、jQuery

| 网站 | 说明 |

| --- | --- |

| 学习jQuery | Learning Center |

| jQuery API 中文文档 | 官方 |

| jQuery API中文文档 | 愚人码头 |

| jQuery UI API中文文档 | 愚人码头 |

| jQuery中文手册 | hemin |

| YOU MIGHT NOT NEED JQUERY | 你可能不需要 JQUERY |

十三、Vue.js

| 网站 | 说明 |

| --- | --- |

| Vue.js | 官方网站 |

| vuejs | 官方仓库 |

| Vue 专业中文社区 | 全球最大的 Vueframework 中文开源技术社区 |

| vuefe.cn | Vue.js 中文文档 |

| Vue Forum | Vue 论坛 |

| Vue Land | Vue 聊天室 |

| vue-devtools | 用于调试 Vue.js 应用程序的浏览器 devtools 扩展 |

| Vue Loader | 一个 webpack 的 loader |

| vue-router | 官方路由 |

| Vuex | 状态管理模式 |

| Vue 服务端渲染 | Vue.js 服务器端渲染指南 |

| Vue package | Find the best packages for your Vue app! |

| awesome-vue | Awesome Vue.js |

| Element | 一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 |

| iView | 一套基于 Vue.js 的高质量 UI 组件库 |

| Vue + webpack 项目实践 | 勾三股四 |

| [vu

《一线大厂 Java 面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》

【docs.qq.com/doc/DSmxTbFJ1cmN1R2dB】 完整内容开源分享

e 性能优化]( ) | 岛书,Coffcer |

十四、AngularJS

| 网站 | 说明 |

| --- | --- |

| Angular 中文版 | 官方网站 |

| AngularJS入门教程 | 严清 , 李诗剑 (译者) |

| AngularJS在线教程 | 乔乐共享 |

| AngularJS学习笔记 | 邹业盛 |

| Angularlearning | Angular.js 的一些学习资源 |

| UI Bootstrap | Bootstrap components written in pureAngularJSby theAngularUI Team |

| AngularStrap | AngularJS 1.2+ native directives for Bootstrap 3 |

| AngularLearning | dolymood |

十五、React

| 网站 | 说明 |

| --- | --- |

| React | 官方网站 |

| React 中文索引 | Made by 题叶 & Feifei Hang |

| React China | React 中文的论坛 |

| React 入门实例教程 | 阮一峰 |

| React Router 使用教程 | 阮一峰 |

| React Native 中文版 | 极客学院 |

| React.JS教程 | PHPERZ |

| React.js 2016 最佳实践 | 腾讯全端 AlloyTeam 团队 Blog |

| React 导读 | 小撸,国双科技 |

| Redux 中文文档 | 收到 Redux 作者 Dan 的多次点赞 |

| React Router 中文文档 | 官方文档中文翻译 |

| React 介绍及实践教程 | 董越 和 徐新茹 |

| React 设计思想 | React 核心开发者、有 React API 终结者之称的 Sebastian Markb?ge 撰写 |

| React Webpack 小书 | 作者 Christian Alfoni and Juho Veps?l?inen 中文译者 Fakefish |

| Material-UI | React 前端 UI 库 |

| Amaze UI React | 基于 React.js 开发的 Web 组件库 |

| dva | 基于 redux、redux-saga 和 react-router 的轻量级前端框架 |

| Ant Motion | 能够快速在 React 框架中使用动画 |

十六、Node.js

| 网站 | 说明 |

| --- | --- |

| NODESCHOOL | 教你 Web 开发技能的开源课程，自学或者参加一个附近的教学活动 |

| Node入门 | 作者： Manuel Kiessling 翻译： goddyzhao & GrayZhang & MondayChen |

| 七天学会NodeJS | Alibaba.com |

| Node.js 包教不包会 | alsotang |

| 从零开始nodejs系列文章 | 粉丝日志 |

| NodeJS的代码调试和性能调优 | 小胡子哥 |

| Express | 基于 Node.js 平台，快速、开放、极简的 web 开发框架 |

| Express框架 | 阮一峰 |

| Koa 框架 | 阮一峰 |

| Koa | Koajs 中文文档 |

十七、RequireJS

| 网站 | 说明 |

| --- | --- |

| Javascript模块化编程 | 阮一峰 |

| RequireJS学习 | 叶小钗 |

| RequireJS入门 | Snandy |

| RequireJS 入门指南 | 参与翻译 NCThinker, 姜鹏飞, super0555 |

十八、Sass 和 Less

| 网站 | 说明 |

| --- | --- |

| Sass中文网 | 世界上最成熟、最稳定、最强大的专业级 CSS 扩展语言 |

| SASS中文文档 | Sass 是成熟、稳定、强大的 CSS 扩展语言 |

| SASS用法指南 | 阮一峰 |

| Sass入门 | 大漠 |

| Less中文文档 | 给 CSS 加点料 |

十九、Webpack

| 网站 | 说明 |

| --- | --- |

| webpack | 官方网站 |

| webpack 中文 | 中文官网 |

| webpack | github |

| webpack-demos | 阮一峰 |

| ? |

二十、Markdown

| 网站 | 说明 |

| --- | --- |

| Markdown 语法说明 (简体中文版) | riku |

| Markdown 入门参考 | LearnShare |

| GitBook | 帮助团队在线撰写，协作和发布内容 |

| Cmd Markdown | Cmd Markdown 编辑阅读器 |

| StackEdit | 浏览器中的 Markdown 编辑器 |

| Mditor | 一款轻量级的 markdown 编辑器 |

二十一、Git 和 GitHub

| 网站 | 说明 |

| --- | --- |

| Git-Book | 官方文档 |

| git - 简明指南 | 罗杰·杜德勒 |

| 猴子都能懂得GIT入门 | backlog |

| 廖雪峰的官方网站 Git教程 | 廖雪峰 |

| Learn Git Branching | 通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能 |

| Git工作流指南 | 李鼎(哲良),taobao |

| 有关 git 的学习资料 | xirong,alibaba |

| GitHub 漫游指南 | Phodal Huang,黄峰达,ThoughtWorks 高级咨询师 |

| GitHub秘籍 | Star 24.8k Fork 3.8k |

二十二、Github 大牛

| 网站 | 说明 |

| --- | --- |

| AlloyTeam | 腾讯 AlloyTeam |

| fex-team | Baidu FEX team |

| tmallfe | 天猫前端团队 |

| nzakas | 尼古拉斯·泽卡斯?Nicholas C. Zakas，雅虎首页的前端技术主管， YUI 库的贡献者，目前在 Box 公司任职 |

| tj | TJ Holowaychuk，Koa、Co、Express、jade、mocha、node-canvas、commander.js 等知名开源项目的创建和贡献者 |

| JacksonTian | 朴灵(田永强)，就职阿里巴巴数据平台，Node.js 布道者 |

| lifesinger | 玉伯，支付宝前端，seajs 作者 |

| jobbole | 伯乐在线 |

| paulirish | Google Chrome |

| kejun | Douban Inc |

| fengmk2 | fengmk2，Alipay |

| fool2fish | Zhouxuan Yang，Alipay |

| jayli | Taobao |

二十三、框架类库

| 网站 | 说明 |

| --- | --- |

| WeUI | 微信官方设计团队为微信 Web 开发量身设计 |

| ZUI | 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。 |

| MZUI | 为移动端设计，基于 Flex 的 UI 框架 |

| SUI Mobile | 阿里他她，一套基于 Framework7 开发的 UI 库 |

| KISSY | 一款跨终端、模块化、高性能、使用简单的 JavaScript 框架 |

| nice validator | 领先的表单验证解决方案 |

| Underscore.js | 一整套函数式编程的实用功能 |

| Lodash | 通过解决数组，数字，对象，字符串等问题，让 JavaScript 变得更轻松。 |

| Metro UI CSS | 一个 BizSpark Startup |

| Kite CSS | 一个灵活的布局助手 |

| Creative Link Effects | 创意链接或菜单项效果 |

| JAVASCRIPTING | 最优的 javascript 库、框架和插件。 |

| Microjs | 神奇的微型框架 |

二十四、动画

| 网站 | 说明 |

| --- | --- |

| Animate.css | 一个跨浏览器的 CSS 动画库 |

| Bounce.js | 触摸库 CSS3 关键帧动画 |

| Waves.js | 点击按钮或背景动画 |

| 缓动函数 | 指定动画效果在执行时的速度，使其看起来更加真实 |

二十五、移动端

| 网站 | 说明 |

| --- | --- |

| 腾讯移动Web前端知识库 | Mars - mobile needs a hero |

| Mobi Tips | TGideas |

| mobileTech | jtyjty99999-Alibaba，收集移动端开发所需要的一些资源与小技巧 |

| 无线Web开发经验谈 | 支付宝 |

| Mobile Web Favorites | hoosin |

| 移动web资源整理 | 白树，就职微信支付，负责移动端产品，擅长小程序、H5 前端开发 |

| Zepto.js API 中文版 | 愚人码头,一些可选功能是专门针对移动端浏览器的 |

| Framework7 | 阿里他她，特色的 HTML 框架 可以创建精美的 iOS 应用 |

| SUI Mobile | 阿里他她，一套基于 Framework7 开发的 UI 库 |

| Swiper | 开源、免费、强大的移动端触摸滑动插件 |

二十六、开发平台

| 网站 | 简介 |

| --- | --- |

| JSFiddle | 一款在线的代码编辑器,通过流行的 JS 框架创建自定义的环境,以简化 JS 代码 |

| JSBin | Collaborative JavaScript Debugging |

| BabelJS | 一个 JavaScript 编译器 |

| RunJS | 在线编辑、展示、分享、交流你的 JavaScript 代码 |

| JSDM | 一个 WEB 前端在线编辑器，可同时编辑 HTML、CSS、JAVASCRIPT 代码，并即时预览！ |

| CodePen | 面向前端设计人员和开发人员的社交开发环境 |

| IDeone | 一个在线编译器和调试工具，它允许您编译源代码并在线执行超过 60 种编程语言 |

| HCODE | 一个在线代码测试、托管、分享的工具，方便与别人一起调试、分享代码，具有代码高亮、一键代码格式化、贴心的快捷键等功能。 |

| Thimble | 一个在线代码编辑器，用它可以很轻松地创建和发布一个您自己的网页，一切伴随着 HTML、CSS 和 JavaScript。 |

二十七、在线工具

| 网站 | 简介 |

| --- | --- |

| CanIUse | 查看浏览器版本对 HTML5 和 CSS3 的支持情况 |

| ECMAScript 6 compatibility table | ECMAScript 6 兼容性表 |

| CSS Validation Service | W3C CSS 验证服务 |

| BROWSERHACKS | browser specific CSS and JavaScript hacks |

二十八、正则表达式

| 网站 | 简介 |

| --- | --- |

| 正则表达式 MDN | MDN Web 文档 |

| RegExp对象 | 阮一峰 |

| 正则的扩展 | 阮一峰 |

| 进阶正则表达式 | 小胡子哥 ( Barret Lee ) |

| 正则表达式30分钟入门教程 | deerchao |

| 正则表达式前端使用手册 | 路易斯 |

总结

蚂蚁面试比较重视基础，所以 Java 那些基本功一定要扎实。蚂蚁的工作环境还是挺赞的，因为我面的是稳定性保障部门，还有许多单独的小组，什么三年 1 班，很有青春的感觉。面试官基本水平都比较高，基本都 P7 以上，除了基础还问了不少架构设计方面的问题，收获还是挺大的。

经历这次面试我还通过一些渠道发现了需要大厂真实面试主要有：蚂蚁金服、拼多多、阿里云、百度、唯品会、携程、丰巢科技、乐信、软通动力、OPPO、银盛支付、中国平安等初，中级，高级 Java 面试题集合，附带超详细答案，希望能帮助到大家。

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录