☄️掱掱斯☄️

「有了你,一切都成为可能。桑」

Farewell, Flash. 感谢你,但这一次是真正的永别。

So long, and thanks for all the Flash

本文首发于我的知乎专栏 The Little Programmer,转载请保留链接 ;) 一年半前,我曾和 Flash 作过一次告别。那一次,Adobe Flash Professional CC 被重新命名为了 Adobe Animate CC,宣告着 Flash 作为一个创作工具走到了尽头。 而今天,通过 Chromium 博客 So long, and thanks f...

饿了么的 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 ...

如何理解 document 对象是 HTMLDocument 的实例?

Why is document an instance of HTMLDocument?

这篇文章转载自我在知乎上的回答 谢邀。 首先要理解的是 DOM 是 API,是一组无关编程语言的接口(Interfaces)而非实现(Implementation)。前端平时常说的 DOM 其实只是浏览器通过 ECMAScript(JavaScript)对 DOM 接口的一种实现。 其次要知道的是,DOM 既是为 HTML 制定的,也是为 XML 制定的。而两者各有一些特异的部...

下一代 Web 应用模型 —— Progressive Web App

The Next Generation Application Model For The Web - Progressive Web App

今年 9 月份的时候,《程序员》杂志社就邀请我写一篇关于 PWA 的文章。后来花式拖稿,拖过了 10 月的 QCon,11 月的 GDG DevFest,终于在 12 月把这篇长文熬了出来。几次分享的不成熟,这次的结构算是比较满意了。「 可能是目前中文世界里对 PWA 最全面详细的长文了」,希望你能喜欢。 本文首发于 CSDN 与《程序员》2017 年 2 月刊,同步发布于 Hux B...

如何客观地评价「小程序」的体验?

Wechat Mini-Program vs. the Web, a UX comparison

本文首发于我的知乎专栏 The Little Programmer,转载请保留链接 ;) 2017 年 1 月 9 号凌晨,看完《星战》回家,发现朋友圈都炸了……原来是「小程序」如约公测(以下简称小程序)。果然贵圈人都睡得晚啊,一个个大半夜了精神得不行。 截图推荐什么的已经漫天都是了,而且连 「推荐小程序的小程序」都已经出现了,我们就直入正题吧,今天笔者不跟你们聊情怀,就聊体验:...

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

Web 在继续离我们远去

After the release of Wechat Mini-Program

本文首发于我的知乎专栏 The Little Programmer,转载请保留链接 ;) 今天微信又刷爆了我的朋友圈 —— 小程序,之前传说的应用号。 不过这篇不谈小程序的技术细节,也不去猜测(因为知道得很清楚……), 也不谈小程序会对中国互联网带来什么影响(自有产品经理会来谈……), 我们说说 Web,the Web。 我们常说的 Web,其实是 World Wide W...

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 领域已经有了非常多成功的案例:从最早的千团大战,到前年打车大战,再到餐饮 O2O……传统...

See you, Alibaba

再见,阿里。

世界那么大,我想去看看 Hi all 这里是鬼栈的离职信。 Review 去年 5 月,大二的我拿到阿里的交互实习生 Offer,成为阿里的实习员工,刚好过去一个年头。 8 月,感谢 @拔赤 的提携,同意了我转岗到航旅前端团队的申请,分在了老大亲自带队的 航旅事业群-无线业务部-无线技术-前端团队-前端三组,从此开始了一名前端程序猿的职业生涯。 我的第一个 mentor...

hUX 随想录(二):操作系统的浪漫主义 —— Metro 篇

信息、载体、抽象、UI 设计乱谈

操作系统的背后不只是冷冰冰的 0 和 1 ,数字时代的设计师们,如初神般刻画着新世界的秩序。信息、量子、宇宙,他们取世间万物为灵感来表达自己,那是它们对数字时代最浪漫的隐喻。 前言 操作系统,数字时代当之无愧的地基。当大部分从业人员都更关注它的技术与功能时,操作系统的 UI 设计师们却赋予了它无限的艺术气息:他们用充满着浪漫主义幻想色彩的设计语言,配合着物理定律般严谨的交互体系,...

Unix/Linux 扫盲笔记

不适合人类阅读,非常水的自我笔记

This document is not completed and will be updated anytime. Unix Unix is a family of multitasking, multiuser computer OS. Derive from the original AT&T Unix, Developed in the 1970s a...

hUX 随想录(一):Digital native 数字原住民

两岁的侄女天天叫着手机手机

那是一种与生俱来的天赋,就好像矮人天生擅长舞锤,而精灵则拥有魔法庇护。那些数字时代的原住民们,天生具备着一种操纵数字世界的领悟。 前言 从 2010 年 iPhone 4 横空出世席卷中国,到时隔不到半月的 Apple 2015 发布会。短短几年里,身边就几乎再也看不到“非智能手机”的身影了。 想想发布那时(2010.6.8),博主应该还是一个高一小屁孩,等着暑假快点到来。虽然...

Hello 2015

"Hello World, Hello Blog"

“Yeah It’s on. ” Hux 的 Blog 就这么开通了。 跳过废话,直接看技术实现 2015 年,Hux 总算有个地方可以好好写点东西了。 作为一个程序员, Blog 这种轮子要是挂在大众博客程序上就太没意思了。一是觉得大部分 Blog 服务都太丑,二是觉得不能随便定制不好玩。之前因为太懒没有折腾,结果就一直连个写 Blog 的地儿都没有。 在玩了一段时间知...

如何看待微信屏蔽快的打车事件?

恰有小感。

这篇文章转载自我在知乎上的回答 唉。今天恰巧有感,过来小聊几句。 还是要先声明下:所有言论出自个人,与阿里和我所在的团队无关。 正文。 应该很多互联网公司都有这项 “福利” —— 加班到X点以后,报销打车费。 阿里大约是晚上9点。 初进阿里时还不习惯,想着6点下班后,吃个免费晚饭,赶快坐地铁回...

你们觉得响应式好呢,还是手机和PC端分开来写?

这篇文章转载自我在知乎上的回答 根据你的产品特点,进行两种不同的设计, 根据你的设计需求,选择合适的技术方案。 A与B不是硬币的正反面,它们为了解决同一个问题而生,它们是同一种思想的延伸。 移动和桌面设计的差别远不止是布局问题。只要有足够的编程量,这些差别是可以通过响应式设计来解决的。事实上,你可以认为如果一种设计不...

为什么阿里系软件体验都不好?

或许这就是所谓的企业 DNA

这篇文章转载自我在知乎上的回答 一言以蔽之,优先级。 这个优先级并不是由谁或者哪个Boss定的,而是长期的市场竞争和业务需求下的结果 为什么企鹅家的App用户体验较好? 企鹅家的主力产品,QQ、微信、QQ音乐、QQ空间 等,多是IM(即时通讯)、SNS(社交网络)、数字娱乐...