笔记地址因为之前前端学习收藏书签的资源太多了，所以今年三四月份的时候，抽空整理了所有的书签资源，并进行了归类.现在分享给大家，欢迎给我提issue或者PRGithub，知乎，掘金Github知乎因为图片太多，所以整理了一个没有图片的版本，如果觉得有图更好，欢迎跳转带图片的版本DevDocs：API文档浏览器->Github框架ReactReact是一个开源JavaScript库，它提供呈现为HTML的数据视图。React视图通常使用包含自定义HTML标记中指定的其他组件的组件来呈现。React为程序员提供了一个子组件不能直接影响外部组件的模型，数据更改时对HTML文档的高效更新，以及现代单页应用程序中组件之间的干净分离。React-Antd：antd是一个基于AntDesign设计体系的ReactUI组件库，主要用于开发企业级中后端产品。UxCore：用于企业级后端的PC组件库。ZanUI：PC、移动、小程序React.part：查找React组件VueVue.js是一个用于创建用户界面的开源JavaScript框架和一个用于创建单页应用程序的Web应用程序框架。2016年一项关于JavaScript的调查显示，Vue有89%的开发者满意度。在GitHub上，该项目平均每天可以获得95颗星，成为GitHub历史上星数第三多的项目。Vue-AntdIView:Asetofhigh-qualityElementsbasedonVue.js:Element,一套基于Vue2.0的桌面组件库，供开发者、设计师和产品经理使用MintUI:基于Vue.js的移动端组件库VUX：一个临时搭建的Vue.js移动端UI组件库Vue-Map：一个基于Vue2.x和高德地图的地图组件，Vue-Map文档NodejsNode.js是一个开源代码，可以在服务端运行JavaScript，跨平台JavaScript运行时环境。Node.js由Node.js基金会拥有和维护，并与Linux基金会建立合作关系。Express：一个高度包容、快速和极简的Node.jsweb框架koaKoa是由Express背后的同一批人构建的一个新的web框架，旨在成为一个更小、更具表现力的web应用程序和API开发平台更强大、更健壮的基石。通过利用异步函数，Koa可以帮助您放弃回调并大大增强错误处理。Koa没有捆绑任何中间件，而是提供了一套优雅的方法来帮助您快速愉快地编写服务器端应用程序。egg：为企业级框架和应用而生的Nodejs学习笔记Javascript现代Javascript教程：从基础知识到高级话题，只需要简单的讲解和详尽的讲解。PhilipRoberts：JavascriptVisualRun->Github->DemoLodash：Lodash是一个JavaScript库，它使用函数式编程范例为常见编程任务提供实用函数。Ramda：一个实用的JavaScript函数式编程库。Underscore:->Github：Underscore.js是一个JavaScript库，它为常见的编程任务提供实用函数。它与Prototype.js和Ruby语言提供的功能相当，但选择函数式编程设计而不是扩展对象原型。30secondsofcode->Github：有用的JavaScript代码片段的精选集合，可让您在30秒或更短的时间内理解ASTExplorer：用于探索由各种解析器生成的AST的网络工具。JavaScript版本兼容性查询前端代码片段flaviocopes:一些JavaScript编程教程Web相关CanIUse:查询浏览器特性支持PackageDifferentQueryNodeJSES2018特性支持WebDev:Google官网开发者资源MockEasy-Mock:EfficientFakedataMock.js：生成随机数据，拦截Ajax请求Rapid-Api：构建块以增强您的应用程序，在世界上最大的API中心发现和连接数以千计的API。动画库(Javascript&CSS)Threejs->GithubThree.js是一个跨浏览器脚本，它使用JavaScript库或API在网络浏览器中创建和显示动画3D计算机图形。Three.js使用WebGL。源码托管在GitHubAnimate.css：一个使用CSS3动画制作的CSS动画效果合集，预设了很多常用的动画，非常好用。Animejs：Anime.js是一个轻量级的JavaScript动画库，具有简单但功能强大的API。它适用于CSS属性、SVG、DOM属性和JavaScript对象。TweenMax.js是一款适用于移动设备和现代互联网的超高性能专业级动画插件。Tweenmax是GreenSock动画平台的核心。搭配其他插件，可以动画CSS属性，滤镜效果，颜色，声音，颜色，帧，饱和度，对比度，色调，色系，亮度，BezierGreenSock：适用于现代网络超高性能专业级动画笔记：11JavaScriptAnimationLibrariesFor2019Kubt.js->Github：KUTE.js是一个具有顶级性能、内存效率和模块化代码的Javascript动画引擎。它提供了大量工具来帮助您创建令人惊叹的自定义动画。Hover->Github：一组CSS3支持的悬停效果，用于链接、按钮、徽标、SVG、特色图像等。轻松应用于您自己的元素、修改或仅用于灵感。提供CSS、Sass和LESS。css-tricks：分享使用CSS样式的技巧、经验、教程等。值得前端开发者阅读和收藏的国外网站。V8引擎：了解谷歌开源的支持Chrome和NodeJSMocha的高性能Javascript和WebAssembly引擎测试框架->MochaGitHub：Mocha是一个针对Node.js程序的JavaScript测试框架，具有浏览器支持、异步测试、测试覆盖率报告和任何断言库的使用。Chai：Chai是一个用于节点和浏览器的BDD/TDD断言库，可以与任何JavaScript测试框架愉快地配对。Jest->JestGithub：Jest是一个令人愉快的JavaScript测试框架，专注于简单性。它适用于以下项目：Babel、TypeScript、Node、React、Angular、Vue等等！Karma:arunner,旨在帮助开发者简单快速的进行自动化单元测试->Github:karma测试框架的前世今生TapeGithubjsPerf—JavaScriptperformanceplayground->GitHub优秀项目&插件WebpackWebpackconfigtool:webpack配置工具BootCDN:稳定、快速、免费的前端开源项目CDN加速服务BootStrapBootsWatch：BootstrapRxJS的免费主题：一个使用Observables进行反应式编程的库，可以更轻松地编写异步或基于回调的代码。->Github->中文文档Layui->GithubAwesomeLists图表库Echarts->GithubAntV->GithubG2G2是一套基于可视化编码的图形语法，数据驱动，高可用性和可扩展性，用户无需关注各种实现细节繁琐，一条语句即可构建多种交互式统计图表。G6G6是一个简单易用、完备的图形可视化引擎。在高度定制化能力的基础上，提供一系列设计优雅、易用的图形可视化解决方案。它可以帮助开发人员构建自己的图形分析应用程序或图形编辑器应用程序。F2F2是一款专注于移动端、开箱即用的可视化解决方案，完美支持H5环境，兼容多种环境（Node、小程序、Weex）。它拥有完整的图形语法理论，可以满足您各种可视化需求。专业的移动设计指南为您带来最佳的移动图表体验。L7L7中的L代表Location，7代表世界七大洲，寓意可以为全球位置数据提供可视化能力。L7的目标是提供一个易于使用和扩展的地理空间数据可视化框架，支持海量数据的高性能和3D高质量渲染，是一个安全可靠（无地图法律风险）的地理空间数据可视化解决方案。Recharts->GithubDatamatic开发资源Awesome前端开发资源语雀IT百科精品知识库算法学习&机器学习RapidAlgorithmLearningAI算法工程师手册机器深度学习VisuAlgo-数据结构与算法动态可视化（中文）AlgorithmVisualizer->GithubPapersWithCode:thelatestinmachinelearningDataStructureVisualizations:SanFranciscoUniversityCSDataStructureBestofML:收集和总结机器学习相关的资源，包括书籍、课程、博客、论文等->Githubinternetfundamentals:了解Web是如何工作的，拿第一创建网页的一步！完全免费的视频课程，适合有数学知识的初学者学习微积分、线性代数、概率论、优化方法>Github->下载MachineLearning-TheHundred-PageMachineLearningBookMIT的数据结构课计算机科学速成班（视频）：Youtube热门视频课程LinuxLinux命令百科全书讲解Shell->Github：一个讲解shell的网站，你当你不会了解某条命令，在网站上输入这条命令，网站会自动为你分解解释相应参数的含义。Iodide:MozillasupportsvariousdatascienceeffectsontheWeb->GithubIcon&Design&WebpageIconfontFontAwesomeIoniconsIcomoonMobiriseiconszwiconunDraw优秀的设计uiforus免费提供设计素材、插件、工具，设计素材包括：UI、图标、网页、插图、对象、桌面、组件、表格、字体，根据不同设计软件对应的文件进行分类，包括：Photoshop、Sketch、AdobeXd、Illustrator文件。ProductHunt：与产品相关的IssueHunt：问题需要帮助或有能力帮助他人。当然，你也可以赚钱。网络安全教程从黑客的角度带您进入。它配备了十几个小演示来一步一步地指导你。发现了各种各样的安全漏洞。因为这些demo都是交互式的，所以玩起来很刺激。Developmentcommunity&learningcommunityMedium：一个轻量级的内容分发平台，允许单用户或多人协作，以主题的形式收集自己的内容，分享给用户进行消费和阅读StackOverflow：最这个是一个不错的软件问答网站，为软件开发者工作和学习提供了极大的便利Vue.js社区React.js社区掘金InfoQ：InfoQ是一个实践驱动的社区资讯站点，致力于促进软件开发领域的知识和传播的创新。w3cplusV2EX大前端开源中文段faultbest-chinese-front-end-blogs：收集优质中文前端博客softnshare路径和文章翻译成Fly63前端博客&团队阮一峰ES6入门廖雪峰官网AlloyTeam-腾讯Web前端团队IMWeb前端社区凹凸实验室淘宝前端团队FED齐舞团腾讯互娱FEX百度前端研发部JDC京东设计中心携程UED你饿了吗前端美团前端路径程序员不能错过的28张技术知识图谱，进阶路上必须学的机器你需要学什么数学？浏览器如何工作工具Repl.it：不要浪费时间设置开发环境。它为您提供了一个即时IDE，可以在一个地方学习、构建、协作和托管所有内容。Glitch正则表达式可视化工具RegulexRegulex是一个JavaScript正则表达式可视化工具，纯JavaScript实现，源码托管在Github上。RegexperRegexper是由JeffAvallone开发的JavaScript正则表达式可视化工具，源代码托管在Github上。它使正则表达式字符串以铁路风格可视化，以便于阅读和理解。同时推荐一款JavaScript正则在线测试工具——Regexpal，可以和Regexper配合使用。DebuggexDebuggex是一个用于测试正则表达式的Web应用程序，它支持JavaScript、Python和PCRE。Agreattoolforinternationalizingapps：发现一个制作国际化应用程序的好工具。网站收集了各种语言包，你输入中文，它返回的是各种语言包中的单词翻译。前端网站导航D2每日心谭博客
