Zhang Huirui Blog

花开堪折直须折,莫待无花空折枝。

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! ...

React vs Angular 2:冰与火之歌「译」

React versus Angular 2: There Will Be Blood

这篇文章转载自我在知乎专栏「前端外刊评论」上发表的文章。 Angular 2 已经发布 Beta 版,而且似乎很有信心在 2016 年成为热门框架。是时候进行一场巅峰对决了,我们来看看它如何与 React 这个 2015 年的新宠抗衡。 免责声明:我之前很喜欢使用 Angular 1,不过在 2015 年转到了 React。最近我也在 Pluralsight 上发布了一门关于 R...

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

Slides: CSS Still Sucks 2015

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

iOS 9,为前端世界都带来了些什么?「译」

iOS 9, Safari and the Web: 3D Touch, new Responsive Web Design, Native integration and HTML5 APIs

2015 年 9 月,Apple 重磅发布了全新的 iPhone 6s/6s Plus、iPad Pro 与全新的操作系统 watchOS 2 与 tvOS 9(是的,这货居然是第 9 版),加上已经发布的 iOS 9,它们都为前端世界带来了哪些变化呢?作为一个 web 开发者,是时候站在我们的角度来说一说了! 注! 该译文存在大量英文术语,笔者将默认读者知晓 ES6、viewpor...

「知乎」设计师如何学习前端?

How designers learn front-end development?

这篇文章转载自我在知乎上的回答,也被刊登于优秀网页设计等多个网站上 ;) 笔者的经历在知乎就可以看到,大学专业是数字媒体艺术,大一实习过动效设计师,大二拿到了人生第一个大公司 offer 是阿里的交互设计,后来转岗到淘宝旅行的前端团队,现在在微信电影票做前端研发。 也是走过了不少野路子,不过还好有小右哥 @尤雨溪 这样艺术/设计转前端的大神在前面做典范,也证明这条路是玩的通的 ;...

ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事?「译」

ES5, ES6, ES2016, ES.Next: What's going on with JavaScript versioning?

JavaScript 有着很奇怪的命名史。 1995 年,它作为网景浏览器(Netscape Navigator)的一部分首次发布,网景给这个新语言命名为 LiveScript。一年后,为了搭上当时媒体热炒 Java 的顺风车,临时改名为了 JavaScript (当然,Java 和 JavaScript 的关系,就和雷锋和雷锋塔一样 —— 并没有什么关系) 歪果仁的笑话怎么一点都不好...

JavaScript 模块化七日谈

Slides: JavaScript Modularization Journey

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

聊聊「阿里旅行 · 去啊」—— 行业与战略

聊聊在线旅行行业与老东家的产品思路

本篇为该系列第一篇 —— 行业与战略,让我们聊聊行业、战略与格局。 前言 近几年,互联网产品从线上斗到了线下,互联网行业和传统行业的跨界融合屡见不鲜,“渗透传统行业”几乎成为了全行业下一轮创新的标配,新词“互联网+”也应运而生: 将互联网行业的生产要素,深度融入经济、社会等各个领域,尝试改变一些传统的实体经济行业,创造出新的产品形态、商业模式和生态 O2O 领域已经有...