澳门新萄京官方网站-www.8455.com-澳门新萄京赌场网址

前端开荒知识大汇总,Github财富搜罗

2019-09-11 作者:澳门新萄京赌场网址   |   浏览(139)

Github资源收集

2015/08/30 · CSS, HTML5, JavaScript · Github

原文出处: leozdgao的博客   

Github上已经给别人点了很多赞了,觉得有必要开始整理起来。这里用于整理我在Github中的starred项目,方便之后检索 ,同时分享出来。本文将会不断更新和整理。

原文出处: leozdgao的博客

Github优秀web前端资源收集

前端开发知识点学习汇总 -- 持续更新,调整 by Qzx

HTML/CSS

  • html5-boilerplate
  • html5demos
  • web项目启航包
  • CSS术语表
  • ES5 shim
  • html5shiv
  • Respond(Media Query polyfill)
  • Modernizr
  • normalize.css
  • bootstrap
  • Semantic-UI
  • amazeui
  • masonry 栅格布局库
  • lost 栅格布局库
  • bootmetro win8 metro风格UI库
  • CSS模拟各种设备
  • CSS spinners
  • css-loaders
  • loaders.css
  • animate.css
  • velocity
  • dashboard(Bootstrap模板)
  • 雪碧图生成工具
  • svg-sprite-polyfill
  • Snap.svg
  • SVG图标集
  • 纯css图标
  • Font-Awesome
  • material-design-icons
  • Material Design Lite
  • Material风格css框架
  • fullPage.js
  • Fullpage原生实现
  • bootstrap-daterangepicker
  • bootstrap-additions
  • pjax
  • Ace(Cloud9的文本编辑器)
  • quill 文本编辑器
  • plupload
  • postcss
  • three.js
  • stage.js

Github上已经给别人点了很多赞了,觉得有必要开始整理起来。这里用于整理我在Github中的starred项目,方便之后检索 ,同时分享出来。本文将会不断更新和整理。

HTML/CSS

最近更新时间 -- 2017.11.02

可能是常用的工具库

  • moment
  • lodash
  • highland 流式风格工具库
  • handlebars.js
  • FileAPI
  • CryptoJS加密库
  • Esprima(ECMAScript语法解析)
  • jison 语法解析器生成器
  • bowser 判断浏览器
  • reqwest(Ajax实现)
  • superagent
  • es6-promise
  • core-js(各种js pollyfill集合)
  • svgo SVG优化工具
  • stateman 前端路由
  • dragdealer
  • pdf.js
  • filesize.js
  • berserkJS
  • umd
  • requirejs
  • html5-boilerplate
  • html5demos
  • web项目启航包
  • CSS术语表
  • ES5 shim
  • html5shiv
  • Respond(Media Query polyfill)
  • Modernizr
  • normalize.css
  • bootstrap
  • Semantic-UI
  • amazeui
  • masonry 栅格布局库
  • lost 栅格布局库
  • bootmetro win8 metro风格UI库
  • CSS模拟各种设备
  • CSS spinners
  • css-loaders
  • loaders.css
  • animate.css
  • velocity
  • dashboard(Bootstrap模板)
  • 雪碧图生成工具
  • svg-sprite-polyfill
  • Snap.svg
  • SVG图标集
  • 纯css图标
  • Font-Awesome
  • material-design-icons
  • Material Design Lite
  • Material风格css框架
  • fullPage.js
  • Fullpage原生实现
  • bootstrap-daterangepicker
  • bootstrap-additions
  • pjax
  • Ace(Cloud9的文本编辑器)
  • quill 文本编辑器
  • plupload
  • postcss
  • three.js
  • stage.js

html5-boilerplate

Mac Pro 初始开发环境搭建

  • 软件安装
    • 电脑软件:Homebrew(包管理器) Chrome浏览器、Firefox浏览器、微信、Evernote(印象笔记)、有道词典、Microsoft Office套装、Jenkins、Keka(解压缩)
    • 前端开发工具:iTem2(终端)、Dropbox(文件夹共享)、Atom、Yarn(依赖管理工具)、Ps cc2017、Charles(花瓶)、Sequel Pro(数据库)、MacDown(markdown编辑器)、Sketch(设计稿标注神器)
    • Chrome 浏览器开发常用插件:Page Ruler、Window Resizer、WhatFont、Dimensions、Proxy SwitchyOmega、Postman
    • 后端开发集成软件: MAMP
  • 安装地址及破解教程
    • 在Mac上安装office2016破解版
    • Adobe Photoshop CC 2017 Mac中文破解版
    • Charles破解注册
    • Mamp -- PHP集成工具
  • 软件辅助文档及教程
    • Mac OS下包管理器Homebrew的安装与使用
    • svn翻墙插件 -- GFWList 使用教程
    • zsh oh my zsh iterm2、 iterm2 oh my zsh
    • 常用Atom插件列表
    • 设计稿标注必装神器-Sketch标注插件Marketch下载
    • 安装node包管理工具 nvm 和 node、nvm重启失效解决方案
    • mac 安装 php nginx mysql
    • Mac 平台搭建PHP开发环境:Nginx、PHP、MySQL
    • 利用Nginx和Host把自定义域名指向本地
    • 图解Mac下使用Sequel Pro连接操作数据库
    • Chrome 35个开发者工具的小技巧
    • Sublime Text 3 Mac破解版
    • Sublime Text 3 常用插件推荐

