随笔分类 -  mobile web

jquery mobile
摘要：基础概念 元素数据之间的共享，使用jquery 的data方法。 通过data-role属性指定元素的role，常用的有：page、header、content、footer，button、listview 组件、控件相关的概念基本都有对应的role可以直接使用 一屏幕只能显示一个page，html 阅读全文
posted @ 2017-12-03 17:33 HelloHello233 阅读(221) 评论(0) 推荐(0)
关于屏幕适配
摘要：https://div.io/topic/1092 https://zhuanlan.zhihu.com/p/25216275 关于手机屏幕 普通显示屏：旧手机，iPhone3，在屏幕上能看到物理像素点 高清显示屏（视网膜屏、retina屏幕）：可以把更多的像素点压缩到一块屏幕内，基本看不到物理像素 阅读全文
posted @ 2017-12-03 00:00 HelloHello233 阅读(447) 评论(0) 推荐(0)
移动web touch事件
摘要：参考：http://www.cnblogs.com/dojo-lzz/p/5452575.html wap中的原生touch 事件，touchstart、touchmove、touchend、touchcancel，这些事件仅仅在移动端才会被触发，在pc端无效。而且在web中也没有PC的鼠标事件。两 阅读全文
posted @ 2017-11-17 00:18 HelloHello233 阅读(295) 评论(0) 推荐(0)
wap学习记录
摘要：针对移动端浏览器： 大部分的浏览器内核都是webkit内核，对h5和c3的支持非常好 库 国内比较流行的框架 ： 妹子UI bootstrap中解决ie8以及以下的h5标签和媒体查询兼容问题的两个库分别是：html5shiv 和 respond.js 前端开发资源库：https://www.awes 阅读全文
posted @ 2017-11-13 15:05 HelloHello233 阅读(192) 评论(0) 推荐(0)
bootstrap3之栅格系统
摘要：原理 栅格系统的核心就是媒体查询。指定的尺寸都是百分比，也就是流式布局。 查看bootstrap中的源码可以发现，对样式的定义次序全都是依次 xs、sm、md、lg，如： // grid-framework.less： // Common styles for all sizes of grid c 阅读全文
posted @ 2017-09-21 16:13 HelloHello233 阅读(715) 评论(0) 推荐(0)
viewport理解
摘要：参考：移动前端开发之viewport的深入理解 对以上的文章中的知识点，感觉换另一个角度更好理解一点记录如下： viewport（视觉窗口）是仅存在于移动web中的一个虚拟容器，用于承载页面，大部分的viewport宽度都是980px，而且这个容器具备 伸缩性 ，可以通过viewport来设置是否允 阅读全文
posted @ 2017-09-20 18:24 HelloHello233 阅读(269) 评论(0) 推荐(0)