随笔分类 -  移动端

JS防抖与节流
摘要：日常开发过程中，滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿，这时候我们更希望把多次计算合并成一次，只操作一个精确点，JS把这种方式称为debounce（防抖）和throttle（节流） 函数防抖 当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定时间到来之 阅读全文
posted @ 2020-04-12 15:28 DAVENEE 阅读(1703) 评论(0) 推荐(1) 编辑
Css3的Media Query 媒体查询 方法总结—让您的网站兼容手机
摘要：最近几年，大屏幕手机和ipad等移动设备的流行，使你的网页兼容移动设备已成为一种流行！移动设备的屏幕大小是五花八门，各式各样！要想很好的兼容移动设备，Css3的media技术是功不可没。 我的博客，应用了CSS3的media技术，使其在手机等移动设备上面也可以查看。当然，只凭css3的media技术 阅读全文
posted @ 2020-04-06 19:43 DAVENEE 阅读(374) 评论(0) 推荐(0) 编辑
touchweb网站常见问题，手机网站注意问题
摘要：1、 安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了48 阅读全文
posted @ 2020-04-06 19:38 DAVENEE 阅读(256) 评论(0) 推荐(0) 编辑
移动端meta标签
摘要：移动端meta标签移动端meta标签的作用，内容，content有几种类型的值 1 <meta charset="UTF-8"> <meta http-equiv="content-type" content="text/html"> <meta name="keywords" content="" 阅读全文
posted @ 2020-03-25 11:36 DAVENEE 阅读(157) 评论(0) 推荐(0) 编辑
安卓和Ios 手机兼容性
摘要：1.日期兼容性 解决方法（请看我上一篇文章） 安卓、ios时间转换成时间戳的形式 2.input框聚焦，ios出现outline或者阴影，安卓显示正常 解决方法 input:focus{outline:none} input:{-webkit-appearance: none;} 3.关于flex布 阅读全文
posted @ 2020-03-24 13:59 DAVENEE 阅读(536) 评论(0) 推荐(0) 编辑
一些移动端问题
摘要：1，ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 ios用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0，也就是属性值的最后一位设置为0就可以去除半透明灰色遮罩 a,button,input,texta 阅读全文
posted @ 2020-03-23 16:59 DAVENEE 阅读(90) 评论(0) 推荐(0) 编辑
移动端适配问题
摘要：（1）通过媒体查询的方式即CSS3的meida queries （2）以天猫首页为代表的 flex 弹性布局 （3）以淘宝首页为代表的 rem+viewport缩放 （4）rem 方式12341.Media Queries meida queries 的方式可以说是我早期采用的布局方式，它主要是通过 阅读全文
posted @ 2020-03-23 16:51 DAVENEE 阅读(118) 评论(0) 推荐(0) 编辑