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

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

[toc]

文:铁乐与猫

个人收集一下和开发有关的一些绝赞网站,排名不分先后,就按首字母排吧!以后还会持续更新!

Animate.css

Angular

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

Babel

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

Babel

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

codepen

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/

StackBlitz

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/

【持续更新】

发表评论

电子邮件地址不会被公开。 必填项已用*标注

5 × 1 =