随笔分类 -  移动端开发

移动端兼容问题
摘要：iPhone不能识别YYYY-MM-DD格式的日期 所以在所有使用到日期转换的情况，需要先把日期中的 " - " replace 成 " / "。但与后端通信、页面之间通信时，建议继续保留YYYY-MM-DD的格式，因为" / "在http传参中需要进行转义。 页面间传递参数使用get方式 页面之间 阅读全文
posted @ 2021-09-06 13:45 bignewbie 阅读(20) 评论(0) 推荐(0)
06.网页布局
摘要：布局方式 1、固定宽度布局：为网页设置一个固定的宽度，通常以px做为长度单位，常见于PC端网页。 2、流式布局：为网页设置一个相对的宽度，通常以百分比做为长度单位。 3、栅格化布局：将网页宽度人为的划分成均等的长度，然后排版布局时则以这些均等的长度做为度量单位，通常利用百分比做为长度单位来划分成均等 阅读全文
posted @ 2019-05-04 21:07 bignewbie 阅读(643) 评论(0) 推荐(1)
07.移动端类库
摘要：iScroll.js 一个可以实现客户端原生滚动效果的类库。 1、下载iScroll 2、build目录下提供了不同版本的iScroll，可根据情况选择使用 3、html要求有3层结构如下图 4、获取wrapper这个最外层结点，然后实例化，如下图 swipe.js 1、下载swipe.js 2、h 阅读全文
posted @ 2019-05-04 21:07 bignewbie 阅读(340) 评论(0) 推荐(0)
05.预处理器
摘要：CSS 预处理器是一种语言，用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，并且你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧，可以让你的 CSS 更简洁，适应性更强，代码更直观等诸多好处。 常见的CSS预处理器有：LESS、SASS、Stylus 阅读全文
posted @ 2019-05-04 21:06 bignewbie 阅读(317) 评论(0) 推荐(1)
04.触屏事件
摘要：事件类型 touchstart: 手指触摸屏幕时触发 touchmove: 手指在屏幕上移动时触发 touchend: 手指离开屏幕时触发 TouchEvent对象 touches: 位于屏幕上的所有手指的列表 targetTouches: 位于该元素上的所有手指的列表 changedTouches 阅读全文
posted @ 2019-05-04 21:06 bignewbie 阅读(197) 评论(0) 推荐(0)
03.媒体查询
摘要：媒体查询 设备终端的多样化，直接导致了网页的运行环境变的越来越复杂，为了能够保证我们的网页可以适应多个终端，不得不专门为某些特定的设备设计不同的展示风格，通过媒体查询可以检测当前网页运行在什么终端，可以有机会实现网页适应不同终端的展示风格。 媒体类型 将不同的终端设备划分成不同的类型，称为媒体类型 阅读全文
posted @ 2019-05-04 20:41 bignewbie 阅读(313) 评论(0) 推荐(0)
02 视口
摘要：视口（viewport）是用来约束网站中最顶级块元素<html>的，即它决定了<html>的大小。 1.1 PC设备 在PC设备上viewport的大小取决于浏览器窗口的大小，以CSS像素做为度量单位。 通过以往CSS的知识，我们都能理解<html>的大小是会影响到我们的网页布局的，而viewpor 阅读全文
posted @ 2019-04-22 20:19 bignewbie 阅读(191) 评论(0) 推荐(0)
01.基础知识
摘要：1.1 屏幕 移动设备与PC设备最大的差异在于屏幕，这主要体现在屏幕尺寸和屏幕分辨率两个方面。 通常我们所指的屏幕尺寸，实际上指的是屏幕对角线的长度（一般用英寸来度量）如下图所示 而分辨率则一般用像素来度量 px，表示屏幕水平和垂直方向的像素数，例如1920*1080指的是屏幕垂直方向和水平方向分别 阅读全文
posted @ 2019-04-21 17:27 bignewbie 阅读(382) 评论(0) 推荐(0)