作者:Chris Coyier
原文链接:Write Your First Service Worker in 5 Minutes

我敢说你们都见过那种看起来如同正在实时绘制 SVG 图形的 SVG 小动画。效果非常的赞。Jake Archibald 是这门技巧的先驱,他还写了一篇超级棒的引人入胜的博客来说明如何实现这种效果。Brian Suda 也在 24 Ways 上面写了一篇文章。Polygon 使用这项技术来为他们的设计添加惊艳的效果并写了一篇文章来说明。Codrops 上有一些简洁的例子

阅读更多

作者:Mostafa Gaafar
原文链接:7 Reasons Why JavaScript Async/Await Is Better Than Plain Promises (Tutorial)

Async/Await 由 NodeJS 7.6 版本引入,现在已经被所有现代浏览器所支持。我认为这是 JS 自 2017 年以来最棒的更新。如果你不信,这里有一堆带着示例的理由告诉你为什么你应该尽快接受它并且永不再回头。

阅读更多

作者:Gokul N K
原文链接:Understanding promises in JavaScript

我对 JavaScript 的感觉是“又爱又恨”。但是它还是一直吸引着我。我做了 10 年的 Java 和 PHP 开发,相较之下,JavaScript 是一个非常独特而有趣的存在。现在我正努力花时间来了解更多的 JavaScript 内容。

我遇到的第一个有意思的主题就是 Promise。曾经不止一次的听人们说起 Promise 把他们从回调地狱中拯救出来。而这只不过是 Promise 顺带的一点好处而已,Promise 包含了更多的内容,直到现在我才把它搞清楚。这是一篇长文,如果你想做些高亮标记什么的,你可以试试我们这个扩展 http://bit.ly/highlights-extension

阅读更多

作者:Anurag Majumdar
原文链接:“Super” and “Extends” In JavaScript ES6 - Understanding The Tough Parts

ES6class 语法以及其他新特性让 JavaScript 显得简单多了。今天我们将结合 class 语法和继承概念来分析一些代码。猜的没错,我们要研究的正是 ES6 中的 superextends 关键字。学习新特性最好的方式就是在实例中深入的研究它。让我们开始吧!

阅读更多

作者:Carmen Bourlon
原文链接:Write Your First Service Worker in 5 Minutes

什么是 Service Worker?

Service Worker 是一个让你可以在用户机器上缓存文件和其他资源的小文件。那它跟服务器端缓存 (server-side caching) 有什么区别呢?这种缓存是放在用户的机器上的,因此跟服务器端的缓存相比,它不需要再通过网络传输。这对提升你的应用的速度和可靠性是非常有好处的。由于 app 是从缓存中运行的,就不用大费周章的花时间从网络传输数据了。

阅读更多

作者:Tomasz Jakut
原文链接:Implementing single file Web Components

可能每个了解 Vue 框架的人都听说过它的“单文件组件(single file components)”。这个超简单的概念让 Web 开发人员可以只用一个文件来定一个组件。这个解决方案非常好用以至于一个在浏览器中包含这种机制的提案已经出现。

不过很不幸的是,这个提案貌似已经死掉了,从 2017 年 8 月以后就再没有任何进展。即使如此,在现有可行技术下研究这个话题并且创建一个可以在浏览器中运行的单文件组件仍然值得写一篇文章!

阅读更多

作者: Guil Hernandez
原文链接:Increase Your Site’s Performance with Hardware-Accelerated CSS

你知道我们可以把图像相关的 CSS 特性交给 GPU(图像处理单元) 处理,以利用硬件加速在浏览器中获得更好的渲染性能吗?

当今的大多数电脑都有可用于硬件加速的显卡。因此,我们可以利用这些 GPU 资源去处理那些比较耗性能的特性,这样我们的网站和应用在浏览器中就能获得比单纯用 CPU 处理更好的性能表现。

这篇文章里,我们会讲到桌面和手机端浏览器的 CSS 硬件加速。

阅读更多

作者:Anthony Gore
原文链接:How To (Safely) Use A jQuery Plugin With Vue.js

在一个 UI 中同时使用 Vue.js 和 jQuery 并不是一个好主意。如果可能的话要避免这种情形。

不过既然你已经看到这里了,估计你是非要同时用 Vue 和 jQuery 不可了。或许是客户坚持要使用某个 jQuery 插件而你又没时间去把它用 Vue 重写。

只要你谨慎的操作,还是可以同时使用 Vue 和 jQuery 的。这篇文章里我将演示如何在 Vue 项目中使用一个 jQuery UI 的 Datepicker 插件。

而且为了小小的炫一下技,我还要在 jQuery 插件和 Vue 之间传递数据!

阅读更多

This is a testing post.
Created at February 7th, 2019, 21:26