摘要：
引入jQuery文件。 在文档最末尾插入 script 标签，书写体验代码。 $('div').hide() 可以隐藏盒子 . jQuery的入口函数 // 第一种: 简单易用。 $(function () { $('div').hide(); }) ; // 第二种: 繁琐，但是也可以实现 $(d 阅读全文
posted @ 2022-02-10 17:50
Harry宗
阅读(32)
评论(0)
推荐(0)
摘要：
本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大，sessionStorage约5M、localStorage约20M 4、只能存储字符串，可以将对象JSON.stringify() 编码后存储 // 将对象转变成字符串形式 JSON.parse 阅读全文
posted @ 2022-02-10 17:17
Harry宗
阅读(77)
评论(0)
推荐(0)
摘要：
classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。 该属性用于在元素中添加，移除及切换 CSS 类。有以下方法 添加类： element.classList.add（’类名’）； focus.classList.add('current'); 移除类： el 阅读全文
posted @ 2022-02-10 17:14
Harry宗
阅读(75)
评论(0)
推荐(0)
摘要：
TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等等 touchstart、touchmove、touchend 三个事件都会各自有事件对象。 触摸事件对象重点我们看三个常见对象列表： 阅读全文
posted @ 2022-02-10 17:07
Harry宗
阅读(131)
评论(0)
推荐(0)
摘要：
scroll 概述 scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等 页面被卷去的头部：可以通过window.pageYOffset 获得 如果是被卷去的左侧window.pageXOffset 阅读全文
posted @ 2022-02-10 16:59
Harry宗
阅读(37)
评论(0)
推荐(0)
摘要：
mouseenter 和mouseover的区别 当鼠标移动到元素上时就会触发mouseenter 事件 类似 mouseover，它们两者之间的差别是 mouseover 鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter 只会经过自身盒子触发 之所以这样，就是因为mouseente 阅读全文
posted @ 2022-02-10 16:59
Harry宗
阅读(43)
评论(0)
推荐(0)
摘要：
client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。 阅读全文
posted @ 2022-02-10 16:53
Harry宗
阅读(34)
评论(0)
推荐(0)
摘要：
offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值都不带单位 阅读全文
posted @ 2022-02-10 16:39
Harry宗
阅读(54)
评论(0)
推荐(0)
摘要：
单线程导致的问题就是后面的任务等待前面任务完成，如果前面任务很耗时（比如读取网络数据），后面任务不得不一直等待！！ 为了解决这个问题，利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript 脚本创建多个线程，但是子线程完全受主线程控制。于是，JS 阅读全文
posted @ 2022-02-10 16:33
Harry宗
阅读(332)
评论(0)
推荐(0)
摘要：
window对象给我们提供了一个 history对象，与浏览器历史记录进行交互。该对象包含用户（在浏览器窗口中）访问过的URL。 阅读全文
posted @ 2022-02-10 16:28
Harry宗
阅读(30)
评论(0)
推荐(0)
摘要：
navigator 对象包含有关浏览器的信息，它有很多属性，我们最常用的是 userAgent，该属性可以返回由客户机发送服务器的 user-agent 头部的值 if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|A 阅读全文
posted @ 2022-02-10 16:26
Harry宗
阅读(34)
评论(0)
推荐(0)
摘要：
<button>点击</button> <script> var btn = document.querySelector('button'); btn.addEventListener('click', function() { // 记录浏览历史，所以可以实现后退功能 // location.a 阅读全文
posted @ 2022-02-10 16:24
Harry宗
阅读(25)
评论(0)
推荐(0)
摘要：
this指向问题 this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象。 现阶段，我们先了解一下几个this指向 全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向windo 阅读全文
posted @ 2022-02-10 16:15
Harry宗
阅读(31)
评论(0)
推荐(0)
摘要：
普通函数是按照代码顺序直接调用。 简单理解： 回调，就是回头调用的意思。上一件事干完，再回头再调用这个函数。 例如：定时器中的调用函数，事件处理函数，也是回调函数。 以前我们讲的 element.onclick = function(){} 或者 element.addEventListener(“ 阅读全文
posted @ 2022-02-10 16:12
Harry宗
阅读(88)
评论(0)
推荐(0)
摘要：
BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 阅读全文
posted @ 2022-02-10 15:59
Harry宗
阅读(44)
评论(0)
推荐(0)
摘要：
<script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下的时候触发 不能识别功能键 比如 ct 阅读全文
posted @ 2022-02-10 15:51
Harry宗
阅读(100)
评论(0)
推荐(0)
摘要：
<div>123</div> <script> var div = document.querySelector('div'); div.addEventListener('click', function(e) { // e.target 和 this指向的都是div console.log(e. 阅读全文
posted @ 2022-02-10 15:41
Harry宗
阅读(65)
评论(0)
推荐(0)
浙公网安备 33010602011771号