工作原因，最近一年断断续续写了一点前端代码，收集整理了一些资料，分享给大家。Github版：前端资源合集前端相关资源汇总学习指导精华篇如何走Web前端之路？:文章超长，但是干货超多，值得反复阅读！听说你2017年想写前端？：适合已经过了新手阶段，达到初级水平的前端开发者。留言区也有很多干货。Web前端从初学者到练手老司机所需的资料和指南合集Growth:AGuideforFull-StackGrowthEngineers全栈增长工程师实战知乎前端领域有哪些推荐问答-结束发展？2016-我的前端之路：仪器前端与工程前端分离后的前端时代前端学习从零到前端英雄??前端网老姚之谈：如何学习JavaScript？推荐学习前端的这5本书一个专门针对前端焦虑症的学习计划给想成为前端工程师的同学的一封信给初学前端工程师的一封信当你想做一个前端工程师时应该怎么做自己做的web项目前端资讯小胡子哥?博客JerryQuRenrenFEDBlog:一些讨论技术的文章写的很有分量。Heero'sBlog：有些文章还是很干巴巴的。网络原则从输入URL到页面加载会发生什么？:深入到底层，也算是很完整的讲解了，但是不适合初学者阅读，可能会看的一头雾水。浏览器的工作原理：新浏览器的幕后花絮互联网协议介绍（一）-阮一峰DNS原理介绍-阮一峰了解IP、子网和CIDR表示法语言基础HTML页面头部的声明应使用lang="zh"还是lang="zh-cn"？CSSCSS：你对haslayout了解多少：详解IE前端布局原理精选摘要：BFC完美全页背景图神奇背后的原理移动前端开发之viewport深入理解cssreference.ioFlexlayoutFlex布局教程：语法一劳永逸搞定flex布局browsingBrowserCompatibilityDifferentBrowserCompatibility—CollectionofCommonlyUsedCSSHackTechniqueshtml5shivCSS3PIEJSjQueryScrollPathHowToCreateanAnimatedScrollToTopButtonWithjQueryLazyLoadingofImages:lazyloadimprovespageloadingspeed,throttlingfunctionlimitspagescrollingTime-boundfunctiontriggertimesAsynchronouslyloadJSscriptES6Top10ES6FeaturesEveryBusyJavaScriptDeveloperMustKnow回调并发模型和事件循环JavaScript：彻底理解同步、异步和事件循环（EventLoop）的4种方法异步Javascript异步编程[jQuery:Returndataafterajaxcallsuccess[duplicate]](https://stackoverflow.com/a/5...ES6AsynchronousProgrammingPromisesJavaScriptPromisesforDummies：在我读过的几篇解释Promises的文章中，最容易理解你可以从这本入门书了解Promises。在开始使用async/await之前了解promisesJavaScriptPromises:anIntroductionGoogle:promiseasyncawaitexampleDevelopmentspecification前端开发规范：命名规范、html规范、css规范、js规范AirbnbJavaScriptStyleGuideJavaScriptStandardStyleMethodology/BEMfront-endcodestandards&bestpractices-GoogleSearchChineseStandardWebFonts:AGuidetoCSSFontFamilyDeclarationsforWebDesigninSimplifiedChinese前端开发中文字体应用规范如何优雅地选择字体（font-family）界面设计必备！全方位科普常用字体规范（附神器）library&frameworkJqueryEffectiveEventBindingwithjQuery：简单高效的jQuery事件绑定实现，真爽！VueVue作者游雨溪：Vue2.0渐进式前端解决方案滴滴webapp5.0Vue2.0重构经验分享饿了么Element：基于vue2+vuex构建45页大型单页应用的网站快速原型制作工具Vue2后台管理系统解决方案vue生态指南ReactReact.js小书：从实战角度出发，重点深入浅出讲解React。你需要掌握ES6Facebook官方TutorialReact入门实例教程React入门教程SegmentFaultTechnologyWeekly系列文章SegmentFaultTechnologyWeeklyVol.8-React《5分钟快速入门》SegmentFault技术周刊第9卷-进阶！React技术周刊Vol.10-ReactNative丨学一次，随处写SegmentFault技术周刊Vol.11-React应用与实践React+Ant。DesignIE8/9/10/11开发的SPAReact+reflux应用兼容实践让你的Reactapp在IE8AntDesign中工作AntDesign-PC端后台框架设计指南React组件列表设计模式AntDesignMobile-移动版AntV-AntDesignfor数据可视化平台设计指南：Web版、移动版开发指南：Web版、H5版其他框架FrozenUI-专注于移动web的UI框架Weex-移动端跨平台UI框架关键词：移动端组件库框架首选去哪儿前端架构大师司徒正妹：如何选择合适的前端框架？如果要用前端框架，开发流程是怎样的？:第一个回答干货满满。前端UI框架集合业务实战开发流程Web开发流程参考现在大型网站的开发流程是怎样的？13年一问一答——网站开发流程：7步全攻略功能实现用户注册前端分离模式下前端开发的一些问题设置session有效期，存储/验证/清除session字符串验证validator.js表单验证探索两种优雅的表单验证——策略设计模式和ES6Proxy代理模式复制到剪贴板clipboard.js视频播放播放器插件videojsie8下不能播放？videojs:CustomizingPlayerAppearance-LunaSkinprogressbarmarkspchuang/videojs-markers视频弹幕实时弹幕系统的设计与实现jabbany/ABPlayerHTML5Github关键词：danmuimageloadGoogle关键词：mediumimagelazyload，实现mediumsequentiallyloadingblur的图片效果和高清图片组件化/模块化/业务分层等vue组件如何更优雅？引入服务层性能优化。当前端妹子跟我抱怨他们的页面加载慢的时候，怎么在她面前优雅的安装呢？性能魔方mmTrix打造亚秒级页面加载速度网店实战经验如何计算自己网站所需的流量和带宽：介绍如何计算网站所需的流量和带宽，并从运营方面举例说明andmaintenanceandcode非常中肯的建议，如何优化H5性能？移动端开发页面适配考虑网易、淘宝的font-size思考前端设计稿和工作流程页面如何适配各种机型：使用rem实现页面适配各种手机机型移动高清多屏屏幕适配方案移动端适配方案（二）使用Flexible实现手淘H5页面的终端适配。了解真正的“REM”手机屏幕适配常见大坑。iOS非直接输入相关手机视频播放-Prismplayer-阿里云手机页面，图片合理宽度灵-腾讯手机Web整体解决方案灵手机Web开发规范|SpiritJM(JavaScript手机)|SpiritJMUI(基于JM)|Spirit手机WEB调试工具Rosin|Spirit前端工程技术周刊Vol.3-前后端分离与前端工程fis3fis3-百度的前端工程构建系统Webpack入门Webpack，看完这篇就够webpack从入门到在线webpack多页应用架构系列（一）：一步步解决架构痛点How-To：将Webpack集成到VisualStudio2015WebPackTaskRunner——VisualStudioMarketplace界面测试RAP：阿里巴巴团队的Web界面管理工具理论升华4大你应该知道的JavaScript设计模式资源collectionJS库/插件推荐轻量、高效、无依赖的开源JS插件和jQuery插件库Carouselkenwheeler/slick:lastcarouselyou'lleverneed/glidejs:responsiveandtouch-friendlyjQueryslider:在实际项目应用中，上面的华而不实略有瑕疵，最终选择的就是这个GlideGalleryGallery。其实和下面的照片墙没有太大区别...还有后面的瀑布...dimsemenov/PhotoSwipe:点击缩略图可以显示大图，功能很齐全。magnific-popup：上面PhotoSwipe的微型版本。照片墙24CSSGALLERY20免费jQuery图片库和灯箱插件shotopileJS–jQuery照片堆叠效果插件jQuery照片墙画廊插件（如google）：最新提交于2014年12月8日photoWall.js：用于显示照片的轻量级Google-esquejQuery插件：最新commiton15Dec2015vue-gallerywaterfallstreamdesandro/masonryLazyLoadLazyLoad，延迟加载图片的jQuery插件ValidatorWLDragon/SMValidatorProgressBarNProgress.jspace:自动网页进度条网页加载进度条的原理是什么？用javascript来做。错误监控和分析Rollbar-ErrorTrackingFunDebug-全栈JavaScript错误监控主题、UI、图标和其他与视觉相关的ThemeForestBehanceFroala设计块：大量基于Bootstrap的响应式设计示例。jQueryUIBootstrap--基于Bootstrap风格的jQueryUI控件uxcore-ReactUI组件集：应用于企业级后台？前台应该也可以Fontello-iconfontscissors:字体图标大集合，包括FontAwesome,Iconic等常用字体图标，选择你要的图标，然后就可以打包下载了，使用iconfinder按需：图标素材iconfont：阿里妈妈MUX是倾力打造的矢量图标管理交流平台。Preloaders.net-LoadingGIF&APNG(AJAXloaders)generatorFreepik：这是一个可以下载免费矢量素材的网站，您还可以找到图标、PSD和图片等资源。CSSCSS参考手册CSS3box-shadow实现纸张曲线投影效果如何创建无图像的CSS3纸张卷曲CSS技巧宝典-毛玻璃效果其他浏览器SegmentFault技术周刊第15卷-《一日掌握Chrome开发》实用工具控字—Unicode?charactertableTexttoHTMLConverterTinyPNG：一种在线PNG压缩工具，可以显着减小PNG文件的大小。前后端交互RESTful——移动互联网时代高效的API架构风格：后端.NET配套方案：Asp.NetWebApi，或NancyWiki系统SmartWiki：国人出品的Wiki系统，12月开发2016年，最后更新日期：2017年3月29日前端安全如何让前端更安全？——XSS攻防详解设计网页设计关键词：网页设计站库交互设计&视觉设计网站&书籍LogoMoose原型设计知道关键词：原型设计→必备内容如何设计一个优秀的网站后台原型？如何快速学习Axure？如何学习使用Axure？
