随着 Vue 2.0 的发布，服务端渲染一度成为了它的热卖点。在此之前，单页应用的首屏加载时长和 SEO 的问题，一直困扰着开发者们，也在一定程度上制约着前端框架的使用场景。React 提出的服务端渲染方案，较好得解决了上述两个痛点，受到了开发者的青睐，但也因此多了一个抨击 Vue 的理由——Vue 没有服务端渲染。为了解决这个问题，Vue 的社区里也贡献了一个方案，名曰 VueServer。然而这货并非单纯的服务端渲染方案，而是相当于另外一个一个服务端的 Vue，看看它的 readme 就知道了，所以有没有一种通用的解决方法，既能够让我们使用原生的 Vue 1.x，又能愉快地进行服务端渲染呢？下面请听我细细道来。

基于淘宝适配方案 flexible + 翻屏 h5 适配方案 adaptive，解决全屏滑动 h5 自适应难题

2017-11-25 更新：5. 使用 Gulp 拼合图片 1. 单个页面内容不能过多 设计常用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。 移动端H5活动页面常常需要能够分享到各种社交App中，常用的有 微信、QQ 等。 使用移动设备查看…

写在前面：viewport 指的是是用户网页的可视区域，查了许久，遗憾的是近一两年几乎没有高质量的解析 viewport 的文章，本文内容是参考大牛，对内容进行了重新排版，以及对重点内容进行标注、精简，加上些许的个人理解形成的。有兴趣的朋友，可以参考一下。

对网页加载速度影响最大的就是图片，一张普通的图片可能会有好几 M 的大小，当图片很多时，网页的加载速度变得很缓慢。 为了优化网页性能以及用户体验，我们对图片进行懒加载。 懒加载是一种对网页性能优化的方式，它的原理是优先加载在可视区域内的图片，而不一次性加载所以图片。当浏览器滚动…

随着时间的发展，现在基本上人手一部手机的低头族。做为前端开发的程序猿，在开发移动端web应用的时候，对面一堆各色尺寸不一样的屏幕，就有点淡淡的忧伤。 很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点 各屏幕的适配…

本文讲解了开发中遇到移动端 click 事件与 touch 事件冲突的问题并提供了两种可行的解决方案。

自适应页面,百分比布局,rem比较,以及移动端适配方案