最近 Vue 官方公布了 Vue 3.0 最重要的RFC：Function-based component API，并发布了兼容 Vue 2.0 版本的 plugin：vue-function-api，可用于提前体验 Vue 3.0 版本的 Function-based component API。笔者出于学习的目的，提前在项目中尝试了vue-function-api。

众所周知，对前端而言，直接操作 DOM 是一件及其耗费性能的事情，以 React 和 Vue 为代表的众多框架普遍采用 Virtual DOM 来解决如今愈发复杂 Web 应用中状态频繁发生变化导致的频繁更新 DOM 的性能问题。本文为笔者通过实际操作，实现了一个非常简单的 Virtual DOM ，加深对现今主流前端框架中 Virtual DOM 的理解。

本文首先描述笔者所处的项目组的 Web 打印项目的需求背景，然后描述笔者在实践 Web 打印项目的过程中遇到了诸多问题，阐述 Web 打印的问题解决思路，最后给出了另外一种 Web 打印的需求解决方案，即使用Headless browser生成图片并打印的方案。预计阅读时间5 ~ 10分钟。

随着各大前端框架的诞生和演变，SPA开始流行，单页面应用的优势在于可以不重新加载整个页面的情况下，通过ajax和服务器通信，实现整个Web应用拒不更新，带来了极致的用户体验。然而，对于需要SEO、追求极致的首屏性能的应用，前端渲染的SPA是糟糕的。好在Vue 2.0后是支持服务端渲染的，零零散散花费了两三周事件，通过改...

在上一篇文章Service Worker学习与实践（二）——PWA简介中，已经讲到PWA的起源，优势与劣势，并通过一个简单的例子说明了如何在桌面端和移动端将一个PWA安装到桌面上，这篇文章，将通过一个例子阐述如何使用Service Worker的消息推送功能，并配合PWA技术，带来原生应用般的消息推送体验。

这周，Chrome 70正式版本发布，Progressive Web Apps（PWA）已经正式支持到Windows 10平台，然而，早在前几个版本之前，Chrome就已经通过chrome://flags支持开启实验性的功能，早就支持在Windows 10平台上安装Progressive Web Apps（PWA）。谷歌表示安装在桌面的网页应用使用体验非常接近于本地应用，并且应用的服务商可...

Service Worker本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理。它们旨在（除其他之外）使得能够创建有效的离线体验，拦截网络请求并基于网络是否可用以及更新的资源是否驻留在服务器上来采取适当的动作。他们还允许访问推送通知和后台同步API。

对于后台开发来说，记录日志是一种非常常见的开发习惯，通常我们会使用try...catch代码块来主动捕获错误、对于每次接口调用，也会记录下每次接口调用的时间消耗，以便我们监控服务器接口性能，进行问题排查。

学了这么久的设计模式，最近一直在看Node.js的设计模式，一直纳闷为何会有模式这一类东西的存在，那么模式究竟是什么东西？后面在看了《面向模式的软件架构》之后才慢慢知道有了一些系统的概念。

当执行一项需要等待一段时间才能返回的任务时，如果使用async/await，就显得比较麻烦了。如果async方法还没有得到返回值，我们就捕获不到其中的异常。

本系列文章为《Node.js Design Patterns Second Edition》的原文翻译和读书笔记，在GitHub连载更新，同步翻译版链接。 欢迎关注我的专栏，之后的博文将在专栏同步： Encounter的掘金专栏 知乎专栏 Encounter的编程思考 segmentfault专栏 前端小站 Advanced Asynchronous Recipes 几乎所有我们迄今为止看到的设计模式都可...

本系列文章为《Node.js Design Patterns Second Edition》的原文翻译和读书笔记，在GitHub连载更新，同步翻译版链接。 欢迎关注我的专栏，之后的博文将在专栏同步： Encounter的掘金专栏 知乎专栏 Encounter的编程思考 segmentfault专栏 前端小站 Coding with Streams Streams是Node.js最重要的组件和模式之一。 社区中...

在计算机科学中，柯里化（英语：Currying），又译为卡瑞化或加里化，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。这个技术由克里斯托弗·斯特雷奇以逻辑学家哈斯凯尔·加里命名的，尽管它是Moses Schönfinkel和戈特洛布·弗雷格发明的。

本系列文章为《Node.js Design Patterns Second Edition》的原文翻译和读书笔记，在GitHub连载更新，同步翻译版链接。 欢迎关注我的专栏，之后的博文将在专栏同步： Encounter的掘金专栏 知乎专栏 Encounter的编程思考 segmentfault专栏 前端小站 Asynchronous Control Flow Patterns with ES2015 and Beyond 在上一章中...

本系列文章为《Node.js Design Patterns Second Edition》的原文翻译和读书笔记，在GitHub连载更新，同步翻译版链接。 欢迎关注我的专栏，之后的博文将在专栏同步： Encounter的掘金专栏 知乎专栏 Encounter的编程思考 segmentfault专栏 前端小站 Asynchronous Control Flow Patterns with Callbacks Node.js这类语言习...

本系列文章为《Node.js Design Patterns Second Edition》的原文翻译和读书笔记，在GitHub连载更新，同步翻译版链接。 欢迎关注我的专栏，之后的博文将在专栏同步： Encounter的掘金专栏 知乎专栏 Encounter的编程思考 segmentfault专栏 前端小站 Node.js Essential Patterns 对于Node.js而言，异步特性是其最显著的特征...

本系列文章为《Node.js Design Patterns Second Edition》的原文翻译和读书笔记，在GitHub连载更新，同步翻译版链接。 欢迎关注我的专栏，之后的博文将在专栏同步： Encounter的掘金专栏 知乎专栏 Encounter的编程思考 segmentfault专栏 前端小站 Welcom to the Node.js Platform Node.js 的发展 技术本身的发展 庞大的N...

douban-movie(豆瓣电影wap版) 用vue全家桶仿写豆瓣电影wap版。 最近在公司项目中尝试使用vue，但奈何自己初学水平有限，上了vue没有上vuex，开发过程特别难受。 于是玩一玩本项目，算是对相关技术更加熟悉了。 原计划仿写完所有页面，碍于豆瓣的接口API有限，实现页面也有限。 由于公开的豆瓣接口具有访问次数限制，克隆...

本书（系列文章）为对CSS中flex布局与grid布局的详细介绍，已在GitHub同步更新，如您在阅读过程中发现描述有误或错别字的情况，您可以向本项目提出issus或Pull Request。

刚进公司不久，因为公司部门年后业务拓展的关系，可能在年后会被分配到公司的微信公众号组做小程序相关的开发工作，因此写了个微信小程序wx-audio踩坑。目前还有一些功能没有写完：如返回多首歌曲、控制播放时间等，可能在年后继续完成。

最近刚进入公司实习，找工作的过程中发现还是基础比较重要吧。分享一些关于前端开发入门和React入门的小项目（小任务）吧。 百度前端技术学院的任务 其实能把百度前端技术学院的任务做完就很不错啦，这里推荐几个比较好的任务。我做的不算太多，选了几个我还比较缺陷的地方专门攻破吧。 flex布局小练习：因为我对flex布...