1024，在这个属于“程序员”和“程序员”的特殊节日里，送上节日大礼包———年政彩云ZooTeam前端小报推荐的700篇好文章。每一篇文章都是人肉筛选推荐的。一篇文章看了当年的精华。强烈推荐收藏~！由于字数限制，如需查看全部700篇好文，请点击：1024GreatContribution！！一篇看完了近一年前端领域的所有好文（700篇大汇总）说明BFC到底是什么？https://juejin.im/post/5d633ea151882537930bbd8e什么是BFC？BFC的原理是什么？如何创建BFC？https://juejin.im/post/5cee1b38e51d4556be5b39e1position:sticky用法https://www.zhangxinxu.com/wordpress/2018/12/css-position-sticky/CSS-position:static/relative/absolute/fixed定位https://juejin.im/entry/59c253806fb9a00a4455fa0a26常用又容易忘记的CSS小技巧https://juejin.im/post/5da3a357f265da5b6723ee1eCSS3box-shadow效果合集（内阴影、外阴影、三边阴影、双面阴影、单面阴影、细线描边...)https://www.html.cn/archives/9360回顾过去，了解CSS的世界https://mp.weixin.qq.com/s/u-nshXoFGKOGUKp0YcwEyQ【翻译】你能在30秒内回答这44个精选的CSS知识点吗？https://juejin.im/post/5d40120f6fb9a06b0471d956CSSStackingContexthttps://mp.weixin.qq.com/s/THhLxXrGJOPLCVrA0xnlDwCSSPaintingAPIhttps://mp.weixin.qq.com/s/IaBKYKfQgDOoIwNeHybmQg。.....行为精读《async/await 是把双刃剑》https://segmentfault.com/a/1190000014753495ES6核心功能https://segmentfault.com/a/1190000017139065Promise&ES6完整用户手册https://juejin.im/post/5bfe05505188252098022400ModernJS中的流控制：回调到Async/Await的承诺https://www.zcfy.cc/article/flow-control-in-modern-js-callbacks-to-promises-to-async-awaitAsync剪贴板API在这里https://mp.weixin.qq.com/s/2SFPhRVbbtMz3PatKTPF8wJavaScript箭头函数：适用和不适用的场景https://mp.weixin.qq.com/s/vVTMawWDQv2kv8f4IyjWbw探索ECMAScript中的装饰器https://github.com/rccoder/blog/issues/23停止，你保证！https://mp.weixin.qq.com/s/aj45Rfpv5X0CxCpYRCLcmQ看看你同事写了多少JS代码风格https://mp.weixin.qq.com/s/f6DHgoTGcCIaN3Orlq45LA......服务器端谈Node.js在携程的应用https://www.infoq.cn/article/LwLAaADiaY1twBsC*tCiNode12值得关注的新特性https://mp.weixin.qq.com/s/qUbSfVsrvFVjbcPZQRjSvQNodeJS和模块系统https://mp.weixin.qq.com/s/uDp0v_1hN0Uzg-EGr1yfgANodeJS和命令行程序https://mp.weixin.qq.com/s/-jxYbmcbdt5IvpJC0BYOjg现在使用轻松部署serverlessNode应用https://mp.weixin.qq.com/s/mRIvHBWMf95KsbRVS6u2lANode.js环境性能监控https://mp.weixin.qq.com/s/bWP1AtARhHkDhamGTAuTPg全栈第一步：Node+MySQL实现登录的简单功能https:///juejin.im/post/5d6694496fb9a06adb7ff441作为前端工程师，还必须掌握几个文件路径知识https://juejin.im/post/5d1a3328e51d4510727c80e4基于NodeJS，从0到1实现一个CMS全栈项目https://juejin.im/post/5d8af4cd6fb9a04e0925f3d8写到前端Docker实战教程https://juejin.im/post/5d8440ebe51d4561eb0b2751......性能体验Vue-Table表格渲染千数据优化https://zhuanlan.zhihu.com/p/53455289Chrome运行时性能瓶颈分析https://mp.weixin.qq.com/s/P_hOjdEG9YTt-kqYGyNb9g配置TreeShaking减少JavaScript打包体积https://www.cnblogs.com/fundebug/archive/2018/08/15/reduce_js_payload_with_tree_shaking.htmlHTTP/2和WEB性能优化(3)https://imququ.com/post/http2-and-wpo-3.html加载速度提升90%——vuecli下首屏性能优化https://mp.weixin.qq.com/s/ED-B_eeR2tewRxJmdZdyeQ如何在浏览器不崩溃的情况下过滤200万行数据？https://mp.weixin.qq.com/s/k6XUFlx7npuu1sxy73qZzg前端性能优化重排重绘https://segmentfault.com/a/1190000016990089蚂蚁金服如何做到极致的前端性能监控？https://mp.weixin.qq.com/s/pqFhhb5u6w7gmUutilH5xQ网站性能指标那么多，你选对了吗？https://juejin.im/post/5d78d7546fb9a06af13d9548JavaScript性能优化treeshakinghttps://mp.weixin.qq.com/s/3maI-GFD4Cilt6GSSzRgwQ......React相关的函数式编程和React高级组件https：//www.cnblogs.com/isLiu/p/8081393.html关于this.setState的那些事https://www.jianshu.com/p/a883552c67de如何从零开始开源一个React组件https://zhuanlan.zhihu.com/p/7580621React开发神器https://zhuanlan.zhihu.com/p/78051039Context-React跨组件访问数据的利器https://juejin.im/post/5be10e436fb9a04a053f21f5最坑爹的React16.x图文视频教程https:///juejin.im/post/5be10e436fb9a04a053f21f5://juejin.im/post/5d085be0f265da1bac401937翻译React的今天和明天（图文版）https://juejin.im/post/5bfccbf8f265da61407e97b5React中跨/组件分布状态的三种方式https:/www.zcfy.cc/article/three-approaches-to-distribute-the-state-across-components-in-reactIsomorphism(SSR)原理https://mp.weixin.qq.com/s/BXC6tZyY6fsi8l8dJ40nugreact-routerv4孙子节点不能使用history的解决方法http://qqweb.top/Blog/Detail/81......Vue相关Vue技能进阶：使用设计模式写出优雅的前端代码https:///mp。weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247492133&idx=1&sn=3d8eb0bd3427c426bd54b5fa361220ba&chksm=f9525766ce25de7005381b7563503e81cdb8933908ed1e8232da1398668a338efe7004aab94e&mpshare=1&scene=1&srcid=&sharer_sharetime=15656205Vue组件数据通信方案总结https://juejin.im/post/5d650723f265da03951a0369细谈vue核心-抽象组件实战文章https://mp.weixin.qq.com/s/nXWbDEbseenaAvX_UkK4tQ五步带你学习VueSSRhttps://juejin.im/post/5bbda9ed5188255c8f06c0dcvue.ant.design低调上线https://mp.weixin.qq.com/s/BPs7gorjEe7wmjBka9n0BgVue探索与实践https:///aotu.io/notes/2017/07/17/The-Exploration-and-Practice-of-Vue/Vue组件通信的六种方式（完整版）https://mp.weixin.qq.com/s/vtcb5D7ncntbwHMCDRi3mw2019年Vue生态圈调查：92%的开发者会继续使用Vuehttps://mp.weixin.qq.com/s/MC6n4RjgOUI1Ggm_r5WlQw前端理解依赖注入控制反转https://segmentfault.com/a/1190000020320255如何优雅地使用Vue添加权限控制在https://mp.weixin.qq.com/s/B-XbG_qvzqj4jt3jDEBLQA......Babel相关的工具你一定要知道https://mp.weixin.qq.com/s/1OyBkl5NnFO1q86L7GjQwgVSCode原理分析-断点调试https://fed.taobao.org/blog/2019/08/15/vscode-debug-source-analyse/Chrome调试技巧https://juejin.im/post/5c0e0fa0e51d452afa65d626多图警告，Chrome浏览器前端调试技巧大揭秘https://mp.weixin.qq.com/s/0d53JUQ0Qqkm8RKbvSxtfgweekly/101。精读《持续集成 vs 持续交付 vs 持续部署》https://github.com/dt-fe/weekly/blob/v2/101.%E7%B2%BE%E8%AF%BB%E3%80%8A%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90%20vs%20%E6%8C%81%E7%BB%AD%E4%BA%A4%E4%BB%98%20vs%20%E6%8C%81%E7%BB%AD%E9%83%A8%E7%BD%B2%E3%80%8B.mdGitHub免费支持CI/CD，开发测试部署高度自动化，支持各种语言https://mp.weixin.qq.com/s/CxblbkhfP82CzRQ_0ttlFw?spm=a2c4e.10696291.0.0.251619a4pqMYJiBuildTools-react的yarnejectbuild命令做了什么？https://juejin.im/post/5cf52a56f265da1b7e1022dd系列（二）手写模块打包代码|yhlben的前端日志https://yhlben.github.io/blog/project-webpack-flow.html#%E6%89%8B%E5%86%99%E4%B8%80%E4%B8%AA%E6%A8%A1%E5%9D%97%E6%89%93%E5%8C%85%E4%BB%A3%E7%A0%81parcel快速入门https://parceljs.org/getting_started.htmlnpm是过时了，下一代包管理器Tink正在孵化https://mp.weixin.qq.com/s/wDMcKSYUsZDtx9sSzSDyBg......方案总结技术驱动：前后端协同效率如何-end一方面，努力推广https://segmentfault.com/a/1190000018997619了解单页应用和多页应用的区别https://juejin.im/post/5cffa35a6fb9a07ec63b0bb02019前端工程师自检清单与思考https://segmentfault.com/a/1190000018873042如果我是前端组长，我该如何制定前端协作规范？https://juejin.im/post/5d3a7134f265da1b5d57f1edIn-depth|API设计最佳实践思考https://mp.weixin.qq.com/s/qWrSyzJ54YEw8sLCxAEKlAGitHub60000+星：命令行的艺术https://绝津。im/post/5d8b1899f265da5b9d1edee2小菜的前端技术栈是如何规划和演进的https://segmentfault.com/a/1190000018997167浅谈前端体系建设https://zhuanlan.zhihu.com/p/28299873Why审查代码？https://mp.weixin.qq.com/s/5m3bBzFTN82ttEFN5EpBewCodeReviewBestPracticeshttps://mp.weixin.qq.com/s/n-QwVxZEFB-rpf7YX-mV4Q......浏览器FirefoxPreview发布，下载一代手机浏览器https://mp.weixin.qq.com/s/CXoMv6AkUWGOqIzDQFkPwQ浏览器相关原理面试题详细总结https://juejin.im/post/5da18b1af265da5bb318ed07Chrome76Beta特性尝鲜：深色模式，轻松安装PWA，隐身模式难以检测https://mp.weixin.qq.com/s/N3FwgB67Rg-1jumSRJEDZQ创建前端离线日志1：IndexedDBhttps://mp.weixin.qq.com/s/5XgvU3Coiz6S-RCcBJ4S7g使用Chrome原生的lazyload属性进行图片延迟加载https://segmentfault.com/p/1210000017019844如何监控网页崩溃？https://mp.weixin.qq.com/s/HnMZLI7hZ5sXU7bOXh615AChrome72嵌套flex布局修改，你的网站可能布局错乱https://juejin.im/post/5c642f2ff265da2de660ecfc图解浏览器工作原理（史上最全）https://mp.weixin.qq.com/s/X4yAFZBNLwaDUFYaR0Cn5g恭喜！Chrome75将原生支持图片延迟加载https://mp.weixin.qq.com/s/wOZLB_yP2d2BgbiVWqSKTA?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com为什么你的浏览器会卡死https://mp.weixin.qq.com/s/NUrqeJ6UjWe7CxTGofdtNw......用JS开发多终端跨平台桌面应用，从原理到实践https://mp.weixin.qq.com/s/4WaUM8iJoEYgrI_HpC5MOQ使用Flutter一年，这是我的心得https://mp.weixin.qq.com/s/FmK0RMCNNJe68Aq7tOUROAFlutter进阶之路的常用组件https：//juejin.im/post/5d67abfd51882569eb571be9为什么Flutter是跨平台开发的终极选择https://mp.weixin.qq.com/s/R0sk9CGPbBksSnWV9xtGSg重磅系列文章！UI2CODE智能生成Flutter代码https://mp.weixin.qq.com/s/4s6MaiuW4VoHr_7f0S_vuQ为JavaScript开发者准备的Dart参考教程https://mp.weixin.qq.com/s/q-iObT6RTMx5FDMv7l4Ipwflutter支付宝APP支付（包括背景）https://juejin.im/post/5d9750925188250911143d70Flutter入坑分享http://blog.myweb.kim/flutter/Flutter%E5%85%A5%E5%9D%91%E5%88%86%E4%BA%AB/闲鱼之Flutter原理与深入实践https://mp.weixin.qq.com/s/sggBSYcH9_Mjt_zGjqStRw想学Flutter，却不知如何入手？https://mp.weixin.qq.com/s/KD8LfT6qDeMsiz0YGDsJVw......六种常见的Web安全攻防分析https://mp.weixin.qq.com/s/JttR5idAeAWLHUVu-_7CHA每周下载量超过200万个npm包被注入恶意代码https://mp.weixin.qq.com/s/j_U6vQRuiXwieG33DBAWeb安全漏洞文件上传https://mp.weixin.qq.com/s/MNdstO9ahpcXp5JTHErBxgweb应用常见安全漏洞列表https://mp.weixin.qq.com/s/iXJOTFJV2CprUI2uwDBBBQ最新：Lodash严重安全漏洞背后你不能没有JavaScript知识https://juejin.im/post/5d271332f265da1b934e2d48Facebook的API为什么要以循环开头？https://mp.weixin.qq.com/s/WHh9v3icCc90PwiLyv0Hng六种常见Web安全攻防分析https://segmentfault.com/a/1190000018073845浅谈target="XSS攻击之Web安全漏洞https://segmentfault.com/a/1190000017057646反击爬虫，前端工程师的脑洞能有多大?http://imweb.io/topic/595b7161d6ca6b4f0ac71f05HTTP相关前世今生：一次搞懂HTTP、HTTPS、SPDY、HTTP2https://segmentfault.com/a/1190000016996541HTTP/2和HTTP/3新特性解读https://mp.weixin.qq.com/s/2LJrvum4solO38bwL9tSDQHTTPS基本原理图https://juejin.im/post/5d53aa04f265da03934bd70c基于HTTPS的快速搭建https://mp.weixin.qq.com/s/j7WmuruPmvrnPK8kk3L7dw为什么要尽快升级到HTTPShttps://imququ.com/post/moving-to-https-asap.html最全的HTTP安全Responseheader设置指南https://mp.weixin.qq.com/s/LxUUKuQa7XrOCrtyc3g91wHTTPS什么exactly是加密的吗？https://zhuanlan.zhihu.com/p/38278311正确处理下载文件时HTTP头(Content-Disposition)的编码问题/s/PqM26pHgr9QJYifQuFmASAHTTP状态码详解https://tool.oschina.net/commons?type=5......专业感知支付宝宇博：从前端到体验，如何把格局做大？https://mp.weixin.qq.com/s/TIzXvAEi1cFCDVgCaQXYXw左耳鼠标：我这些年软件开发的原则和经验教训https://mp.weixin.qq.com/s/-Gus3fGHXcRBvuKjrwQStA互联网时代，你还在讨论如何做好软件测试，我们已经在讨论如何把测试“干掉”了https://mp.weixin.qq.com/s/Pkhxa8v9e40Sd_91CONWpw面试官视角：问题出在哪里？(Part1)https://juejin.im/post/5d6baf43e51d453bb13b6674面试官视角：问题出在哪里？（下）https://juejin.im/post/5d7062adf265da03ee6a776b阿里前端技术委员会主席谈《前端之路思维》https://mp.weixin.qq.com/s/_R2yjClaRuU0dZyFafAMMA前端必备技能优秀的工程师，你解锁了吗？https://mp.weixin.qq.com/s/q05Df_TKWUSlhK6V6KTrfw解密初中高级程序员的进化之路（前端）https://juejin.im/post/5d3a6d9e51882570d50f5566如何成为一个失败的程序员https://mp.weixin.qq.com/s/mq009j-X0LJ7iBhUEOLbow宇博：从前端到体验，如何把花样做大https://mp.weixin.qq.com/s/JXifreRbTQcFiLqSLTNtag...
