来到这个公司后,一直在juqery,coffee,knockout,react,webpack(1.0都还没有掌握,特么的2.0就出来了),等技术中,感觉自己一直在追赶着,都忘记了为什么出发,忘记了前端最根本的核心...,特此记录一番,梳理一下前端的知识
前端图谱.jpg-
CORE
HTML5
W3C
W3C
菜鸟教程
HTML5中文门户
CSS3
W3C CSS教程
W3C CSS3教程
菜鸟教程CSS教程
菜鸟教程CSS3教程
CSS参考手册
JS
W3C
菜鸟教程
廖雪峰js教程
js标准参考教程-阮一峰
jQuery
W3C
菜鸟教程
极客学院
廖雪峰
参考手册
参考手册
ES6
阮一峰ES6
极客学院
JavaScript 标准参考 阮一峰
-
包管理工具 Package Managers
NPM
菜鸟教程NPM 使用介绍
淘宝 NPM 镜像
npm 模块安装机制简介
npm包搜索地址
Bower
Bower中文网
Bower:客户端库管理工具-阮一峰
Yarn
yarn中文网
YARN 简介 -
编辑器 Text Editors
WebStorm
官网下载
前端网破解版下载
VScode
官网下载
vscode 插件精选 - 献给所有前端工程师
SublimeText
官网下载
前端网破解版插件版下载
Atom
官网下载
HBuilder
官网下载
-
JS框架 JS Frameworks
Backbone
Backbone.js API中文文档
AngularJs
中文官方文档
angularjs中文网
angularjs教程
Angular 基础入门
angular-masonry: Masonry 的 AngularJS 插件,用于瀑布流
angular-schema-form: 根据 JSON 生成响应的 Form 表单
restangular: Angular 中用来处理 RESTful API 的插件,可替代 $resource
ng-cordova: Cordova 常用组件的 Angular 版本
angular-translate: Angular 的国际化 (I18n)
ng-inspector: Chrome 插件,用于调试 Angular
angularjs-style-guide: AngularJS 代码风格
ngReact: React 的 Angular 插件,可以在 Angular 中使用 React Components
material: Google Material Design 效果的 Angular 实现
angular-local-storage: Angular 插件, 提供了对 localStorage 的友好支持, 并对不支持的浏览器使用 cookie 优雅降级
angular-filter: 一组有用的 Angular Filters
bindonce: Angular 插件, 用于减少 Watcher 的数量, 提升性能
React
英文官方文档
中文官方文档
gitbooks手册
阮一峰react入门
阮一峰React Router入门
React Router 中文文档
react-redux 中文文档
阮一峰Redux 入门教程
React 框架源代码
react-native: Facebook 出品的使用 React 开发 IOS 原生应用的框架
react-hot-loader: 实时调整 React 组件效果
grunt-react: React 的 Grunt 组件, 用于将 JSX 编译成 JS
touchstonejs: 基于 React 的手机应用前端框架
essential-react: 基于 React, ES6, React-Router的一个应用脚手架
react-router: React 路由解决方案
Vue
vue官方
vuex官方
vue-router官方 -
UI框架 UI Frameworks
Bootstrap
最受欢迎的 HTML、CSS 和 JS 框架 http://v3.bootcss.com/
Ionic
一款接近原生的Html5移动App开发框架 会html css js就可以开发apphttp://www.ionic.wang/
Foundation
Foundation 中文网 迄今为止最好的响应式前端框架http://www.foundcss.com
FrozenUI
移动端服务的前端框架http://frozenui.github.io/
materializecss
基于Material Design的主流前端响应式框架http://www.materializecss.cn/
mui
最接近原生APP体验的高性能前端框架http://dev.dcloud.net.cn/mui/
AntDesign
和react配合的UI框架https://ant.design
eleme
和vue配合的UI框架http://element.eleme.io/
-
JS预处理 JS Preprocessors
TypeScript
TypeScript 入门教程 菜鸟教程http://www.runoob.com/
TypeScript中文网https://www.tslang.cn/
TypeScript教程gitbookhttps://www.gitbook.com/
CoffeeScript
CoffeeScript 中文http://coffee-script.org/
CoffeeScript 实用手册 极客学院http://wiki.jikexueyuan.com/project/coffeescript/ -
过程自动化 Process Automation
Grunt
Grunt中文网http://www.gruntjs.net/
Gulp
gulp.js 中文网http://www.gulpjs.com.cn/
gulp详细入门教程http://www.ydcss.com/
前端构建工具gulpjs的使用介绍及技巧http://www.cnblogs.com/2050/p/4198792.html
Gulp开发教程https://www.w3ctech.com/topic/134 -
模板引擎 Templating
Handlebars
handlebarsjs官网http://handlebarsjs.com/
Handlebars中文文档http://www.360doc.com/content/
Handlebars.js 中文文档http://keenwon.com/992.html
Handlebars的使用方法文档整理http://www.tuicool.com/articles/fqQFN3
Haml
haml官方文档https://github.com/haml/haml
haml入门http://blog.csdn.net/napoay/article/details/50491363
Jade
Jade 官方的英文文档http://www.w3cplus.com/html/how-to-use-jade.html
Jade的使用http://www.w3cplus.com/html/how-to-use-jade.html
带你学习Jade模板引擎视频http://www.imooc.com/learn/259
-
构建工具 Build Tools
RequireJS
RequireJS 英文网http://requirejs.org/
RequireJS 中文网http://requirejs.cn/
require.js的用法-阮一峰http://www.ruanyifeng.com/blog
seajs
seajs文档http://seajs.org/docs/
SeaJS从入门到原理http://www.tuicool.com/articles/FfEJv2u
Browserify
官网http://browserify.org/
githubhttps://github.com/substack/node-browserify/
Webpack
Webpack 中文指南http://webpackdoc.com/
webpack的实例http://www.vichily.com
webpack的入门http://www.vichily.com
一小时包教会 —— webpack 入门指南http://www.w2bc.com/Article/50764 -
CSS预处理器 CSS Preprocessors
Sass
sass入门http://www.w3cplus.com/sassguide/
sass参考手册http://sass.bootcss.com/docs/sass-reference/
SASS用法指南-阮一峰http://www.ruanyifeng.com/blog/
Less
less中文网http://lesscss.cn/
less快速入门http://less.bootcss.com/
stylus
stylus中文文档-张鑫旭http://www.zhangxinxu.com/jq/stylus/
转载自云栖社区-前端知识库
网友评论