Hex Book

我干了什么 究竟拿了时间换了什么

「知乎」为什么 CSS 这么难学?

Why I dislike CSS as a programming language

这篇文章转载自我在知乎上的回答 对我来说,CSS 难学以及烦人是因为它「出乎我意料之外的复杂」且让我觉得「定位矛盾」。 @方应杭 老师的答案我赞了:CSS 的属性互不正交,大量的依赖与耦合难以记忆。 @顾轶灵 @王成 说得也没错:CSS 的很多规则是贯彻整个体系的,而且都记在规范里了,是有规律的,你应该好好读文档而不是去瞎试。 「CSS是一门正儿八经的编程语言,请拿出你学C+...

饿了么的 PWA 升级实践

Upgrading Ele.me to Progressive Web App

很荣幸在今年 2 月到 5 月的时间里,以顾问的身份加入饿了么,参与 PWA 的相关工作。这篇文章其实最初是在以英文写作发表在 medium 上的:Upgrading Ele.me to Progressive Web Apps,获得了一定的关注。所以也决定改写为中文版本再次分享出来,希望能对你有所帮助 ;) 本文首发于 CSDN 与《程序员》2017 年 7...

How does SW-Precache works?

SW-Precache is a great Service Worker tool from Google. It is a node module designed to be integrated into your build process and to generate a service worker for you. Though you can use sw-precache out of the box, you might still wonder what happens under the hood. There you go, this article is ...

Service Worker 101「GDG DevFest 2016 北京」

🎞 Slides:Service Worker 101, Working Offline and Instant Loading (GDG DevFest 2016 Beijing)

下滑这里查看更多内容 TLDR; It covers lots of cool stuff about Service Worker! Watching Fullscreen → Scanning on mobile Demo Code → Hello World of Service Worker Make your own Offli...

Progressive Web Apps,复兴序章「QCon 上海 2016」

🎞 Slides:Progressive Web Apps, Make Web Great Again. (QCon Shanghai 2016)

下滑这里查看更多内容 Watching Fullscreen → Watching Video → Scanning on mobile Catalog The State Of Web Rethinking Hybridzation PWA 101 Definition Add To HomeScree...

Progressive Web App 之我见

🎞 Slides:Progressive Web App, in my points of view

下滑这里查看更多内容 Watching Fullscreen → Scanning on mobile Catalog WHAT is Progressive Web App? 1 - Installability 2 - App Shell 3 - Offline SERVICE WORKER! ...

都 2015 年了,CSS 怎么还是这么糟糕

🎞 Slides:CSS Still Sucks 2015

下滑这里查看更多内容 Watching Fullscreen → 你也可以通过扫描二维码在手机上观看 这个 Web Slides 开源在我的 Github 上,欢迎你帮助我完善这个展示文稿,你可以给我提 issue,可以 fork & pull request。如果它能帮助到你了,希望你还能不吝啬 star 一下这个项目 Catalog Document...

JavaScript 模块化七日谈

🎞 Slides:JavaScript Modularization Journey

下滑这里查看更多内容 7月9日,我在公司内部进行了名为「JavaScript 模块化七日谈」分享,并将该 Slides 分享到了微博上。出乎意料地,这篇微博先后被 @JS小组 @尤小右 @寸志 等近 200 人转发,阅读达到 10w,获得了还不错的评价。 于是,我决定将它重新发到我的博客上,并为它专门制作了适用于 Keynote 展示文稿的新布局。它能自动根据屏幕大小/旋转以一定...

Definition of End to End User Scenarios

End to end? To explain what is “End to End User Scenarios”, we should first explain what is “End to End”, which we can called E2E for short. There is not a very clear definition of E2E in wiki.[1] In dictionary, it can both refer to “throughout” or “the end of one object connect to the end of a...