2016年刚接触移动端开发，刚开始比较疑惑，每次遇到问题都是到社区里提问或者吸取前辈的经验分享，感谢热衷于分享的开发者为前端社区带来欣欣向上的生命力。本文结合先前写的文章和开发经验分享给大家，希望也能帮助刚步入移动端开发的新人解惑。以下会以其中一个以公积金页面开发项目作为例子，…

1.做好准备工作安装webstorm以及新建一个项目写个demo确保是同一局域网,同一个路由器下的WiFi或者其他内部网络安装google二维码插件(草料二维码)2.开始设置用webstorm打开de

3月，东亚季风带来了来自太平洋的潮湿空气，趁着小雨的周末，送上每周一个动画系列的第四篇。闲话不说，开始我们的正文。本文分析实现的某些效果，仅仅作为一个思路分享，仅仅作为学习素材使用。 作为重度掘金用户，偶然发现了这个动画，动画实现起来很简单，整理如下，好奇问一句，你发现这个动画…

我最近从Grover网站上的有趣的悬停动画中获得灵感。将鼠标移动到订阅按钮上可以显示光标移动后的彩色渐变。这个想法很简单，但结果是一个按钮从复位和等待点击中脱颖而出。 我们需要做的第一件事便是跟踪鼠标光标的位置。 是的，只需要 6 行代码就可以让你的 CSS 知道用户鼠标的位置…

移动端已经为我们提供了touchstart,touchmove,touchcancel和touchend四个原生触摸事件。但一般情况下很少直接用到这几个事件，诸如长按事件等都需要自己去实现。不少开源的项目也实现了这些功能，如zepto的Touch模块以及hammer.js。本文…

对于一个前端的初学者来说，首先要做好的事就是切页面了，切页面不得不说的就是布局了，布局的重要性不言而喻，为了良好的用户体验，提出了许多不一样的布局：响应式布局，弹性布局，流动布局等等，也流入出了许多的框架。最近在看关于移动端的响应式布局，其中涉及到比较多的就是大小属性的设置：p…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…