代码处理工具

  • babel
  • traceur-compiler
  • webpack
  • node-browserify
  • amdclean
  • gulp
  • grunt

html5demos

技术学习过程记录

  • 搭建个人博客
    • 个人博客网站的搭建(github Pages 和 Jekyll)
  • 前端相关学习网站及论坛
    • GitHub
    • Github常用插件和库
    • W3school手册
    • W3cplus技术博客
    • 开源中国社区
    • 掘金
    • 简书
    • segmentfault 社区
    • 前端开荒知识大汇总,Github财富搜罗。MDN
    • 阮一峰的网络日志
    • WEB 前端开发
    • JavaScript 分类库
    • h5 小游戏下载
    • 软件知识库
    • Digcss.com -- 前端知识
    • 前端人的俱乐部
  • 前端在线代码调试工具
    • jsFiddle
    • RunJs
  • 前端开发者的工具、库和资源
    • 67 个拯救前端开发者的工具、库和资源
    • react 插件大汇总
    • vue插件整理汇总-awesome-github-vue
  • 原生DOM操作学习: 开始学习 2015.09 ~ 至今
    • javaScript基础知识点梳理
    • 常见的原生javascript DOM操作
    • Javascript中URL 传递参数(特殊字符)解决方法及转码解码的介绍
  • jQuery学习及使用: 开始学习 2015.11 ~ 2016.02
    • jQuery教程 -- w3school
    • jQuery教程 -- 菜鸟教程
    • jQuery插件库
    • jquery css3制作多种图片切换动画效果
  • Bootstrap 框架
    • Bootstrap中文官网
    • Bootstrap 菜鸟教程
  • git 使用教程 2016.02
    • 常用 Git 命令清单 -- 阮一峰
    • git学习宝典:程序员走江湖必备
  • 前端开发辅助工具汇总
    • Yarn 中文官网
    • Grunt中文文档
    • Gulp中文官网
    • 前端构建工具gulp的使用介绍及技巧
    • Babel中文网
    • webpack中文官网
    • WebPack 简明学习教程
    • webpack.config.js 参数详解
    • npm package.json属性详解
    • 语法检查 -- ESlint中文
    • 精读前端调试技巧
  • UI、产品、后台相关技术
    • 如何做一份让工程师泪流满面的标注?
    • 阿里巴巴矢量图标库
    • 移动端设计指南 -- Ant Design Mobile
    • Ant Design -- UI 设计语言
    • 后台接口文档生成器 - APIDOC
    • 奇迹秀--设计工具集锦
  • CSS 技术汇总 2015.11 ~ 未知
    • 前端CSS规范整理
    • 编写可维护的CSS
    • Less中文文档
    • Sass中文文档
    • stylus中文版文档
    • PostCSS -- 入门精通教程
    • 基于flexbox的栅格化布局库--flex-layout
    • flex布局教程:语法篇
    • flex布局教程:实例篇
    • 大量css3 hover效果
    • weui -- 腾讯开发样式库
    • React-WeUI
    • clip-path 裁剪属性获取maker
  • React 技术学习 学习及项目使用 2016.02 ~ 2017.05
    • React官网 -- 英文版
    • React文档 -- 中文版
    • Preact react轻量级实现方案
    • React 技术栈系列教程 -- 阮一峰
    • React 入门实例教程 -- 阮一峰
    • React Router 使用教程 -- 阮一峰
    • Flux 架构入门教程 -- 阮一峰
    • Redux 入门教程(一):基本用法 -- 阮一峰
    • Redux 入门教程(二):中间件与异步操作 -- 阮一峰
    • Redux 入门教程(三):React-Redux 的用法 -- 阮一峰
    • 一个 react redux 的完整项目 和 个人总结
    • React/React Native 的ES5 ES6写法对照表
    • React组件属性部类(propTypes)校验
  • React 常用插件汇总整理
    • awesome-react-components 插件大汇总
    • React插件专题 wesomes
    • react-paginate 分页器
    • axios 中文文档 翻译
    • qs 格式化数据
  • 前端开发辅助类框架
    • 截屏类(HTML转图片)
      • html2canvas
      • rasterizeHTML
    • 图表类框架
      • Echarts中文官网
      • Echarts -- github
    • 移动端触摸滑动框架
      • Swiper中文官网
      • Hammer.Js -- 移动端手势插件库
      • hammer.js 使用教程
      • fastclick.js -- 解决手机 300ms延时插件
    • 富文本编辑器
      • ueditor
      • 移动端富文本编辑器 -- artEditor
      • react-lz-editor
      • wangEditor —— 轻量级web富文本框
    • H5 手机端快速开发库
      • Light7 -- 轻量,小巧且精美的UI库
    • HTML 5 游戏类框架
      • CreateJS -- 开发基于HTML5的游戏、动画和交互应用
  • 微信小程序 相关文档 2016.09
    • 微信小程序开发文档
    • 小程序开发社区 -- 很快
    • 微信公众平台开发技术文档
    • 微信小程序组件化开发框架 -- Labrador
    • WeUI for 小程序 为微信小程序量身设计
  • 微信公众号开发与编辑
    • 135编辑器
    • 秀米--h5快速开发
    • 壹伴 · 小插件
  • ECMAScript 6 系列教程 2017.03
    • ECMAScript 6 入门
  • MarkDown语法的学习及整理:完成第一期整理 2017.06
    • markdown 新手指南
    • markdown 编辑器 -- MacDown 官网下载
  • jade 语法学习及整理: 学习时间(2017.05 ~ 2017.06)
    • jade学习
    • jade语法教程
    • Jade —— 源于 Node.js 的 HTML 模板引擎
  • Vue 技术相关文档
    • vue官网
    • vue-router
    • vuex
    • vuex 中文文档
    • Vue.js 入门教程
    • Vue2.0 新手入门 — 从环境搭建到发布
    • vue插件整理汇总-awesome-github-vue
    • Element,一套基于 Vue2.0 的桌面端组件库
    • iView, 一套基于 Vue2.0 的高质量 UI 组件库
  • 全栈开发系列教程
    • JavaScript 全栈工程师培训教程 -- 阮一峰
  • 后端 PHP 开发
    • Mamp -- PHP开发环境
    • PHP 菜鸟教程
    • Laravel 框架
    • laravel学院 -- 致力于提供优质的 Laravel中文学习资源
    • apiDoc -- 后端写接口文档利器
    • Apidoc安装与使用
  • 前端优秀个人博客
    • 阮一峰
    • 熊建刚

