一款使用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内失去对用户的响应, »

DllPlugin提升webpack打包速度

DllPlugin和DllReferencePlugin提供分离包的方式可以大大提高构建时间性能。主要思想在于,将一些不做修改的依赖文件,提前打包,这样我们开发代码发布的时候就不需要再对这部分代码进行打包。从而节省了打包时间。 ​ DllPlugin 这个插件使用一个单独webpack配置创建一个dll-only-bundle文件。并且它还创建一个manifest.json。 DllReferencePlugin使用该json文件来做映射依赖性。(这个文件会告诉我们的哪些文件已经提取打包好了)。 context (可选): manifest文件中请求的上下文,默认为该webpack文件上下文。 name: 公开的dll函数的名称,和output. library保持一致即可。 path: manifest.json生成的文件夹及名字 e.g.: new »