GitHub 上100个优秀前端项目整理，值得保藏！
<span style="color: black;"><p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">作 者：小明小明<span style="color: black;">成长</span>了</p>来 源：https://www.jianshu.com/p/72ca8192f7b8
</span><span style="color: black;"><span style="color: black;">这儿</span>整理收集了 GitHub上几乎所有优秀的前端项目，<span style="color: black;">包含</span>工具，<span style="color: black;">优秀</span>资源，测试工具，框架，动画，编译工具，数据可视化等等近100个项目，分享给<span style="color: black;">大众</span>学习</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">codepen</span></strong></span><span style="color: black;">一</span><span style="color: black;">个在线编辑前端项目的网站，其中有<span style="color: black;">有些</span>前端大神的作品，<span style="color: black;">亦</span>有<span style="color: black;">非常多</span>令人惊艳的前端效果，<span style="color: black;">能够</span>浏览和下载<span style="color: black;">运用</span></span><span style="color: black;">。</span><img src="https://mmbiz.qpic.cn/mmbiz/y5HvXaQmpqmhTjia6mLNtdZVaViaAuXccr2ib5R7tSfPxAyLCxtDnGG1KJVsN821ZD2h06YsLEWjosPBAEb2kkQibQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">docschina</span></strong></span><span style="color: black;">印记中文网收集了由社区翻译的比较流行的前端<span style="color: black;">关联</span>框架、工具的中文版文档。为学习<span style="color: black;">有些</span>新的框架扫平了语言<span style="color: black;">阻碍</span>。</span><img src="https://mmbiz.qpic.cn/mmbiz/y5HvXaQmpqmhTjia6mLNtdZVaViaAuXccrvUZiaC25Yia7kPrTcU5jiadh097jNzX4EGSpO4FH7xnlmcudoLwqPNDBQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">toby</span></strong></span><span style="color: black;">超级赞的收集与协作管理书签的chrome插件，前端<span style="color: black;">研发</span>应该都会用chrome。<span style="color: black;">全世界</span>超过10W+的用户。</span><img src="https://mmbiz.qpic.cn/mmbiz/y5HvXaQmpqmhTjia6mLNtdZVaViaAuXccrAYR2icUvDfSTiaVNyFpdSgJCwPYUFzFdA30GicMGHCqwAwlQEfXFEuFJg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">microjs</span></strong></span><span style="color: black;"><span style="color: black;">能够</span>让你<span style="color: black;">选取</span>微型的js类库的网站，该网站里的库都是压缩后不大于5KB的，非常实用，该网站的资源都托管到了github。</span><img src="https://mmbiz.qpic.cn/mmbiz/y5HvXaQmpqmhTjia6mLNtdZVaViaAuXccr4R6QajOPl8WgibiavuJy07FnCjKCaU0iceBciaNgTX2FNUhTaR3P0NhhjQ/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">plainjs </span></strong></span><span style="color: black;">该仓库都是用原生js写的插件和组件，非常实用，该网站的资源都托管到了github。</span><img src="https://mmbiz.qpic.cn/mmbiz/y5HvXaQmpqmhTjia6mLNtdZVaViaAuXccrUu4cclaLNQJGgKceWMydnfoO9AkuXrw9lH0jURyNeVCTEboicPLeeLg/640?wx_fmt=jpeg&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1" style="width: 50%; margin-bottom: 20px;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">综合/资源</span></strong></span><span style="color: black;">●</span><span style="color: black;">frontend-dev-bookmarks 一个巨大的前端<span style="color: black;">研发</span>资源<span style="color: black;">名单</span> star: 24705</span><span style="color: black;"><span style="color: black;">● </span>Awsome-Front-End-learning-resource github最全的前端资源汇总仓库 star: 4158</span><span style="color: black;"><span style="color: black;">● </span>mobile-web-favorites 移动端H5<span style="color: black;">研发</span>经验、资源、以及踩坑汇总 star: 1307</span><span style="color: black;"><span style="color: black;">● </span>Front-end-tutorial 最全的资源教程-前端<span style="color: black;">触及</span>的所有知识体系 star: 3667</span><span style="color: black;"><span style="color: black;">● </span>awesome-javascript 一系列很棒的javascript库、插件、资源 star: 15222</span><span style="color: black;"><span style="color: black;">● </span>front-end-collect 作者分享自己<span style="color: black;">长时间</span>关注的前端<span style="color: black;">研发</span><span style="color: black;">关联</span>的优秀网站、博客、以及活跃<span style="color: black;">研发</span>者 star: 3877</span><span style="color: black;"><span style="color: black;">● </span>javascript airbnb出品写js最佳的姿势，已成众多<span style="color: black;">机构</span>js代码风格的标准 star: 75330</span><span style="color: black;"><span style="color: black;">● </span>Mars 腾讯移动web前端知识库 star: 7278</span><span style="color: black;"><span style="color: black;">● </span>awesome-wechat-weapp 小程序<span style="color: black;">研发</span>资源汇总，应有尽有 star: 17357</span><span style="color: black;"><span style="color: black;">● </span>gold-miner 掘金翻译计划，可能是世界最大最好的英译中技术社区，最懂读者和译者的翻译平台 star: 15949 view</span><span style="color: black;"><span style="color: black;">● </span>Blog 前端大牛的博文，<span style="color: black;">优秀</span><span style="color: black;">文案</span> star: 7146</span><span style="color: black;"><span style="color: black;">● </span>Best-App 收集&<span style="color: black;">举荐</span>优秀的 Apps/硬件/技巧/周边等（与前端无关） star: 11578</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">构建工具/预编译</span></strong></span><span style="color: black;"><span style="color: black;">● </span>parcel 一个零配置的新一代前端构建工具，识别<span style="color: black;">各样</span>常用类型文件，最优加载模块，代码拆包等，非常值得尝试的一款打包工具 recommand star: 26158</span><span style="color: black;"><span style="color: black;">● </span>webpack 一个模块打包工具，你<span style="color: black;">能够</span><span style="color: black;">运用</span>webpack管理你的模块依赖，并编绎输出模块们所需的静态文件 recommand star: 43589</span><span style="color: black;"><span style="color: black;">● </span>gulp 基于node.js流构建系统，<span style="color: black;">仅有</span>原生几个api，和庞大的插件生态，<span style="color: black;">运用</span>非常简单 star: 30196</span><span style="color: black;"><span style="color: black;">● </span>yo 基于node的一个强健的项目脚手架工具，<span style="color: black;">能够</span>非常方便的构建一个初始项目，有<span style="color: black;">各样</span>类型的项目的脚手架 star: 2598 view</span><span style="color: black;"><span style="color: black;">● </span>TypeScript 有类型的js预编译语言，非常强大的预编译与代码报错提示，赋予了JS构建大型项目的可能 recommand star: 38380 view</span><span style="color: black;"><span style="color: black;">● </span>babel 是一款为了写下一代js的编译器，无需等待浏览器支持就<span style="color: black;">能够</span><span style="color: black;">运用</span><span style="color: black;">各样</span>ES6，ES7新的语法 recommand star: 29302</span><span style="color: black;"><span style="color: black;">● </span>stylus 富有表现力的，健壮的css预编译语言, 除了代码简洁，可读性强外，函数功能非常强大，可与js混合<span style="color: black;">运用</span>，实现动态css编程 recommand star: 9404</span><span style="color: black;"><span style="color: black;">● </span>less.js 轻量级的，动态CSS预编语言，<span style="color: black;">拥有</span>CSS所有特性，并<span style="color: black;">供给</span>了动态编程方式编写CSS代码。<span style="color: black;">亦</span>是各大UI框架所<span style="color: black;">选择</span>的样式语言，<span style="color: black;">例如</span>bootstrap,ant design等 star: 15698</span><span style="color: black;"><span style="color: black;">● </span>node-sass 动态CSS预编语言, 并有<span style="color: black;">持有</span>强大sass compass的生态圈，<span style="color: black;">能够</span>直接引入并<span style="color: black;">运用</span>，sass<span style="color: black;">是由于</span>ruby编写的，node-sass是node重构版本，方便npm直接<span style="color: black;">运用</span> star: 5445</span><span style="color: black;"><span style="color: black;">● </span>postcss 用js插件来对css样式文件，进行转换、预编译等操作，并且实现了模块化，支持非常多插架 recommand star: 19215</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">测试/工具</span></strong></span><span style="color: black;"><span style="color: black;">● </span>mocha 一个简单、灵活有趣的 javascript 测试框架，用于 nodejs 和浏览器上的 js 应用测试 star: 16125</span><span style="color: black;"><span style="color: black;">● </span>casperjs 一个基于 phantomjs 的开源导航脚本和测试工具 star: 7242</span><span style="color: black;"><span style="color: black;">● </span>karma 自动化完成单元测试，<span style="color: black;">准许</span>你在多个浏览器里执行js代码。让你的 tdd 变得简单，快速，有趣 star: 10128</span><span style="color: black;"><span style="color: black;">● </span>jasmine 是一个简易的 js 单元测试框架， 用来测试 javascript 代码 star: 13800</span><span style="color: black;"><span style="color: black;">● </span>chai 一个针对 nodejs 和浏览器的 tdd (测试驱动<span style="color: black;">研发</span>)/ bdd(<span style="color: black;">行径</span>驱动<span style="color: black;">研发</span>)的断言框架，可与任何 javascript 测试框架集成 recommand star: 5664</span><span style="color: black;"><span style="color: black;">● </span>csscss css代码冗余分析工具，用于分析css存在的冗余 star: 2938</span><span style="color: black;"><span style="color: black;">● </span>async 一个工具模块，<span style="color: black;">供给</span>了直接而强大的 javascript 异步功能。虽然是为 nodejs 设计的，<span style="color: black;">然则</span>它<span style="color: black;">亦</span><span style="color: black;">能够</span>直接在浏览器中<span style="color: black;">运用</span> star: 24543</span><span style="color: black;"><span style="color: black;">● </span><span style="color: black;">HTMLHint html 静态代码分析工具，<span style="color: black;">能够</span>集成到代码编辑器或编译系统中 star: 1955</span></span><span style="color: black;"><span style="color: black;">● </span>eslint js 静态代码分析工具，<span style="color: black;">能够</span>帮你检测 js 语法错误和潜在的问题，<span style="color: black;">能够</span>集成到代码编辑器或编译系统中 recommand star: 12222</span><span style="color: black;"><span style="color: black;">● </span>stylelint 分析和优化你的css样式表的工具，支持多种类型的css文件 recommand star: 5318</span><span style="color: black;"><span style="color: black;">● </span>stylint <span style="color: black;">因为</span> stylus 官方团队并<span style="color: black;">无</span>实现 .styl 文件<span style="color: black;">检测</span>工具，第三方实现了sytlus文件的代码风格<span style="color: black;">检测</span>工具 star: 296</span><span style="color: black;"><span style="color: black;">● </span>headroom.js 是强大的基准测试库，几乎适用于所有js平台。支持high-resolution<span style="color: black;">按时</span>器，并返回重要的统计结果 star: 9905</span><span style="color: black;"><span style="color: black;">● </span>Vorlonjs 远程调试移动端页面的工具，有和PC页面调试一致的体验。<span style="color: black;">例如</span>native app内嵌h5页面、手机h5页面等。国内<span style="color: black;">亦</span>一个相同功能的软件moblie debug。star: 2666</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">canvas/数据可视化</span></strong></span><span style="color: black;"><span style="color: black;">● </span>d3 一个基于数据操作文档的js数据可视化框架，最流行的数据可视化库之一 star: 78354</span><span style="color: black;"><span style="color: black;">● </span>incubator-echarts 基于canvas的纯js图表库，<span style="color: black;">供给</span>直观，生动，可交互，可个性化定制的数据可视化图表 star: 29730</span><span style="color: black;"><span style="color: black;">● </span>Chart.js <span style="color: black;">运用</span>canvas标签的简易html5图表 star: 39063</span><span style="color: black;"><span style="color: black;">● </span>c3 一个基于 d3.js 的可重用 javascript 图表库，几乎零学习曲线 star: 7921</span><span style="color: black;"><span style="color: black;">● </span>g2 是一套基于可视化编码的图形语法，以数据驱动，<span style="color: black;">拥有</span>高度的易用性和扩展性，可定制的颗粒度极细，相比项目echart大而全且易用的图表库，这个库会让你有不<span style="color: black;">同样</span>的体验，且官方<span style="color: black;">供给</span>了g2-react的react封装包 star: 5838</span><span style="color: black;"><span style="color: black;">● </span>sketch.js 跨平台javascript创意编码框架，gzip压缩后仅有2kb star: 3211</span><span style="color: black;"><span style="color: black;">● </span>zrender 一个轻量级的canvas类库，mvc封装，数据驱动，<span style="color: black;">供给</span>类dom事件模型，让canvas绘图大有<span style="color: black;">区别</span> star: 3098</span><span style="color: black;"><span style="color: black;">● </span>highcharts 基于svg的javascript图表框架 star: 7900</span><span style="color: black;"><span style="color: black;">● </span>g6 是一个由纯 JavaScript 编写的关系图<span style="color: black;">基本</span>技术框架。<span style="color: black;">研发</span>者能基于 G6 进行关系图的分析视图和编辑视图进行快速的二次<span style="color: black;">研发</span> star: 2795</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">动画</span></strong></span><span style="color: black;"><span style="color: black;">● </span>animate.css 一个跨浏览器的css动画库，实现了多种css3动画效果，简单易用易上手 star: 53850</span><span style="color: black;"><span style="color: black;">● </span>anime 极小的js动画引擎，支持 css3、svg 的动画效果，能编写出<span style="color: black;">各样</span><span style="color: black;">繁杂</span>动画效果，gzip后6K<span style="color: black;">上下</span> star: 23042</span><span style="color: black;"><span style="color: black;">● </span>move.js 极小的js库,支持css3的动画效果,非常简单优雅 star: 4370</span><span style="color: black;"><span style="color: black;">● </span>TweenJS 是一个简单但强大的js动画库，createjs 套件的一部分 star: 2760</span><span style="color: black;"><span style="color: black;">● </span>bounce.js 一个用于制作<span style="color: black;">美丽</span>的css3关键帧动画的js库，<span style="color: black;">运用</span>其特有的方式生成的动画效果 star: 5650</span><span style="color: black;"><span style="color: black;">● </span>tween.js 一款可生成平滑动画效果的js动画库，<span style="color: black;">准许</span>你以平滑的方式修改元素的属性值，它<span style="color: black;">能够</span><span style="color: black;">经过</span>设置生成<span style="color: black;">各样</span>类似css3的动画效果 star: 5764</span><span style="color: black;"><span style="color: black;">● </span>parallax 轻量级的的视差引擎，能对智能设备的方向作出反应 star: 13271</span><span style="color: black;"><span style="color: black;">● </span>velocity 是一款和jQuery的 $.animate() 有相同API的动画引擎，很适合移动端的动画<span style="color: black;">研发</span>，还打包了颜色动画，转换，循环，easing效果，类动画、滚动等功能 star: 15056</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">插<span style="color: black;">件</span></span></strong></span><span style="color: black;"><span style="color: black;">● </span>front-end-plugins 前端常用插件汇总 star: 755</span><span style="color: black;"><span style="color: black;">● </span>awesome-browser-extensions-for-github 收集关于github上优秀的浏览器插件，非常实用 star: 1292</span><span style="color: black;"><span style="color: black;">● </span>video.js 开源的html5和flash视频播放器，支持自定义进度条、按钮以及工具栏的底色 star: 22351</span><span style="color: black;"><span style="color: black;">● </span>fullPage.js pc端的全屏滚动插件 star: 24488</span><span style="color: black;"><span style="color: black;">● </span>onepage-scroll <span style="color: black;">能够</span><span style="color: black;">容易</span><span style="color: black;">创立</span>一个动感的响应式的滚动效果页面，比较适用于单页面的专题站。支持现代浏览器和IE8以上版本 star: 9347</span><span style="color: black;"><span style="color: black;">● </span>superslides 致力于<span style="color: black;">处理</span>网站大部分特效展示问题，网站上常用的焦点图/幻灯片，tab标签切换，<span style="color: black;">照片</span>滚动，无缝滚动等 star: 1478</span><span style="color: black;"><span style="color: black;">● </span>github-hovercard github 鼠标悬停<span style="color: black;">表示</span>用户，仓库等摘要信息 star: 1164</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">框架、库和组件</span></strong></span><span style="color: black;"><span style="color: black;">● </span>ice 阿里飞冰，从此再<span style="color: black;">亦</span>不担心管理系统的<span style="color: black;">研发</span>。(个人觉得简单项目还是<span style="color: black;">能够</span>，<span style="color: black;">繁杂</span>的做不了) star: 7339 view</span><span style="color: black;"><span style="color: black;">● </span>polymer 以一切皆组件、最少化代码量、最少框架限制为设计理念的web组件构建框架 star: 20117</span><span style="color: black;"><span style="color: black;">● </span>impress.js 创建令人兴奋的演示。<span style="color: black;">运用</span>css3的转换和过渡，这个库<span style="color: black;">准许</span>你创建令人印象深刻的演示文稿 star: 33881</span><span style="color: black;"><span style="color: black;">● </span>ScrollMagic 一款非常赞的滚动交互的js插件，可用于官网与宣传<span style="color: black;">宣传</span>场景 star: 10037 view</span><span style="color: black;"><span style="color: black;">● </span>reveal.js 基于css3的3D幻灯片工具，能够制作绚丽的演示文稿并生成html格式，将它发布到web上 star: 42092</span><span style="color: black;"><span style="color: black;">● </span>nodePPT <span style="color: black;">运用</span>nodejs写的网络幻灯片，可能是迄今为止最好的网页版ppt star: 5068</span><span style="color: black;"><span style="color: black;">● </span>three.js 是js编写的webgl第三方库，<span style="color: black;">供给</span>了非常多的3D<span style="color: black;">表示</span>功能 star: 44417</span><span style="color: black;"><span style="color: black;">● </span>TimelineJS <span style="color: black;">容易</span>制作时间轴 star: 8577</span><span style="color: black;"><span style="color: black;">● </span>highlight.js js语法高亮，既<span style="color: black;">能够</span>运行在浏览器端<span style="color: black;">亦</span><span style="color: black;">能够</span>运行在服务端 star: 12783</span><span style="color: black;"><span style="color: black;">● </span>commander.js nodejs命令行工具，可用于制作那种node命令行终端应用 star: 12342</span><span style="color: black;"><span style="color: black;">● </span>togetherjs 由Mozilla打造的一款<span style="color: black;">能够</span>给网站添加实时协作功能的js库 star: 6174</span><span style="color: black;"><span style="color: black;">● </span>HTML 轻量级的简化与dom操作的js库 star: 1438</span><span style="color: black;"><span style="color: black;">● </span>wechat.js <span style="color: black;">微X</span><span style="color: black;">关联</span>的 js 操作：分享、网络、菜单 star: 917</span><span style="color: black;"><span style="color: black;">● </span>JavaScript-Load-Image 一个js加载和转换图像文件的库 star: 3048</span><span style="color: black;"><span style="color: black;">● </span>progress.js 一个js的库，帮助<span style="color: black;">研发</span>人员为网页上的<span style="color: black;">每一个</span>对象创建和管理进度条效果 star: 2323</span><span style="color: black;"><span style="color: black;">● </span>foundation 号<span style="color: black;">叫作</span>世界上最先进的响应式前端框架，<span style="color: black;">亦</span>是一款移动端优先的框架 star: 27575</span><span style="color: black;"><span style="color: black;">● </span>Sugar 扩展了现有的js对象的<span style="color: black;">办法</span>，让你<span style="color: black;">能够</span>用更少的代码做<span style="color: black;">更加多</span>的事情 star: 3938</span><span style="color: black;"><span style="color: black;">● </span>todomvc 帮你挑选一款mv框架，它<span style="color: black;">运用</span><span style="color: black;">区别</span>的最流行的mv框架实现了一个相同的todo应用 star: 24270</span><span style="color: black;"><span style="color: black;">● </span>Pikaday 是一个js日期<span style="color: black;">选取</span>器，特点是轻量级、无依赖和模块化的css star: 6238</span><span style="color: black;"><span style="color: black;">● </span>webuploader 一个简单的以html5为主，flash为辅的现代文件上传组件。支持大文件分片并发上传，<span style="color: black;">极重</span>的<span style="color: black;">加强</span>了文件上传效率 star: 6115</span><span style="color: black;"><span style="color: black;">● </span>headroom.js 是一个轻量级、纯js组件，用来<span style="color: black;">隐匿</span>或展现页面上的元素，为你的页面留下<span style="color: black;">更加多</span>展示内容的空间 star: 9905</span><span style="color: black;"><span style="color: black;">● </span>ua-device 史上最全面的userAgent解析库，百度FEX出品 star: 829</span><span style="color: black;"><span style="color: black;">● </span>share.js 一键分享到<span style="color: black;">博客</span>、QQ空间、QQ好友、<span style="color: black;">微X</span>、腾讯<span style="color: black;">博客</span>、豆瓣等 star: 2240</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">移动端</span></strong></span><span style="color: black;"><span style="color: black;">● </span>fastclick 触摸UI上的消除点击延迟js库 star: 16750</span><span style="color: black;"><span style="color: black;">● </span>mui 最接近原生APP体验的高性能框架 star: 4033</span><span style="color: black;"><span style="color: black;">● </span>SUI-Mobile 由阿里巴巴国际UED前端出品的移动端UI库，轻量精美 star: 5740</span><span style="color: black;"><span style="color: black;">● </span>amazeui 移动优先的跨屏前端框架。面向html5<span style="color: black;">研发</span>，<span style="color: black;">运用</span>css3做动画和交互 star: 12196</span><span style="color: black;"><span style="color: black;">● </span>ionic 先进的html5移动端<span style="color: black;">研发</span>框架，<span style="color: black;">帮忙</span><span style="color: black;">研发</span>者<span style="color: black;">运用</span>HTML5, css和js做出<span style="color: black;">难以置信</span>的hybrid app star: 35177</span><span style="color: black;"><span style="color: black;">● </span>zepto.fullpage 专注于移动端的全屏滚动插件 star: 1993</span><span style="color: black;"><span style="color: black;">● </span>lib-flexible 淘宝出品的移动端可伸缩布局<span style="color: black;">方法</span> star: 8184</span><span style="color: black;"><span style="color: black;">● </span>swipe 加速移动触摸滑块与硬件之间的转换 star: 6724</span><span style="color: black;"><span style="color: black;">● </span>hammer.js 一个支持多点触摸的手势库 star: 18889</span><span style="color: black;"><span style="color: black;">● </span>zepto 一款面向移动端设备、api与jquery兼容的<span style="color: black;">基本</span>库 star: 13987</span><span style="color: black;"><span style="color: black;">● </span>Swiper 纯js打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 star: 17392</span><span style="color: black;"><strong style="color: blue;">Node.js<span style="color: black;">关联</span></strong></span><span style="color: black;"><span style="color: black;">● </span>awesome-nodejs 关于node包和资源的收集 star: 25729</span><span style="color: black;"><span style="color: black;">● </span>node-lessons nodejs包教不包会 star: 13468</span><span style="color: black;"><span style="color: black;">● </span>node123 node.js中文资料导航 star: 2936</span><span style="color: black;"><span style="color: black;">● </span>meteor 快速构建web应用的全栈框架，<span style="color: black;">持有</span>非常常强大的生态圈，<span style="color: black;">然则</span>国内不是很流行 star: 40213</span><span style="color: black;"><span style="color: black;">● </span>Ghost nodejs<span style="color: black;">研发</span>最新博客系统, 简单简洁, 响应式设计, 支持完全自定义, 免费, 专注博客 star: 27230</span><span style="color: black;"><span style="color: black;">● </span>NodeBB 基于node编写的现代化社区论坛 star: 9118</span><span style="color: black;"><span style="color: black;">● </span>hexo 一款快捷，简单，强大的博客框架 star: 23362</span><span style="color: black;"><span style="color: black;">● </span>nodeclub <span style="color: black;">运用</span>nodejs和mongodb<span style="color: black;">研发</span>的社区系统 star: 7699</span><span style="color: black;"><span style="color: black;">● </span>N-chat <span style="color: black;">运用</span>express和socket搭建的多人聊天室 star: 1001</span><span style="color: black;"><span style="color: black;">● </span>electron <span style="color: black;">运用</span>js,css,html构建跨平台的桌面应用 star: 63960</span><span style="color: black;"><span style="color: black;">● </span>hackathon-starter 一个非常棒的noder初始项目，<span style="color: black;">持有</span>完整系统架构与用户系统（第三方登录） star: 24457</span><span style="color: black;"><span style="color: black;">● </span>nest 完全<span style="color: black;">运用</span>typescript编写的服务端框架，相比传统nodejs项目，可<span style="color: black;">守护</span>性、健壮性、可重构性大大加强。号<span style="color: black;">叫作</span>node版的spring boot star: 8147 view</span><span style="color: black;"><strong style="color: blue;">模板引擎</strong></span><span style="color: black;"><span style="color: black;">● </span>pug 基于nodejs的强壮的、优雅的功能强大的模版引擎，相当简洁 star: 17150</span><span style="color: black;"><span style="color: black;">● </span>handlebars.js 一个js语义模板库，能让你<span style="color: black;">容易</span><span style="color: black;">有效</span>的编写语义化模板 star: 13673</span><span style="color: black;"><span style="color: black;">● </span>artTemplate 性能卓越的js模板引擎 star: 7287</span><span style="color: black;"><span style="color: black;">● </span>ejs tj大神写的嵌入javascript的模板引擎 star: 3985</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">WEB编辑器</span></strong></span><span style="color: black;"><span style="color: black;">● </span>monaco-editor 微软<span style="color: black;">研发</span>的vs code编辑器的核心编辑组件，<span style="color: black;">能够</span>在浏览器中<span style="color: black;">运用</span><span style="color: black;">运用</span>的代码编辑器，并支持<span style="color: black;">各样</span>语言高亮，功能相当齐全，制作代码编辑器首选 star: 10899 view</span><span style="color: black;"><span style="color: black;">● </span>CodeMirror 一个轻量级的代码编辑器，核心代码相当的少，<span style="color: black;">一样</span>支持非常多的编程语言的编辑。star: 15450 view</span><span style="color: black;"><span style="color: black;">● </span><span style="color: black;">editor 下一代的高度定制化的</span>浏<span style="color: black;">览器网页内容编辑器，是基于react<span style="color: black;">研发</span> star: 6990 view</span></span><span style="color: black;"><span style="color: black;">● </span>tinymce 支持<span style="color: black;">照片</span>在线处理，插件多，文档良好且齐全，功能强，编辑能力优秀，界面好看，<span style="color: black;">举荐</span><span style="color: black;">运用</span> recommand star: 5642 view</span><span style="color: black;"><span style="color: black;">● </span>ckeditor-dev 界面极其优秀的一款，功能强大，编辑能力极强，基本和word差不多 star: 4162 view</span><span style="color: black;"><span style="color: black;">● </span>wangEditor 轻量简洁，最重要的是开源且中文文档齐全。设计的UI<span style="color: black;">美丽</span> star: 5567 view</span><span style="color: black;"><span style="color: black;">● </span>simditor 团队协作工具Tower<span style="color: black;">运用</span>的富文本编辑器，样式好看，插件不多，基本满足需求，<span style="color: black;">守护</span>较好 star: 3972 view</span><span style="color: black;"><span style="color: black;">● </span>ueditor 中文文档，插件多，基本满足<span style="color: black;">各样</span>需求，类似贴吧中的回复界面。缺点：<span style="color: black;">再也不</span><span style="color: black;">守护</span>，文档极少，<span style="color: black;">运用</span>并不<span style="color: black;">广泛</span>，<span style="color: black;">照片</span>只能上传到本地服务器，<span style="color: black;">倘若</span><span style="color: black;">必须</span>上传到其他服务器<span style="color: black;">必须</span>改动源码，较为难办，加载速度慢 star: 3847 view</span><span style="color: black;"><span style="color: black;">● </span>kindeditor 界面类似百度，效果很像，文档齐全但用例较少，<span style="color: black;">运用</span>还算方便。缺点：总感觉样子不是很好看，<span style="color: black;">无</span>现代那种风格，还是老式的传统图标 star: 1287 view</span><span style="color: black;"><span style="color: black;">● </span>dillinger 一个完整的基于node与angular的<span style="color: black;">能够</span>直接<span style="color: black;">安排</span>md项目，<span style="color: black;">能够</span>学习<span style="color: black;">全部</span>项目架构 star: 6067 view</span><span style="color: black;"><span style="color: black;">● </span>simplemde-markdown-editor 极简版的markdown编辑器，非常轻量级，<span style="color: black;">能够</span>用于简单的md编辑场景 star: 5515 view</span><span style="color: black;"><span style="color: black;">● </span>tui.editor 一款功能非常强大的markdown编辑器，有点想"有道云笔记"的md编辑器。非常方便添加自定义功能。recommand star: 7068 view</span><span style="color: black;"><strong style="color: blue;">React<span style="color: black;">关联</span></strong></span><span style="color: black;"><span style="color: black;">● </span>react-developer-roadmap react的学习路线图2018版 star: 8779</span><span style="color: black;"><span style="color: black;">● </span>react-in-patterns react<span style="color: black;">研发</span>设计模式 star: 9903</span><span style="color: black;"><span style="color: black;">● </span><span style="color: black;">react-bits react 最佳的项目</span><span style="color: black;">，有你想<span style="color: black;">晓得</span> star: 9323</span></span><span style="color: black;"><span style="color: black;">● </span>awesome-react react资源大全，react该有的都有了 star: 27383</span><span style="color: black;"><span style="color: black;">● </span>create-react-app facebook官方<span style="color: black;">供给</span>react<span style="color: black;">研发</span>命令工具，<span style="color: black;">处理</span>初学者的<span style="color: black;">各样</span><span style="color: black;">懊恼</span> star: 54549</span><span style="color: black;"><span style="color: black;">● </span>next.js react服务端渲染框架 star: 28519 view</span><span style="color: black;"><span style="color: black;">● </span>ant-design 管理系统UI组件库，各类组件一应俱全，优秀的文档，良好的api，值得<span style="color: black;">持有</span> recommand star: 32790 view</span><span style="color: black;"><span style="color: black;">● </span>ant-design-mobile react移动组件库，兼容react-native recommand star: 5788</span><span style="color: black;"><span style="color: black;">● </span>ant-design-pro 阿里团队官方实现的应用antd的，管理系统项目模版，开箱即用 recommand star: 11731 view</span><span style="color: black;"><span style="color: black;">● </span>gatsby 静态页面生成器，非常强大，自定能力强，模版极多 star: 25050</span><span style="color: black;"><span style="color: black;">● </span>preact react的瘦身版，兼容官方react所有api,压缩后<span style="color: black;">仅有</span>3kb star: 19912</span><span style="color: black;"><span style="color: black;">● </span>recharts d3图表库的react版 star: 9706 view</span><span style="color: black;"><span style="color: black;">● </span>Sortable react的拖拽排序组件 star: 14180 view</span><span style="color: black;"><span style="color: black;">● </span>react-loadable react 组件懒加载组件 star: 9932</span><span style="color: black;"><span style="color: black;">● </span>react-dnd react拖拽组件，满足<span style="color: black;">各样</span>拖拽需求 star: 9218 view</span><span style="color: black;"><span style="color: black;">● </span>react-grid-layout 可拖拽的伸缩的布局组件，admin dashboard<span style="color: black;">必须</span>精选，很<span style="color: black;">高挑</span>上 recommand star: 6950 view</span><span style="color: black;"><span style="color: black;">● </span>docz 基于react<span style="color: black;">研发</span>的写文档的神器,号<span style="color: black;">叫作</span> 写文档从未如此简单 recommand star: 9670 view</span><span style="color: black;"><span style="color: black;">● </span>react-spring 写react动画的好<span style="color: black;">助手</span>，不废话看样例 star: 7074 view</span><span style="color: black;"><span style="color: black;">● </span>react-360 react VR <span style="color: black;">研发</span>框架 star: 6364 view</span><span style="color: black;"><span style="color: black;">● </span>taro 一套遵循 React 语法规范的 多端<span style="color: black;">研发</span> <span style="color: black;">处理</span><span style="color: black;">方法</span>, 有一套代码多端编译，适用小程序与原生app star: 7296 view</span><span style="color: black;"><span style="color: black;">● </span>ink 用react<span style="color: black;">研发</span>命令行交互工具，很酷 star: 6252</span><span style="color: black;"><span style="color: black;">● </span>ag-grid 非常强大的table组件，完全满足以数据为主的数据展示表格 star: 4231</span><span style="color: black;"><strong style="color: blue;"><span style="color: black;">面试<span style="color: black;">关联</span></span></strong></span><span style="color: black;"><span style="color: black;">● </span><span style="color: black;">FE-interview 收集的前端面试题和答案 star: 3722</span></span><span style="color: black;"><span style="color: black;">● </span>resources 知名互联网企业内推，<span style="color: black;">必须</span>换工作的小伙伴擦亮眼睛了 star: 1644</span><span style="color: black;"><span style="color: black;">● </span>CS-Interview-Knowledge-Map 一份前端面试资源，作者很用心，还配有专门的网页 star: 10690 view</span><span style="color: black;"><span style="color: black;">● </span>node-interview <span style="color: black;">怎样</span>进入饿了么前端团队，node面试题集合 star: 7274 view</span><span style="color: black;">样式/UI/css</span><span style="color: black;"><span style="color: black;">● </span>materialize materialize 是material design一套轻量级的纯CSS框架。material design 是Goole提出的一套UI设计<span style="color: black;">方法</span>，并应Goole用于所有<span style="color: black;">制品</span>中 star: 33784 view</span><span style="color: black;"><span style="color: black;">● </span><span style="color: black;">Semantic-UI 让你<span style="color: black;">运用</span>任何html标签 来表现ui控件，这是一款语义化设计的前端框架，为</span>工程<span style="color: black;">师而制作的可复用的开源前端框架 star: 42654</span></span><span style="color: black;"><span style="color: black;">● </span>uikit 一个轻量级的、模块化前端框架，它被用于快速<span style="color: black;">研发</span>强大的web界面。<span style="color: black;">亦</span>是一款优秀的响应式html5框架 star: 13018</span><span style="color: black;"><span style="color: black;">● </span>primer github站点所<span style="color: black;">运用</span>的一套css框架 star: 7567</span><span style="color: black;"><span style="color: black;">● </span>weui 为<span style="color: black;">微X</span>web服务量身设计的一套ui框架 star: 19880</span><span style="color: black;"><span style="color: black;">● </span>pure 一组很小的，响应式的css组件，你<span style="color: black;">能够</span>在网页的项目上到处<span style="color: black;">运用</span> star: 18978</span><span style="color: black;"><span style="color: black;">● </span>normalize.css 一个可定制的css文件，使浏览器呈现的所有元素，更一致和符合现代标准。支持IE8+ star: 32195</span><span style="color: black;"><span style="color: black;">● </span>iCSS 一系列css有趣的<span style="color: black;">专题</span>，有<span style="color: black;">研发</span>中常用css代码gists star: 3807</span><span style="color: black;"><span style="color: black;">●</span>css-doodle 一个用css绘制图形的web组件。非常酷！请看demo作品 star: 1201 view</span><span style="color: black;"><strong style="color: blue;">编程软实力</strong></span><span style="color: black;"><span style="color: black;">● </span>fks 前端技能汇总，<span style="color: black;">包括</span>前端知识架构，后端知识，运维知识，书籍<span style="color: black;">举荐</span>等 star: 13015</span><span style="color: black;"><span style="color: black;">● </span>javascript-algorithms <span style="color: black;">包括</span>了多种基于js的算法与数据结构,每种算法都有自己的README说明与YouTube视频 star: 35654 view</span><span style="color: black;"><span style="color: black;">● </span>CS-Notes 计算机<span style="color: black;">关联</span>的<span style="color: black;">各样</span>记录，<span style="color: black;">触及</span>到编程的方方面面 star: 33697</span><span style="color: black;"><span style="color: black;">● </span>math-as-code 学术论文可能会吓着自学游戏和图形的程序猿,<span style="color: black;">经过</span>对比数学符号和JavaScript代码来<span style="color: black;">帮忙</span><span style="color: black;">研发</span>者<span style="color: black;">更易</span><span style="color: black;">认识</span>数学符号 star: 6306 view</span><span style="color: black;"><span style="color: black;">● </span>free-programming-books-zh_CN 免费的计算机编程类中文书籍,不得不说，<span style="color: black;">此刻</span>这个时代太好了。star: 37842</span><span style="color: black;"><strong style="color: blue;">浏览器兼容<span style="color: black;">方法</span></strong></span><span style="color: black;"><span style="color: black;">● </span>es6-shim <span style="color: black;">供给</span>兼容性垫片，使ES6能兼容于传统的js引擎 star: 2646</span><span style="color: black;"><span style="color: black;">● </span>Modernizr 用来检测浏览器功能支持<span style="color: black;">状况</span>的js库,<span style="color: black;">能够</span>检测18项css3功能以及40多项关于h5的功能 star: 22910</span><span style="color: black;"><span style="color: black;">● </span>html5shiv <span style="color: black;">重点</span><span style="color: black;">处理</span>html5提出的新的元素不被ie6-9识别 star: 9085</span><span style="color: black;">本文给出了<span style="color: black;">非常多</span>优秀的前端开源项目，<span style="color: black;">然则</span><span style="color: black;">无</span><span style="color: black;">详细</span>给出项目<span style="color: black;">位置</span>，<span style="color: black;">不外</span>这个<span style="color: black;">亦</span>没事。我以最后一个项目为例，直接打开github链接，按下图搜索，<span style="color: black;">而后</span>对比一下star，差不多的<span style="color: black;">便是</span>原项目了！</span><span style="color: black;">位置</span>：https://github.com/search?q=html5shiv<img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="data:image/svg+xml,%3C%3Fxml version=1.0 encoding=UTF-8%3F%3E%3Csvg width=1px height=1px viewBox=0 0 1 1 version=1.1 xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink%3E%3Ctitle%3E%3C/title%3E%3Cg stroke=none stroke-width=1 fill=none fill-rule=evenodd fill-opacity=0%3E%3Cg transform=translate(-249.000000, -126.000000) fill=%23FFFFFF%3E%3Crect x=249 y=126 width=1 height=1%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;"><strong style="color: blue;"><span style="color: black;">免责声明：整理<span style="color: black;">文案</span>为传播<span style="color: black;">关联</span>技术，版权归原作者所有，如有侵权，请联系删除</span></strong></span></strong></p><span style="color: black;"><span style="color: black;">文案</span><span style="color: black;">举荐</span></span><a style="color: black;"><span style="color: black;">程序员效率：画流程图常用的</span></a>工具<a style="color: black;"><span style="color: black;">程序员效率：整理常用的在线笔记软件</span></a><a style="color: black;"><span style="color: black;">远程办公：常用的远程<span style="color: black;">帮助</span>软件，你都<span style="color: black;">晓得</span>吗？</span></a><a style="color: black;"><span style="color: black;">51单片机程序下载、ISP及串口<span style="color: black;">基本</span>知识</span></a><a style="color: black;"><span style="color: black;">硬件：断路器、接触器、继电器<span style="color: black;">基本</span>知识</span></a>
楼主果然英明！不得不赞美你一下！ 外贸B2B平台有哪些？
页:
[1]