移动端

  • Swipe
  • mobileTech 移动端资源收集
  • moment
  • lodash
  • highland 流式风格工具库
  • handlebars.js
  • FileAPI
  • CryptoJS加密库
  • Esprima(ECMAScript语法解析)
  • jison 语法解析器生成器
  • bowser 判断浏览器
  • reqwest
  • superagent
  • es6-promise
  • core-js(各种js pollyfill集合)
  • svgo SVG优化工具
  • stateman 前端路由
  • dragdealer
  • pdf.js
  • filesize.js
  • berserkJS
  • umd
  • requirejs

web项目启航包

测试框架和断言库

  • chai
  • jasmine

CSS术语表

Node.js

  • node
  • io.js
  • nw.js
  • PM2
  • connect
  • q
  • async
  • koa
  • node-restify
  • node-static
  • step
  • then.js
  • co
  • node-glob
  • thunks
  • forever
  • request
  • bluebird
  • FormData For node.js
  • node fs模块扩展
  • node-portfinder 获取可用的端口
  • yargs 方便操作process.argv
  • Editor Framework桌面应用框架
  • OAuth2orize
  • Inquirer.js 命令行交互
  • jsdom
  • node-lessons包教不包会
  • nodemon
  • node-supervisor
  • node-formidable
  • node-xml2js
  • bagpipe
  • babel
  • traceur-compiler
  • webpack
  • node-browserify
  • amdclean
  • gulp
  • grunt

Respond(Media Query polyfill)

模板引擎

  • swig
  • dustjs
  • doT
  • marko
  • mustache.js
  • hogan.js

Modernizr

数据可视化

  • d3
  • Echarts
  • Chart.js
  • Swipe
  • mobileTech 移动端资源收集

normalize.css

