文章分类 -  移动端开发

MUI 上拉刷新事件链接失效
摘要：参考：mui中上拉刷新事件a标签中的链接、元素onclick事件在手机上点击不了 阅读全文
posted @ 2018-08-05 01:11 linyongqin 阅读(778) 评论(0) 推荐(0)
响应式菜单
摘要：jQuery.mmenu - App look-alike menus with sliding submenus FlexNav - A jQuery Plugin for Responsive Menus Animenu - a responsive dropdown navigation ma 阅读全文
posted @ 2017-04-18 23:37 linyongqin 阅读(127) 评论(0) 推荐(0)
响应式菜单 flexnav
摘要：官网：http://jasonweaver.name/lab/flexiblenavigation/ Font Awesome 完美的图标字体 jQuery延迟误操作插件-hoverIntent respond.js 参考资料： HTML5 respond.js 解决IE6~8的响应式布局问题 阅读全文
posted @ 2017-04-18 23:20 linyongqin 阅读(616) 评论(0) 推荐(0)
HTML 头部
摘要：viewport：我们称之为视图，其实是移动端览器上的虚拟窗口，viewport的边缘代替了浏览器的边缘，成为了窗口的边缘。默认情况下这个虚拟窗口要比实际窗口大。移动端最初这么做的目的是为了不让页面缩在一个很小的屏幕上影响阅读，而是让用户通过缩放和拖动的手势浏览网页的不同部分。这么做可以让那些没有针 阅读全文
posted @ 2017-04-09 10:45 linyongqin 阅读(174) 评论(0) 推荐(0)
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件
摘要：Swiper中文网提供Swiper在线演示、Swiper中文教程、Swiper中文APi、Swiper下载。http://daneden.github.io/animate.css/ 文字动画 阅读全文
posted @ 2015-10-12 17:38 linyongqin 阅读(179) 评论(0) 推荐(0)
Iconfont-阿里巴巴矢量图标库
摘要：Iconfont-中国第一个最大且功能最全的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具链接：http://www.iconfont.cn/ 阅读全文
posted @ 2015-06-10 16:57 linyongqin 阅读(1805) 评论(0) 推荐(0)
移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？
摘要：转载地址：http://segmentfault.com/q/1010000000305316关于viewport的文章http://weizhifeng.net/viewports.htmlhttp://weizhifeng.net/viewports2.html自适应网页设计（Responsiv... 阅读全文
posted @ 2015-01-06 10:26 linyongqin 阅读(121) 评论(0) 推荐(0)
页面滚动动态加载数据，页面下拉自动加载内容
摘要：this is a scroll test; 页面下拉自动加载内容 hello world test DIV 转载自：http://blog.csdn.net/sain... 阅读全文
posted @ 2014-10-10 00:19 linyongqin 阅读(168) 评论(0) 推荐(0)
43个处理触摸事件的jQuery插件
摘要：相关链接：43个处理触摸事件的jQuery插件PageSide -- 移动端滑屏组件 阅读全文
posted @ 2014-08-20 11:03 linyongqin 阅读(105) 评论(0) 推荐(0)
jquery.event.swipe.js
摘要：jQuery.event.movejQuery.event.swipejquery.event.swipe 阅读全文
posted @ 2014-08-20 10:33 linyongqin 阅读(1338) 评论(0) 推荐(0)
响应式与移动端系列
摘要：响应式与移动端(一)：万事俱备了吗？ 响应式与移动端(二)：了不起的百分比 响应式与移动端(三)：弹力十足的图文混排 响应式与移动端(四)：会变脸的媒体查询 响应式与移动端(五)：交互的过渡 阅读全文
posted @ 2014-08-19 17:12 linyongqin 阅读(133) 评论(0) 推荐(0)
手机触摸屏的JS事件
摘要：处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件：touchstart: // 手指放到屏幕上的时候触发 touchmove: // 手指在屏幕上移动的时候触发 touchend: // 手指从屏幕上拿起的时候触发 touchcancel: // 系统取消... 阅读全文
posted @ 2014-06-27 15:28 linyongqin 阅读(129) 评论(0) 推荐(0)
jquery移动触摸滑动插件-Swiper
摘要：今天为大家推荐一款滑动插件：Swiper。可以方便的实现图片滑动切换，以及文字切换,tab切换等10几种特效。官网提供了各式各样的demo,笔者感觉很不错。这里只演示一种效果，更多效果请下载！素材库极力推荐下载！官网：http://www.idangero.us/sliders/swiper/Dem... 阅读全文
posted @ 2014-06-27 01:01 linyongqin 阅读(540) 评论(0) 推荐(0)
一个简单demo让你明白真正的‘响应式设计、em、文字图标svg’
摘要：大多数网站所谓的响应式设计，只是在不同大小屏幕上能正常显示罢了，在大屏幕上显示全部页面，在小屏幕上隐藏一部分不重要的页面，这样的响应式设计只是为了兼容pc和移动，但在移动上的效果却是很不理想的，隐藏掉的页面内容虽然不能看到，但却同页面一起加载，浪费资源流量，想想那蛋疼的3G能访问这样的响应式网页吗！... 阅读全文
posted @ 2014-06-11 09:32 linyongqin 阅读(468) 评论(0) 推荐(0)
移动端开发所需要的一些资源与小技巧
摘要：mobileTechA useful tools or tips list for mobile web application developing这个项目收集移动端开发所需要的一些资源与小技巧资源链接：https://github.com/jtyjty99999/mobileTech 阅读全文
posted @ 2014-05-22 22:03 linyongqin 阅读(127) 评论(0) 推荐(0)
手机屏幕分辨率和浏览器分辨率
摘要：在使用CSS3的中有如下类似代码Html代码@mediascreenand(max-width:480px)｛……｝ 意思是在最大宽度为480px的设备上应用{}里面的样式。这里的width，注意是手机浏览器的分辨率，而不是手机设备的屏幕分辨率。比如苹果4的手机屏幕分辨率是960x640。而其自带的... 阅读全文
posted @ 2014-03-24 16:09 linyongqin 阅读(763) 评论(0) 推荐(0)