開發相關的絕贊網站和框架

開發相關的絕贊網站和框架

文：鐵樂與貓
個人收集一下和開發有關的一些絕贊網站，排名不分先後，就按首字母排吧！以後還會持續更新！

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/

【持續更新】