一款使用Vue JS,Webpack&Material Design开发的渐进式web应用(PWA)[Part 2]

原文地址:https://medium.com/bam-tech/a-progressive-web-application-with-vue-js-webpack-material-design-part-2-a5f19e70e08b 这篇文章是A Progressive Web Application with Vue JS, Webpack & Material Design系列的其中一篇,旨在使用VueJS,Webpack和Material Design从头搭建一个基础但功能完整的PWA。如果你还没有看过之前的文章,可以点击这里阅读第一部分。 代码在GitHub开源: https://github.com/ »

xinyan xinyan

一款使用Vue JS,Webpack&Material Design开发的渐进式web应用(PWA)

原文地址:https://blog.sicara.com/a-progressive-web-application-with-vue-js-webpack-material-design-part-1-c243e2e6e402 PWA相关的中文文章比较少,这篇手把手教程非常适合当做pwa入门教程,因此翻译一哈。作者写了一系列手把手教程,这是part 1. 渐进式web应用(PWA)是web未来的趋势,越来越多的大公司们开始使用这项技术(如推特...)。 想象一下:当你在乘坐地铁时浏览一款web应用,这款web应用通过推送通知、实时更新数据和提供原生app一般的导航等功能让你沉醉其中。而这些功能就是PWA所包含的一些特性。 PWA就是一款能为用户提供类似于原生app般体验的web应用。得益于现代web技术的不断创新(如Service Worker, »

扩展运算符

扩展运算符是三个点(...)。ES6中在数组和对象的操作上非常实用。 示例一:数组深拷贝 let arr = ['wenyi','yuanfang','xinyan']; let arrShallowCopy = arr; let arrDeepCopy = [...arr]; console.log(arrShallowCopy === arr); //true console.log(arrDeepCopy === arr); //false 上述可以从命名中就已看出, »

温仪 温仪

ES6与ES5基本用法的对比理解

let 与var ES5的变量分为:全局变量((方法function,对象object{})外面的变量,或没有加var的变量)和局部变量(反之),var去声明;ES6中的let,只在所在的代码块内有效。 示例一 { let yage = 10; var wage = 1; } yage // ReferenceError: a is not defined. »

温仪 温仪

关于node.js-内存控制-垃圾回收学习总结

V8内存限制 Node与其他语言不同的一个地方,就是其限制了JavaScript所能使用的内存(64位为1.4GB,32位为0.7GB),这也就意味着将无法直接操作一些大内存对象。这很令人匪夷所思,因为很少有其他语言会限制内存的使用。 原因? V8之所以限制了内存的大小,表面上的原因是V8最初是作为浏览器的JavaScript引擎而设计,不太可能遇到大量内存的场景。 而深层次的原因则是由于V8的垃圾回收机制的限制。由于V8需要保证JavaScript应用逻辑与垃圾回收器所看到的不一样,V8在执行垃圾回收时会阻塞JavaScript应用逻辑,直到垃圾回收结束再重新执行JavaScript应用逻辑,这种行为被称为“全停顿”(stop-the-world)。 若V8的堆内存为1.5GB,V8做一次小的垃圾回收需要50ms以上,做一次非增量式的垃圾回收甚至要1秒以上。这样浏览器将在1s内失去对用户的响应, »