摘要: 1. 本地存储 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 1.1.本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大,sessionS 阅读全文
posted @ 2020-10-05 23:18 행운의소녀 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1.移动端常用开发框架 1.1. 移动端视频插件 zy.media.js 框架,顾名思义就是一套架构,它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架本身,使用者要按照框架所规定的某种规范进行开发。 插件一般是为了解决某个问题而专门存在,其功能单一,并且比较小。 前端常用的框架 阅读全文
posted @ 2020-10-05 23:14 행운의소녀 阅读(153) 评论(0) 推荐(0) 编辑
摘要: 1. 移动端常用开发插件 1.1. 什么是插件 移动端要求的是快速开发,所以我们经常会借助于一些插件来帮我完成操作,那么什么是插件呢? JS 插件是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点:它一般是为了解决某个问题而专门存在,其功能单一 阅读全文
posted @ 2020-10-05 23:12 행운의소녀 阅读(112) 评论(0) 推荐(0) 编辑
摘要: click 延时解决方案 移动端 click 事件会有 300ms 的延时,原因是移动端屏幕双击会缩放(double tap to zoom) 页面。 解决方案: ​ 1. 禁用缩放。 浏览器禁用默认的双击缩放行为并且去掉300ms 的点击延迟。 <meta name="viewport" cont 阅读全文
posted @ 2020-10-05 23:08 행운의소녀 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 1.案例:返回顶部 当页面滚动某个地方,就显示,否则隐藏 点击可以返回顶部 2.案例分析 滚动某个地方显示 事件:scroll页面滚动事件 如果被卷去的头部(window.pageYOffset )大于某个数值 点击,window.scroll(0,0) 返回顶部 // 返回顶部模块制作 var g 阅读全文
posted @ 2020-10-05 23:05 행운의소녀 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 1. 移动端常见特效 1.1 案例: 移动轮播图 移动端轮播图功能和基本PC端一致。 可以自动播放图片 手指可以拖动播放轮播图 1.2. 案例分析: 自动播放功能 开启定时器 移动端移动,可以使用translate 移动 想要图片优雅的移动,请添加过渡效果 // 1. 获取元素 var focus 阅读全文
posted @ 2020-10-05 23:02 행운의소녀 阅读(177) 评论(0) 推荐(0) 编辑