JQuery动画效果 JQuery中封装了很多动画效果，如显示隐藏、滑动、淡入淡出、自定义动画等。 1. 显示隐藏 一般用的时候都很少带参数，直接显示或者隐藏即可。 show([speed, [easing], [fn]]) hide([speed, [easing], [fn]]) toggle([speed, [easing], [fn]]) 2. 滑动效果 下滑slideD

jQuery常用API 1. jQuery选择器 ID选择器 $(“id”) 全选选择器 $(“*”) 类选择器 $(“.class”) 标签选择器 $(“div”) 并集选择器 $(“div,p,li”) 交集选择器 $(“li.current”) 子代选择器 $(“ul>li”) 后代选择器 $(“ul li”) 2.隐式迭代

JQuery入门 JQuery是一个JavaScript库，封装了javascript常用的功能代码，为了更快速方便的操作DOM。 1. jQuery基本使用 原生js如果想把script标签写到div的上面，需要通过窗口加载事件load或者DOMContentLoaded，那么JQuery呢？ 2. JQuery入口函数 就相当于原生js的DOMContentLoaded，等DOM结构渲

本地存储 HTML5规范提出了需要本地存储大量数据的相关解决方案。 1. window.sessionStorage [特点]： 生命周期为关闭浏览器窗口 在同一个窗口（页面）下数据可以共享 以键值对的形式存储 [语法]： 存储：sessionStorage.setItem(key, value) 获取：sessionStorage.getItem(key) 删除: sessionS

触屏事件touch touch对象代表一个触摸点，触屏事件可相应用户对屏幕或者触控板的操作。 1. 常见的touch事件 touchstart - 手指触摸到一个DOM元素时触发 touchmove - 手指在一个DOM元素上滑动时触发 touchend - 手指从一个DOM元素上移开时触发 2. 触摸事件对象 TouchEvent是一类描述手指在触摸平面状态变化的事件。常见的触摸事件

offsetX 偏移量offsetX - 相对offsetParent偏移了多少？ 注意offsetParent是指带有定位的父级节点 offsetWidth和offsetHeight指包含border，padding，content的宽高。 scrollX 滚动量scrollX - 文档相对于当前浏览器视口滚动了多少？ clientX 这个属性描述自身位置。 clientTop就是bord

元素偏移量offset系列 1. offset偏移量概述 使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 2. offset系列常用属性 element.offsetParent: 返回作为该元素带有定位的父级元素 element.offsetTop: 返回元素相对带有定位的父元素上方的偏移 element.offsetLeft: 同上，但是左边框的偏移 elem

Location对象 1. location对象的定义 window对象给我们提供了一个location属性，用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，也称这个属性为location对象。 2. URL: Uniform Resource Locator 统一资源定位符 互联网上每个文件都有一个唯一的URL， 包含文件的位置以及浏览器应该如何处理等信息

JS执行队列 1. JS是单线程 JavaScript语言的一大特点就是单线程，也就是同一个时间只能做一件事。这也就意味着所有任务需要排队，这就导致如果js执行的时间过长，会造成页面渲染不连贯，导致页面渲染加载阻塞的感觉。 为了解决这个问题，利用多核cpu的计算能力，HTML5允许JavaScript脚本创建多个线程，所以JS中出现了同步和异步。 2. 同步 前一个任务结束后再执行下一

BOM 1. BOM的定义 BOM ：Browser Object Model 浏览器对象模型 提供了独立于内容而与浏览器窗口进行交互的对象。BOM则由一系列相关的对象构成，并且每个对象提供了很多方法和属性。 2. BOM的构成 BOM： document，location, navigation, screen, history [所以！！BOM包含了DOM] 3. window对象的