weixin_41309331的博客

一、什么是响应式开发？现在的设备（特别是移动设备），各种尺寸层出不穷，一个能在PC端完美展示的站点，放在移动端可能就会“形象坍塌”。响应式开发应运而生，它说白了就是做出来一个网站，可以兼容不同大小的设备（这里说的大小更多指的是设备的宽度），可以通过“媒体查询”检测设备信息，来设置不同的CSS样式，决定不同的网页布局方式。总而言之，就是为了用户体验，让网站对不同设备做出不同响应。二、网...

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api，在用法上和jQuery差不多，但它更多的用于移动前端开发，例如zepto的touch模块支持zepto.js封装的常用的触屏事件。Zepto是分模块引入的，在zepto中文文档https://www.html.cn/doc/zeptojs_api/中它有以下这些模块：module ...

上篇博客中提到fastclick插件的使用，而在移动端中还有很多常用的插件（类库）。iscroll.js一个可以实现客户端原生滚动效果的类库。1. 下载iscroll.jshttps://github.com/cubiq/iscroll2. 查看iscroll文档（README.md）（1）iscroll多版本：iscroll是关于优化的。为了达到最高性能，它被分为多个...

一、移动端touch事件（1）主要事件：移动端的touch事件（触屏事件）是针对移动web开发的，PC端不支持。它有以下三个主要事件：touchstart 手指触摸屏幕时触发 touchmove 手指在屏幕上移动时持续触发 touchend 手指离开屏幕时触发 （2）touchEvent：touchEvent（事件元参数）重点关注以下对象：touc...

学习web移动开发的第一步，是要掌握好移动端显示的一些基本概念。首先，贴一下一个资深整理人的博客，感觉整理得很到位。基本概念屏幕尺寸：通常我们所指的屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸来度量）。屏幕分辨率：一般用像素来度量 ，表示屏幕水平和垂直方向的像素数，例如1920*1080指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成。PPI（Pixel...