Diego Blog

Diego Blog

「知乎」如何理解 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...