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

ゝ一纸荒年。 2022-05-23 12:37 544阅读 0赞

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

*  开发相关的绝赞网站和框架
    
     *  Animate.css
     *  Angular
     *  Babel
     *  BootStrap
     *  BootCDN
     *  Chart.js
     *  Codepen
     *  ECharts
     *  Electronjs
     *  ESLint
     *  Github
     *  Gitlab
     *  Gulp.js
     *  Gruntjs
     *  Hexo
     *  Jquery插件库
     *  掘金社区
     *  Less
     *  MDN web docs
     *  Node.js 和 npm
     *  Parcel
     *  Postcss
     *  React
     *  Sass
     *  Swiper
     *  StackBlitz
     *  ThemeQuarry
     *  TypeScript
     *  Vue.js
     *  W3schools.com
     *  Webpack
     *  Yarn

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

## Animate.css ##

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

## Angular ##

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

## Babel ##

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

![Babel][]

## BootStrap ##

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

## BootCDN ##

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

## Chart.js ##

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

## Codepen ##

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

![codepen][]

## ECharts ##

*  数据图表
 *  [http://echarts.baidu.com/echarts2/][http_echarts.baidu.com_echarts2]
 *  [http://echarts.baidu.com/][http_echarts.baidu.com]

## Electronjs ##

*  构建跨平台的桌面应用
 *  [https://www.electronjs.cn/][https_www.electronjs.cn]

## ESLint ##

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

## Github ##

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

## Gitlab ##

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

## Gulp.js ##

*  基于流的自动化构建工具
 *  [https://www.gulpjs.com.cn/][https_www.gulpjs.com.cn]

## Gruntjs ##

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

## Hexo ##

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

## Jquery插件库 ##

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

## 掘金社区 ##

*  一个帮助开发者成长的社区。
 *  [https://juejin.im][https_juejin.im]

## Less ##

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

## MDN web docs ##

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

## Node.js 和 npm ##

*  轻量级的服务器语言
 *  其包管理开源项目npm也很出名，是全球最大的开源库生态系统。
 *  [https://www.npmjs.com/][https_www.npmjs.com] npm包管理（提供下载）站
 *  [https://nodejs.org/en/][https_nodejs.org_en] 官网
 *  [http://nodejs.cn/][http_nodejs.cn] 中文站点
 *  [https://www.nodeapp.cn/documentation.html][https_www.nodeapp.cn_documentation.html] nodejs中文学习文档
 *  [https://www.npmjs.com.cn/][https_www.npmjs.com.cn] npm中文指南
 *  淘宝npm镜像
    
     *  完整的 `npmjs.org` 镜像，可以用此代替官方版本(只读)，下载插件库的时候从国内下载比从国外下载快多了。
     *  [http://npm.taobao.org/][http_npm.taobao.org]
     *  使用命令如下，其实就是指定了仓库源为taobao的服务器：

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

## Parcel ##

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

## Postcss ##

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

## React ##

*  用于构建用户界面的 JavaScript 库
 *  [https://www.reactjscn.com/][https_www.reactjscn.com]

## Sass ##

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

## Swiper ##

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

## StackBlitz ##

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

![StackBlitz][]

## ThemeQuarry ##

*  提供大量网站模板。
 *  [https://themequarry.com/][https_themequarry.com]

## TypeScript ##

*  TypeScript是JavaScript类型的超集。
 *  [https://www.tslang.cn/][https_www.tslang.cn]

## Vue.js ##

*  渐进式JavaScript 框架
 *  [https://cn.vuejs.org/][https_cn.vuejs.org]

## W3schools.com ##

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

## Webpack ##

*  web应用打包工具，压缩。
 *  [https://www.webpackjs.com/][https_www.webpackjs.com]

## Yarn ##

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

【持续更新】

[https_daneden.github.io_animate.css]: https://daneden.github.io/animate.css/
[https_github.com_daneden_animate.css]: https://github.com/daneden/animate.css
[https_www.angular.cn]: https://www.angular.cn/
[https_babel.bootcss.com]: https://babel.bootcss.com/
[Babel]: /images/20220523/e83da9ec17a840fa85fac8ca4ed252d3.png
[http_www.bootcss.com]: http://www.bootcss.com/
[http_www.bootcdn.cn]: http://www.bootcdn.cn/
[https_chartjs.bootcss.com]: https://chartjs.bootcss.com/
[https_codepen.io]: https://codepen.io
[codepen]: /images/20220523/a55148cddac94a19b3568f9be6ea1736.png
[http_echarts.baidu.com_echarts2]: http://echarts.baidu.com/echarts2/
[http_echarts.baidu.com]: http://echarts.baidu.com/
[https_www.electronjs.cn]: https://www.electronjs.cn/
[http_eslint.cn]: http://eslint.cn/
[https_progit.bootcss.com]: https://progit.bootcss.com/
[https_github.com]: https://github.com/
[https_gitlab.com]: https://gitlab.com/
[https_www.gulpjs.com.cn]: https://www.gulpjs.com.cn/
[http_www.gruntjs.net]: http://www.gruntjs.net/
[https_hexo.io]: https://hexo.io/
[http_www.jq22.com]: http://www.jq22.com/
[https_juejin.im]: https://juejin.im
[http_www.bootcss.com_p_lesscss]: http://www.bootcss.com/p/lesscss/
[http_lesscss.cn]: http://lesscss.cn/
[http_lesscss.org]: http://lesscss.org/
[https_developer.mozilla.org_zh-CN]: https://developer.mozilla.org/zh-CN/
[https_www.npmjs.com]: https://www.npmjs.com/
[https_nodejs.org_en]: https://nodejs.org/en/
[http_nodejs.cn]: http://nodejs.cn/
[https_www.nodeapp.cn_documentation.html]: https://www.nodeapp.cn/documentation.html
[https_www.npmjs.com.cn]: https://www.npmjs.com.cn/
[http_npm.taobao.org]: http://npm.taobao.org/
[https_www.parceljs.cn]: https://www.parceljs.cn
[stylelint]: http://stylelint.io/
[https_www.postcss.com.cn]: https://www.postcss.com.cn/
[https_www.reactjscn.com]: https://www.reactjscn.com/
[https_www.sasscss.com]: https://www.sasscss.com/
[http_www.swiper.com.cn]: http://www.swiper.com.cn/
[https_stackblitz.com]: https://stackblitz.com/
[StackBlitz]: /images/20220523/a3e2486093eb4c62a5ce49062ecaf309.png
[https_themequarry.com]: https://themequarry.com/
[https_www.tslang.cn]: https://www.tslang.cn/
[https_cn.vuejs.org]: https://cn.vuejs.org/
[https_www.w3schools.com]: https://www.w3schools.com/
[https_www.quanzhanketang.com_default.html]: https://www.quanzhanketang.com/default.html
[https_www.w3cschool.cn]: https://www.w3cschool.cn/
[https_www.webpackjs.com]: https://www.webpackjs.com/
[https_yarnpkg.com_zh-Hans]: https://yarnpkg.com/zh-Hans/