Peace

The unexamined life is not worth living

神奇的 Workbox 3.0

让你的 Web 站点轻松做到离线可访问

workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案,该解决方案包含一些 Js 库和构建工具,在 Chrome Submit 2017 上首次隆重面世。而在 workbox 背后则是 Service Worker 和 Cache API 等技术和标准在驱动。在 Workebox 之前,GoogleChrome 团队较早时间推出过 sw-pr......

常见 Web 安全攻防总结

安全永远是产品的最基础需求

Web 安全的对于 Web 从业人员来说是一个非常重要的课题,所以在这里总结一下 Web 相关的安全攻防知识,希望以后不要再踩雷,也希望对看到这篇文章的同学有所帮助。今天这边文章主要的内容就是分析几种常见的攻击的类型以及防御的方法。 也许你对所有的安全问题都有一定的认识,但最主要的还是在编码设计的过程中时刻绷紧安全那根弦,需要反复推敲每个实现细节,安全无小事。 本文代码 Demo 都是基于......

记一个 Windows 命令行引发的 Bug

2018 年刚开始就踩了一个很懵逼的雷,居然还是关于 Windows 的命令行的。 背景 背景是这样的,在开发 Lavas cli 的过程中,需要通过开发者选定的模版类型拼接出对应的 repo 地址和分支名,然后通过 Node.js 从 github 上拉取合适的模版到本地给开发者使用。这个需求很明确,就是涉及到需要使用 Node.js 操作 git 命令行,然后就很自然的就使用 child......

个人 2017 年年终总结

2017 年,一切挺好的,是我在上海的第二年,没有了 2016 年的迷茫和空虚,并且这一年我拥有了自己的小家庭,幸福的 2017。 我本身是那种工作和生活分不开的人,写代码本身就是我生活的一部分了,但是在 2017 年的最后一天的时候,突然有挺多感想,不谈谈工作,不想谈技术,不想谈代码,想来想去还是谈谈今年看的课外书吧。 课外书 今年看了几本课外书,感觉学到了很多。 《人类简史》 《必然》......

如何看 Safari Technology Review 版本支持 Service Worker

PWA 的爆发离我们还会远吗?

2017 年 12 月 21 日,苹果在《Release Notes for Safari Technology Preview 46》的发布报告中提到了一个非常起眼的特性支持:支持 Service Worker。在报告的一开始就直接展示 Service Worker 相关的内容,和之前的「计划」或者「考虑中」不同的是,Apple 这次在 Safari Technology Preview ......

Chrome 63 的新鲜货

2017 年 12 月初,Google Chrome 团队发布了 Chrome 63 版本,在这个版本中又有很多令人兴奋的新特性以及 DevTools 也有很多好用的升级,今天在这里接着介绍一下 Chrome 63 版本有哪些新鲜货。 新特性 Chrome 63 此次新增了以下新特性: 动态 import JavaScript 模块 支持 async 迭代器和 generator 函数 支......

Chrome 62 的新鲜货

2017/10/18 ,Google Chrome 又悄悄的发布了 Chrome 的新版本 - Chrome 62 稳定版,Mac、GNU/Linux、Windows 用户都可以立即升级(Chrome 也会提示没升级的用户升级)。这次我又没跟上步伐及时整理。。我只是想了解每个 Chrome 版本的新特性,毕竟 Chrome 现在是走在新时代的开路先锋。本系列的内容都是基本来自于 Chrome......

百度 Lavas App 解决方案 1.0 发布啦!

为您的 Web App 增加更多可能性

近日,百度 Lavas 团队正式发布了一套 Lavas App 解决方案 1.0。 为了跟上 Web App 用户体验至上的潮流,目前国外的站点都在 Google 的大力推动和倡导下如火如荼的进行着 Web 站点的 PWA 改造,收到了非常显著的效果。由于中国国内 Android 系统(由于目前 iOS 并未全面支持 PWA 特性,暂时先不讨论 iOS 的问题)和各大浏览器厂商的浏览器基于 ......

Chrome 61 的新鲜货

Google Chrome 团队前段时间发布了 Chrome 61 版本,还是有一些非常有诚意的新特性呈现出来,非常感谢 Chrome 团队的贡献 🙏, 我们从新特性、DevTools、 废弃的内容 三个部分来看看 Chrome 61 有哪些调整吧。 特性部分 Chrome 61 新增了一些新特性: 支持原生的 JS Module 支持了 navigator.share web Shar......

看清楚真正的 Webpack 插件

什么是 webpack? webpack 能干什么? webpack 怎么用? 太多的入门教程了,一搜一大把,不再说了,而且 webpack 的官方文档应该是文档届的标杆了,太详细了,由浅入深,从玩具类型的初级 Level,到深度优化的生产环境下产品级别的高级 Level 都讲的特别细致易懂,在这里就不细说了,丢一个 webpack 的文档链接吧,可以根据教程先把玩一番。 在上手把玩了 we......