React及相关库

  • react
  • React Awesome系列
  • react-router
  • flux
  • Reflux
  • Redux
  • Relay
  • react-native
  • immutable-js
  • Morearty.js
  • ReactUI
  • material-ui
  • ant-design
  • Redux入门
  • Redux Awesome系列
  • react-starter(React新手包)
  • react-hot-loader各种例子
  • 同构路由样例
  • React Flux ServerSideRendering样例
  • react-demos 阮一峰
  • React UI Builder
  • React Native入门指南
  • react-cursor
  • react-style
  • react-quill富文本编辑器组件
  • react-canvas
  • react-engine
  • react-templates
  • React-news(React写的项目)
  • deku(类似React的UI库)
  • delorean Flux
  • Virtual DOM

bootstrap

Angular.js

  • angular
  • AngularLearning
  • ng-file-upload
  • angular-bootstrap
  • ui-router
  • angular-ui-awesome
  • angular-strap
  • bindonce
  • ng-annotate
  • angular-deckgrid
  • angular-semantic
  • restangular
  • material
  • famous-angular
  • chai
  • jasmine

Semantic-UI

其他优秀js框架

  • avalon
  • meteor
  • vue
  • fibjs
  • aurelia
  • mootools-core
  • polymer
  • regular
  • jquery
  • zepto

amazeui

函数式编程相关

  • 函数式编程指南GitBook版 中文版 英文版
  • ramda
  • fantasy-land
  • node
  • io.js
  • nw.js
  • PM2
  • connect
  • q
  • async
  • koa
  • node-restify
  • node-static
  • step
  • then.js
  • co
  • node-glob
  • thunks
  • forever
  • request
  • bluebird
  • FormData For node.js
  • node fs模块扩展
  • node-portfinder 获取可用的端口
  • yargs 方便操作process.argv
  • Editor Framework桌面应用框架
  • OAuth2orize
  • Inquirer.js 命令行交互
  • jsdom
  • node-lessons包教不包会
  • nodemon
  • node-supervisor
  • node-formidable
  • node-xml2js
  • bagpipe

masonry 栅格布局库

Nginx

  • Nginx配置用例

lost 栅格布局库

Git

  • gitflow
  • gitolite
  • swig
  • dustjs
  • doT
  • marko
  • mustache.js
  • hogan.js

bootmetro win8 metro风格UI库

代码风格

  • eslint
  • JavaScript代码风格指南
  • standard
  • 广发证券团队代码风格
  • Flow
  • css-creating

CSS模拟各种设备

未来科技

  • 常用ES7 decorators
  • ES7 decorator介绍
  • d3
  • Echarts
  • Chart.js

CSS spinners

EBooks或是学习资源

  • awesome系列首页
  • JavaScript知识体系图
  • 前端技能图(朴灵)
  • 前端开发资源大集合
  • ES6学习资源列表
  • Front-end-Developer-Interview-Questions
  • javascript框架设计
  • SunLn-F2E-Bookmarks
  • front-end-collect
  • Understanding ECMAScript 6
  • 理解HTTP 2.0 中文版 英文版
  • mvvm技术概览

css-loaders

其他

  • 百度前端技术学院
  • 博客框架discourse
  • AlloyStick 骨骼动画
  • hexo

    1 赞 15 收藏 评论

图片 1

  • react
  • React Awesome系列
  • react-router
  • flux
  • Reflux
  • Redux
  • Relay
  • react-native
  • immutable-js
  • Morearty.js
  • ReactUI
  • material-ui
  • ant-design
  • Redux入门
  • Redux Awesome系列
  • react-starter
  • react-hot-loader各种例子
  • 同构路由样例
  • React Flux ServerSideRendering样例
  • react-demos 阮一峰
  • React UI Builder
  • React Native入门指南
  • react-cursor
  • react-style
  • react-quill富文本编辑器组件
  • react-canvas
  • react-engine
  • react-templates
  • React-news(React写的项目)
  • deku(类似React的UI库)
  • delorean Flux
  • Virtual DOM

loaders.css

animate.css

  • angular
  • AngularLearning
  • ng-file-upload
  • angular-bootstrap
  • ui-router
  • angular-ui-awesome
  • angular-strap
  • bindonce
  • ng-annotate
  • angular-deckgrid
  • angular-semantic
  • restangular
  • material
  • famous-angular

velocity

dashboard(Bootstrap模板)

  • avalon
  • meteor
  • vue
  • fibjs
  • aurelia
  • mootools-core
  • polymer
  • regular
  • jquery
  • zepto

雪碧图生成工具

svg-sprite-polyfill

  • 函数式编程指南GitBook版 中文版 英文版
  • ramda
  • fantasy-land

