开发相关的绝赞网站和框架
文:铁乐与猫
个人收集一下和开发有关的一些绝赞网站,排名不分先后,就按首字母排吧!以后还会持续更新!
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
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包管理(提供下载)站
-
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/
【持续更新】