wg_iGBFcBFB的博客_移动端

移动端图片懒加载最终版

链接：https://pan.baidu.com/s/1T9fDy037-1gr2vuEi4kHSw 提取码：Eric

移动端照片

原创 2021-08-01 14:27:43 194 阅读

钢琴实现

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m

Java

原创 2021-07-28 15:46:01 152 阅读

Java

原创 2021-07-28 15:45:48 232 阅读

视频

原创 2021-07-28 15:34:21 126 阅读

移动端音悦台最终版

链接：https://pan.baidu.com/s/1wATCjZRHF0dNcCoL5kw-pw 提取码：Eric

Java

原创 2021-07-28 15:29:38 165 阅读

移动端缩放和旋转

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="viewport" content="width=device-width, user-scalable=no,

Java

原创 2021-07-28 15:29:25 126 阅读

touchview.js

/** * * 函数名 * Touchview * * 使用示例 new Touchview('#box'); new Touchview('img'); new Touchview('div'); 依赖 gesture.js */function Touchview(selector) { //获

Java

原创 2021-07-28 15:29:14 100 阅读

transformCSS.js

(function (w) { /** * @param node 元素对象 * @param prop 样式名称 * @param value 样式的值不带单位 * * @example setting transformCSS(box, 'translateX', 300); * @examp

Java

原创 2021-07-28 15:29:01 74 阅读

gesture.js

/** * Created by Eric on 2020/10/5. */(function(w){ function gesture(el,callback){ // 增加自定义属性 el.hasGestureStartTriggered = false; // el 绑定手势事件 // 模拟

Java

原创 2021-07-28 15:28:47 131 阅读

导航滑动效果代码

<div id="nav"> <ul class="wrap"> <li class="active"> <a href="javascript:">首页</a> </li> <li > <a href="javascript:">MV</a> </li> <li >

Java

原创 2021-07-28 15:28:19 314 阅读

水平撑开元素方法

父元素定位position: absolute;white-space: nowrap;font-size: 0; 子元素转换行内块元素 display:inline-block;

Java

原创 2021-07-28 15:28:04 84 阅读

地图拖拽效果实现

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m

Java

原创 2021-07-28 15:27:53 292 阅读

正则替换 px 转换 rem

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var str = ` <!DOCTYPE html><html lang="en"><hea

Java

原创 2021-07-28 15:27:39 647 阅读

1px 边框解决方案1

<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,

Java

原创 2021-07-28 15:27:25 218 阅读

1px 边框解决方案 2

<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,

Java

原创 2021-07-28 15:27:13 116 阅读

swiper 封装

html 部分 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scal

Java

原创 2021-07-28 15:27:00 368 阅读

rem 比例值适配

<!doctype html><html lang="en" style="font-size: 37.5px;"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalab

Java

原创 2021-07-28 15:26:44 215 阅读

rem与less适配

<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,

Java

原创 2021-07-28 15:26:31 419 阅读

rem 固定值适配

<!doctype html><html lang="en" style="font-size: 100px;"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalabl

Java

原创 2021-07-28 15:26:20 244 阅读

拖拽效果实现方法

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m

Java

原创 2021-07-28 15:25:56 316 阅读

移动端事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } ul{ list-style: none; } #box{ widt

Java

原创 2021-07-28 15:25:44 328 阅读

阻止浏览器默认行为滑动留白

滑动留白 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1

Java

原创 2021-07-28 15:25:17 159 阅读

点击穿透解决方法增加一个包裹元素

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m

Java

原创 2021-07-28 15:25:04 124 阅读

阻止默认行为

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m

Java

原创 2021-07-28 15:24:00 190 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

13522679763-Eric-任国强

移动端图片懒加载最终版

钢琴实现

音频相关

视频相关

移动端音悦台最终版

移动端缩放和旋转

touchview.js

transformCSS.js

gesture.js

导航滑动效果代码

水平撑开元素方法

地图拖拽效果实现

正则替换 px 转换 rem

1px 边框解决方案1

1px 边框解决方案 2

swiper 封装

rem 比例值适配

rem与less适配

rem 固定值适配

拖拽效果实现方法

移动端事件

阻止浏览器默认行为滑动留白

点击穿透解决方法增加一个包裹元素

阻止默认行为