今天穿秋裤了吗

2022年4月17日

摘要： jQuery下载：版本： 1x :兼容IE 678等低版本浏览器，官网不再更新 2x︰不兼容E 678等低版本浏览器，官网不再更新 3x︰不兼容IE 678等低版本浏览器，是官方主要更新维护的版本各个版本的下载:https://code.jquery.com/ jQuery使用步骤：引入后使用阅读全文

posted @ 2022-04-17 09:37 今天穿秋裤了吗阅读(49) 评论(0) 推荐(0)

jQuery概述

摘要：概念： jQuery 是一个快速、简洁的JavaScript库，其设计的宗旨是“write Less , Do More”，即倡导写更少的代码，做更多的事情。 j就是JavaScript ;Query查询;意思就是查询js，把js中的DOM操作做了封装，我们可以快速的查询使用里面的功能。 jQuer 阅读全文

posted @ 2022-04-17 08:57 今天穿秋裤了吗阅读(52) 评论(0) 推荐(0)

2022年4月16日

本地存储之localStorage

摘要： 1、生命周期永久生效，除非手动删除否则关闭页面也会存在 2、可以多窗口(页面)共享(同一浏览器可以共享) 3．以键值对的形式存储使用存储数据：获取数据：删除数据：删除所有数据：代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文

posted @ 2022-04-16 21:55 今天穿秋裤了吗阅读(104) 评论(0) 推荐(0)

本地存储

摘要：随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。本地存储特性： 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大，sessionStorage约5M、l 阅读全文

posted @ 2022-04-16 21:37 今天穿秋裤了吗阅读(20) 评论(0) 推荐(0)

移动端拖动元素

摘要： 1.touchstart、touchmove、touchend可以实现拖动元素 ⒉但是拖动元素需要当前手指的坐标值我们可以使用targetTouches[0]里面的pageX和pageY 3.移动端拖动的原理︰手指移动中，计算出手指移动的距离。然后用盒子原来的位置＋手指移动的距离 4.手指移动的距离阅读全文

posted @ 2022-04-16 21:37 今天穿秋裤了吗阅读(73) 评论(0) 推荐(0)

click延时解决方案

摘要：移动端click事件会有300ms的延时，原因是移动端屏幕双击会缩放(double tap to zoom)页面。 1.禁用缩放。浏览器禁用默认的双击缩放行为并且去掉300ms的点击延迟。 2.利用touch事件自己封装这个事件解决300ms延迟。原理： 1.当我们手指触摸屏幕，记录当前触摸时间阅读全文

posted @ 2022-04-16 20:34 今天穿秋裤了吗阅读(109) 评论(0) 推荐(0)

classList属性

摘要： classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。该属性用于在元素中添加，移除及切换CSS类。代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http- 阅读全文

posted @ 2022-04-16 09:28 今天穿秋裤了吗阅读(108) 评论(0) 推荐(0)

2022年4月14日

触摸事件对象TouchEvent

摘要： touchstart、touchmove、touchend三个事件都会各自有事件对象。 TouchEvent是一类描述手指在触摸平面(触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等示例代码： <!DOCTYPE html> < 阅读全文

posted @ 2022-04-14 22:13 今天穿秋裤了吗阅读(111) 评论(0) 推荐(0)

触屏事件

摘要：触屏事件概述：移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件touch (也称触摸事件)，Android和IOS都有心代码示例： <!DOCTYPE html> <html lang="en"> <head> 阅读全文

posted @ 2022-04-14 21:59 今天穿秋裤了吗阅读(26) 评论(0) 推荐(0)

缓动动画原理

摘要：缓动动画就是让元紊运动速度有所变化，最常见的是让速度慢慢停下来让盒子每次移动的距离慢慢变小，速度就会慢慢落下来。核心算法:(目标值-现在的位置)/10做为每次移动的距离步长停止的条件是:让当前盒子位置等于目标位置就停止定时器基本代码实现： <!DOCTYPE html> <html lang 阅读全文

posted @ 2022-04-14 14:01 今天穿秋裤了吗阅读(79) 评论(0) 推荐(0)

秋裤

公告