创业男生 - 博客园

2020年6月

摘要：系统自带webview里的注意点 1.IOS端:active不生效常见效果长按按钮状态发生变化,比如切换src等，用:active再方便不过，可是可是。。。解决方案：body标签里绑定个<body ontouchstart=""></body>,可写js绑定 2.IOS端:div,span,p. 阅读全文

posted @ 2020-06-17 12:00 创业男生阅读(188) 评论(0) 推荐(0) 编辑

-webkit-overflow-scrolling:touch

摘要： 1. -webkit-overflow-scrolling:touch是什么？ MDN上是这样定义的： -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果阅读全文

posted @ 2020-06-17 11:32 创业男生阅读(566) 评论(0) 推荐(0) 编辑

2020年5月

常见的移动端H5页面开发遇到的坑和解决办法

摘要：手机共通问题问题一:用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经研究发现是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页字会非常小,所以苹果就把iPhone 4的960640分辨率在网页里只显示了480320,这样devicePixel 阅读全文

posted @ 2020-05-14 15:49 创业男生阅读(639) 评论(0) 推荐(0) 编辑

vue-滚动加载组件

摘要： <template> <div id="infiniteScroll" class="infinite-scroll"> <slot></slot> </div> </template> <script> /** * 用法： * 将该组件放在列表最下方，其直接父级元素为滚动的包含块 * window 阅读全文

posted @ 2020-05-12 12:35 创业男生阅读(1219) 评论(0) 推荐(0) 编辑

移动端滚动条滚动收集

摘要： 1.锚点链接 2.document.getElementById(rewardid).scrollIntoView(); 3. Math.easeout = function (A, B, rate, callback) { if (A == B || typeof A != 'number') { 阅读全文

posted @ 2020-05-07 14:38 创业男生阅读(138) 评论(0) 推荐(0) 编辑

2020年4月

vue 分页手写

摘要： <template> <div id="root"> <nav-con id="nav" ref="nav" :title="'他们送上了祝福'"></nav-con> <div class="container" :class="{'container-ipx': ipx,'container-i 阅读全文

posted @ 2020-04-28 14:48 创业男生阅读(238) 评论(0) 推荐(0) 编辑

移动端滚动问题(-webkit-overflow-scrolling/iscroll)

摘要：兼容问题：如果元素定位在加了-webkit-overflow-scrolling:touch的容器上方时，如果上下滚动容器内容，定位的元素会跟着容器内容一起往上或往下滚动 iScroll是什么很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素的局部滚动，恶心的事情就会发生了。阅读全文

posted @ 2020-04-04 17:40 创业男生阅读(3305) 评论(0) 推荐(0) 编辑

2020年2月

vue 组件系列-dataloading

摘要： // referenced: https://github.com/bedlate/vue-data-loading <template> <div class="vue-data-loading"> <div class="loading-header" :style="{height: pull 阅读全文

posted @ 2020-02-04 16:30 创业男生阅读(1385) 评论(0) 推荐(0) 编辑

2020年1月

移动端自动生成 meta js

摘要： (function () { const ua = navigator.userAgent; const android = ua.match(/Android \d\.\d/); // const ios = ua.match(/iPhone OS \d.\d.\d/); const androidVersion = android && android[0].match(/\d.\d/) && 阅读全文

posted @ 2020-01-17 19:29 创业男生阅读(420) 评论(0) 推荐(0) 编辑

reset 移动端

摘要： html, body, ul, li, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } ::-webkit-scrollbar { display: none; } ul, li { list-style: none; } html { height: 100%; min-height: 100%; } b... 阅读全文

posted @ 2020-01-17 19:29 创业男生阅读(125) 评论(0) 推荐(0) 编辑

公告