前言 不知道各位小伙伴在工作中遇到手势操作时，第一想法是上GitHub找找有没有好用的开源项目还是自己动手实现一个呢？反正我自己是先找开源，实在没有或不好用才考虑自己开发，毕竟工作是讲究效率的嘛。自己

本项目已经为你生成了一个完整的开发框架，下面是整个项目的目录结构。 启动完成后会自动打开浏览器访问 [http://localhost:9000， 你看到下面的页面就代表操作成功了。 目前前端的一个开发趋势是以搭建单页应用 (SPA) 为主的。当应用体系比较大，或者你的应用业务…

年后第一天到公司上班，整理一些在移动端H5开发常见的问题给大家做下分享，这里很多是自己在开发过程中遇到的大坑或者遭到过吐糟的问题，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 下面是最近一个月整理的JS基础总结，可供大家温故而知新。 移…

前段时间，笔者开发了一个名为Calces.Screen的全自动屏幕适配插件，这个插件是基于官方推荐的屏幕适配方案实现的。它的核心原理就是通过配置限定符来设置需要适配的屏幕的最少宽度来实现屏幕适配。而该插件的作用就是通过配置把设计稿的标尺自动生成你需要适配的屏幕dimension…

最近在重构公司的一个移动端项目，除了需要对新项目进行前端技术栈的搭建外，还需要考虑的一个重要问题就是移动端适配，关于移动端适配的理解我之前一直是处于一种比较朦胧的状态（知其然而不知其所以然），所以最近又做了进一步的学习，在该博文中谈谈我对移动端适配的理解。 在这篇博文中，我会先…

之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）…

在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…

相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。 之所以写，是因为单独去学知识点或者单独看一篇文章其实很简单的，难的是在自己实践中，因为一个问题找一个方案，然后又引起另外一个问题，而这个不断发现问题的过程非常低…

前一段时间无意中看到今日头条的适配方案，使用到项目中，感觉真的是无比丝滑。所以特意写一篇文章分享给小伙伴们！ 1. 为什么要做屏幕适配 2. 今日头条的适配方案 而dpi是根据屏幕真实的分辨率和尺寸来计算的，每个设备都可能不一样的。那么dpi是怎么计算的呢？ 上面图片说明dpi…