01。2018前端开发者手册这是一本2018年的前端开发手册，包括前端工程实践、前端开发学习、前端开发工具三部分。详情：https://frontendmasters.com/books/front-end-handbook/2018/02。Bootstrapv4.1.0发布Bootstrap发布了最新版本v4.1.0，除了常规的bug修复和文档更新外，该版本还新增了自定义范围表单控件、轮播工具carousel-fade、纯文本drop-下拉菜单项dropdown-item-text和box-shadow工具。详情：https://blog.getbootstrap.com/2018/04/09/bootstrap-4-1/03。FirefoxReality：一个简单的VR浏览器2018年4月3日Mozilla推出了FirefoxReality，这是一款新的VR浏览器，专为虚拟现实(VR)和增强现实(AR)而设计。该浏览器在GitHub上开源。详情：https://blog.mozilla.org/blog/2018/04/03/mozilla-brings-firefox-augmented-virtual-reality/04。Angular6有什么新功能？随着Angular6的候选版本RC5，通用版本即将发布。我们来看看Angular6的新特性：支持TypeScript2.7+，添加渲染引擎lvy，支持Bazel编译器，为NavigationStart添加navigationSource和restoredState。详情：https://walkingtree.tech/whats-new-angular-6/05。WebAuthn，浏览器无密码登录新标准2018年4月10日FIDO联盟（FIDOAlliance）与W3C共同取得了Web认证标准的重大里程碑进展，为全球用户带来更简单、更强大的Web认证方式。FIDO提交的文档Web认证（WebAuthn）正式进入W3C候选推荐（CR）阶段。WebAuthn标准目前在最新版本的Firefox中得到支持，并将在未来几个月内在新版本的Chrome和Edge中得到支持。详情：https://www.theverge.com/2018/4/10/17215406/webauthn-support-chrome-firefox-edge-fido-password-free中文版：https://mp.weixin.qq.com/s/enjl4i-3naF0iOdZMfrYuw06。SitePalette：网页调色板工具SitePalette是一个简单易用的免费chrome浏览器扩展，可以提取网页的基本颜色生成调色板，可以作为设计师和前端开发人员有用的工具工具。详情：http://palette.site/07。图像和视频的延迟加载如何改善初始页面加载时间并减少每页的负载？本指南介绍了懒加载相关技术、懒加载库lazysizes以及懒加载需要注意的问题。详情：https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/08。使用CSS滤镜解决SVG背景色问题你可能会发现，当使用SVG图片作为背景图片时，填充颜色等属性会很难控制，在这种情况下，你可以尝试使用CSS滤镜。它提供了10多个属性，包括模糊、对比度、亮度、灰度和色相旋转等，直接在浏览器中实现类似于Photoshop滤镜的视觉效果。详情：https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/09。NodeJs中的HTTP/2推送功能HTTP/2的主要目标是启用完整的请求和响应多路复用，以减少延迟，通过有效压缩HTTP标头最大限度地减少协议开销，并添加对请求优先级排序和服务器推送的支持。HTTP/2ServerPush允许服务器在接收到浏览器的请求之前主动向浏览器推送资源。文章介绍了NodeJs中HTTP/2服务器推送的更新。详情：https://medium.com/the-node-js-collection/node-js-can-http-2-push-b491894e1bb110。从头开始编写自己的Promise库随着NodeJs对Async/await的支持，我们越来越少使用Callbacks。而Async/await是基于Promise的，所以有必要了解一下这种流行的异步实现机制。在这篇文章中，作者解释了如何编写自己的Promise库并演示了如何使用Async/await。详情：http://thecodebarbarian.com/write-your-own-node-js-promise-library-from-scratch.html11。EpicSpinners：一个简单易用的CSS旋转动画库EpicSpinners是一个CSS旋转动画库，可以通过html/css源码使用，也可以作为Vue.js组件使用。还有用于Angular的库angular-epic-spinners和用于React的react-epic-spinners。详情：http://epic-spinners.epicmax.co/12。优化React：VirtualDOM详解这是对React初学者友好的内部机制的全面介绍。我们展示了React如何做出渲染决策，如何找到性能瓶颈，并分享一些经验教训和技巧以避免常见错误。详情：https://evilmartians.com/chronicles/optimizing-react-virtual-dom-explained每周一更新到GitHub，欢迎star:)