Snap.svg

SVG图标集

  • Nginx配置用例

纯css图标

Font-Awesome

  • gitflow
  • gitolite

material-design-icons

Material Design Lite

  • eslint
  • JavaScript代码风格指南
  • standard
  • 广发证券团队代码风格
  • Flow
  • css-creating

Material风格css框架

fullPage.js

  • 常用ES7 decorators
  • ES7 decorator介绍

Fullpage原生实现

bootstrap-daterangepicker

  • awesome系列首页
  • JavaScript知识体系图
  • 前端技能图
  • 前端开发资源大集合
  • ES6学习资源列表
  • Front-end-Developer-Interview-Questions
  • javascript框架设计
  • SunLn-F2E-Bookmarks
  • front-end-collect
  • Understanding ECMAScript 6
  • 理解HTTP 2.0 中文版 英文版
  • mvvm技术概览

bootstrap-additions

pjax

  • 百度前端技术学院
  • 博客框架discourse
  • AlloyStick 骨骼动画
  • hexo

Ace(Cloud9的文本编辑器)

quill 文本编辑器

plupload

postcss

three.js

stage.js

html2canvas

Shim/Polyfill

ES5 shim

es6-shim

html5shiv

core-js

可能是常用的工具库

moment

lodash

highland 流式风格工具库

handlebars.js

FileAPI

CryptoJS加密库

Esprima(ECMAScript语法解析)

jison 语法解析器生成器

bowser 判断浏览器

reqwest(Ajax实现)

superagent

es6-promise

core-js(各种js pollyfill集合)

svgo SVG优化工具

stateman 前端路由

dragdealer

pdf.js

filesize.js

berserkJS

umd

requirejs

代码处理工具

babel

traceur-compiler

webpack

node-browserify

amdclean

gulp

grunt

jspm

rollup.js

移动端

Swipe

mobileTech 移动端资源收集

测试框架和断言库

chai

jasmine

Node.js

node

io.js

nw.js

PM2

connect

q

async

koa

node-restify

node-static

step

then.js

co

node-glob

thunks

forever

request

bluebird

FormData For node.js

node fs模块扩展

node-portfinder 获取可用的端口

yargs 方便操作process.argv

Editor Framework桌面应用框架

OAuth2orize

Inquirer.js 命令行交互

jsdom

node-lessons包教不包会

nodemon

node-supervisor

node-formidable

node-xml2js

bagpipe

模板引擎

swig

dustjs

doT

marko

mustache.js

hogan.js

数据可视化

d3

Echarts

Chart.js

React及相关库

react

React Awesome系列

react-router

flux

Reflux

Redux

Relay

react-native

immutable-js

Morearty.js

ReactUI

material-ui

ant-design

Redux入门

Redux Awesome系列

react-starter(React新手包)

react-hot-loader各种例子

react-transform-boilerplate

同构路由样例

React Flux ServerSideRendering样例

react-demos 阮一峰

React UI Builder

React Native入门指南

react-cursor

react-style

react-quill富文本编辑器组件

react-canvas

react-engine

react-templates

React-news(React写的项目)

deku(类似React的UI库)

delorean Flux

Virtual DOM

Angular.js

angular

AngularLearning

ng-file-upload

angular-bootstrap

ui-router

angular-ui-awesome

angular-strap

bindonce

ng-annotate

angular-deckgrid

angular-semantic

restangular

material

famous-angular

其他优秀js框架

avalon

meteor

vue

fibjs

aurelia

mootools-core

polymer

regular

jquery

zepto

函数式编程相关

函数式编程指南GitBook版中文版英文版

ramda

fantasy-land

Nginx

Nginx配置用例

Git

gitflow

gitolite

代码风格

eslint

JavaScript代码风格指南

standard

广发证券团队代码风格

Flow

css-creating

未来科技

常用ES7 decorators

ES7 decorator介绍

EBooks或是学习资源

awesome系列首页

JavaScript知识体系图

前端技能图(朴灵)

前端开发资源大集合

ES6学习资源列表

Front-end-Developer-Interview-Questions

javascript框架设计

SunLn-F2E-Bookmarks

front-end-collect

Understanding ECMAScript 6

理解HTTP 2.0中文版英文版

mvvm技术概览

其他

百度前端技术学院

博客框架discourse

AlloyStick 骨骼动画

hexo

原文链接:http://www.kubiji.cn/topic-id3156.html

本文由澳门新萄京官方网站发布于澳门新萄京赌场网址,转载请注明出处:前端开荒知识大汇总,Github财富搜罗

关键词: