这不是一件坏事——除了看起来漂亮和取悦用户以外，动画也解决了很多界面上的实际性问题。就像我们曾在《 Interaction Design Best Practices》中提到的那样，动画起了一个 “传播者” 的作用，比起文字描述和图片，动画能使内容表达得更彻底且简洁。

解决移动web app经常遇到的两个问题：识别前进后退、后退恢复页面

在上一篇，介绍一下渐进式 Web App(离线) - Part 1的文章中，我们讨论了典型的pwa应该是什么样子的并且同时也介绍了 server worker。到目前为止，我们已经缓存了应用壳。在 index.html和latet.html页面中，我们的应用已经实现了离线加载缓…

1. 默认全屏 在 viewport 的 meta 属性中，添加 viewport-fit=cover 即可。 viewport-fit 默认值为 auto/contain，全屏值为cover，是不是感觉很熟悉？嗯，和 background-size 以及 object-fit…

Progressive Web Apps 是结合了 Web 和 原生应用中最好功能的一种体验。对于首次访问的用户它是非常有利的, 用户可以直接在浏览器中进行访问，不需要安装应用。随着时间的推移当用户渐渐地和应用建立了联系，它将变得越来越强大。它能够快速地加载，即使在比较糟糕的网…

历时半个多月的敲代码过程，终于完成了这款仿lofter的项目，通过这个项目熟悉了对Vue2.0的使用，在项目中使用vuex的状态管理模块，统一的状态的管理，让我们更好的去对数据操作，对axios的跨域问题有了更深了解。遇到问题时一定要去阅读文档，可以发现使用时遗漏或者没有注意的…

一个网页在pc端和移动端能统一适配，关键因素就在于viewport。在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不…

在浏览器以外运行 JavaScript 对于 JavaScript 爱好者来说非常神奇，同时也肯定是 web 应用程序开发界最受欢迎的进步之一。全球各地的开发者张开双臂拥抱 NodeJS。