开发相关的绝赞网站和框架

开发相关的绝赞网站和框架

文：铁乐与猫
个人收集一下和开发有关的一些绝赞网站，排名不分先后，就按首字母排吧！以后还会持续更新！

Animate.css

• animate.css 是一个来自国外的 CSS3 动画库，几乎包含了所有常见的动画效果。
• 虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果，但还是建议看看 animate.css 的代码，也许你能从中学到一些东西。
• https://daneden.github.io/animate.css/
• https://github.com/daneden/animate.css

Angular

• Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。
• Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身。
• Angular 为开发者提升构建 Web、手机或桌面应用的能力。
• 教程有点意思，英雄指南，英雄编辑器。
• https://www.angular.cn/

Babel

• 一个 JavaScript 编译器。
• 今天就开始使用下一代 JavaScript 语法吧！
• https://babel.bootcss.com/

BootStrap

• 简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。
• 特点是响应式页面。只要做一个网页就自适应所有设备。一处开发，处处适用。
• http://www.bootcss.com/

BootCDN

• 稳定、快速、免费的前端开源项目 CDN 加速服务。
• 简而言之，就是让你通过JS外联样式来使用各开源项目的，因为使用的是cdn，所以基本不会出现单点故障后引入不了JS文件而导致网站样式失效等问题。
• http://www.bootcdn.cn/

Chart.js

• 为设计和开发人员准备的简单、灵活的 JavaScript 图表工具。
• https://chartjs.bootcss.com/

Codepen

• 这个网站用于演示或调试自己写好的代码的。
• https://codepen.io

ECharts

• 数据图表
• http://echarts.baidu.com/echarts2/
• http://echarts.baidu.com/

Electronjs

• 构建跨平台的桌面应用
• https://www.electronjs.cn/

ESLint

• ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。
• 简而言之，就是用来审核代码的工具。代码检测插件。
• http://eslint.cn/

Github

• 大名鼎鼎，基本上连简单介绍都不用了吧。
• 吐糟一句，就在不久前，它被微软收购了，章鱼头背景图标加了微软的logo显得违和，颜值变低了阿。大批开发者似乎转投gitlab了。
• https://progit.bootcss.com/ 附Pro git 指南
• https://github.com/ 官网

Gitlab

• 和github类似，做代码托管的服务。
• 公司内部通常会搭建gitlab作业本地代码托管库。
• 图标和火狐相似，同样用了狐狸作为logo。
• https://gitlab.com/

Gulp.js

• 基于流的自动化构建工具
• https://www.gulpjs.com.cn/

Gruntjs

• 自动化构建，图标是一头野猪呢
• JavaScript 世界的构建工具
• http://www.gruntjs.net/

Hexo

• 快速、简洁且高效的博客框架。
• https://hexo.io/ 官网（右上角可选择语言，包括简体中文）

Jquery插件库

• 可以在上面找到很多别人提供的插件供码。
• http://www.jq22.com/

掘金社区

• 一个帮助开发者成长的社区。
• https://juejin.im

Less

• LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数。
• 真的蛮强大的，虽然只是略略一看，而且也蛮符合面向对象的思想。
• http://www.bootcss.com/p/lesscss/ bootstrap链接的less中文文档，写得挺好的
• http://lesscss.cn/ 中文网
• http://lesscss.org/ 官网

MDN web docs

• Mozilla 开发者社区（MDN）,学习开发的强大社区。
• https://developer.mozilla.org/zh-CN/

Node.js 和 npm

• 轻量级的服务器语言
• 其包管理开源项目npm也很出名，是全球最大的开源库生态系统。
• https://www.npmjs.com/ npm包管理（提供下载）站
• https://nodejs.org/en/ 官网
• http://nodejs.cn/ 中文站点
• https://www.nodeapp.cn/documentation.html nodejs中文学习文档

• https://www.npmjs.com.cn/ npm中文指南

• 淘宝npm镜像

  • 完整的 npmjs.org 镜像，可以用此代替官方版本(只读)，下载插件库的时候从国内下载比从国外下载快多了。
  • http://npm.taobao.org/
  • 使用命令如下，其实就是指定了仓库源为taobao的服务器：

npm install -g cnpm --registry=https://registry.npm.taobao.org

Parcel

• web应用打包工具，利用多核处理器提供了极快的速度；
• https://www.parceljs.cn

Postcss

• 一个用 JavaScript 工具和插件转换 CSS 代码的工具。
• 内含stylelint 强化一致性检查来避免CSS错误等。
• 支持让你先使用未来的语法，实际上会替你转换回旧的语法等。
• https://www.postcss.com.cn/

React

• 用于构建用户界面的 JavaScript 库
• https://www.reactjscn.com/

Sass

• 成熟、稳定、强大的 CSS 扩展语言解析器。
• https://www.sasscss.com/

Swiper

• 开源，免费，强大的称动端触摸滑动插件。
• http://www.swiper.com.cn/

StackBlitz

• 和codepen一样是在线演示代码的，不过需要翻墙。
• 比codepen更强大的是可以看到项目的全部目录和文件！
• 点击文件查看代码比codepen更赞。
• https://stackblitz.com/

ThemeQuarry

• 提供大量网站模板。
• https://themequarry.com/

TypeScript

• TypeScript是JavaScript类型的超集。
• https://www.tslang.cn/

Vue.js

• 渐进式JavaScript 框架
• https://cn.vuejs.org/

W3schools.com

• 注意请与国内的w3cschool.cn区别开来，不过两者都是学习前端的极好网站是没差啦。
• https://www.w3schools.com/ 国外原站，需要翻墙访问
• https://www.quanzhanketang.com/default.html 国内镜像站
• https://www.w3cschool.cn/ 既然提到了国内的w3cshcool，不妨也将链接放出。

Webpack

• web应用打包工具，压缩。
• https://www.webpackjs.com/

Yarn

• 快速，可靠，安全的依赖管理
• 和npm类似的包管理
• https://yarnpkg.com/zh-Hans/

【持续更新】