<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ybs0211的博客]]></title><description><![CDATA[学习笔记]]></description><link>https://blog.youkuaiyun.com/ybs0211</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ybs0211]]></copyright><item><title><![CDATA[本地存储（学习笔记）]]></title><link>https://blog.youkuaiyun.com/ybs0211/article/details/108637723</link><guid>https://blog.youkuaiyun.com/ybs0211/article/details/108637723</guid><author>ybs0211</author><pubDate>Thu, 17 Sep 2020 10:59:44 +0800</pubDate><description><![CDATA[文章目录1. 本地存储2. window.sessionStorage3. window.localStorage
1. 本地存储
本地存储特性

数据存储在用户浏览器中
设置、读取方便、甚至页面刷新也不会丢失数据
容量较大，sessionStorage 约 5M、localStorage 约 20M
只能存储字符串，可以将对象 JSON.stringify() 编码后存储

2. window.sessionStorage
1、生命周期为关闭浏览器窗口
2、在同一个窗口（页面）下数据可以共享
3、以键值对]]></description><category></category></item><item><title><![CDATA[移动端网页特效(学习笔记)]]></title><link>https://blog.youkuaiyun.com/ybs0211/article/details/108621886</link><guid>https://blog.youkuaiyun.com/ybs0211/article/details/108621886</guid><author>ybs0211</author><pubDate>Thu, 17 Sep 2020 10:35:46 +0800</pubDate><description><![CDATA[文章目录1. 触屏事件1.1 触屏事件概述案例理解1.2 触摸事件对象（TouchEvent）1.3 移动端拖动元素案例理解
1. 触屏事件
1.1 触屏事件概述
移动端浏览器兼容性较好，我们不需要考虑 JS 的兼容问题。
touch 被称为触屏事件，Android 和 IOS 都有。
常见的触屏事件如下：

案例理解
&lt;body&gt;
    &lt;div&gt;&lt;/div&gt;
    &lt;script&gt;
        // 1. 获取元素
        // 2. 手指]]></description><category></category></item><item><title><![CDATA[PC 端网页特效（学习笔记）]]></title><link>https://blog.youkuaiyun.com/ybs0211/article/details/108491786</link><guid>https://blog.youkuaiyun.com/ybs0211/article/details/108491786</guid><author>ybs0211</author><pubDate>Wed, 16 Sep 2020 14:36:14 +0800</pubDate><description><![CDATA[文章目录1. 元素偏移量 offset 系列1.1 offset 概述1.2 offset 与 style 区别
1. 元素偏移量 offset 系列
1.1 offset 概述
offset 翻译过来就是偏移量，我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。

获得元素距离带有定位父元素的位置
获得元素自身的大小（宽度高度）
注意：返回的数字都不带单位

offset 系列常用属性：

1.2 offset 与 style 区别


...]]></description><category></category></item><item><title><![CDATA[BOM事件基础知识]]></title><link>https://blog.youkuaiyun.com/ybs0211/article/details/108164722</link><guid>https://blog.youkuaiyun.com/ybs0211/article/details/108164722</guid><author>ybs0211</author><pubDate>Wed, 09 Sep 2020 16:03:06 +0800</pubDate><description><![CDATA[文章目录1. BOM 概述1.1 什么是 BOM1.2 BOM 的构成
1. BOM 概述
1.1 什么是 BOM
BOM ( Browser Object Model ) 即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。
BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。
BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netscape 浏览器标准的一部分。

1.2 BO]]></description><category></category></item><item><title><![CDATA[DOM事件高级知识]]></title><link>https://blog.youkuaiyun.com/ybs0211/article/details/108051005</link><guid>https://blog.youkuaiyun.com/ybs0211/article/details/108051005</guid><author>ybs0211</author><pubDate>Sat, 22 Aug 2020 10:21:20 +0800</pubDate><description><![CDATA[文章目录1. 注册事件（绑定事件）1.1 注册事件概述传统注册方式方法监听注册方式1.2 addEventListener 事件监听方式案例理解1.3 attachEvent 事件监听方式（仅了解即可）案例理解
1. 注册事件（绑定事件）
1.1 注册事件概述
给元素添加事件，称为注册事件或者绑定事件。
注册事件有两种方式：传统方式和方法监听注册方式
传统注册方式

利用 on 开头的事件onclick
&lt;button onclick = "alert('hi~')"&gt;&lt;/button&g]]></description><category></category></item><item><title><![CDATA[DOM事件基础知识]]></title><link>https://blog.youkuaiyun.com/ybs0211/article/details/107907995</link><guid>https://blog.youkuaiyun.com/ybs0211/article/details/107907995</guid><author>ybs0211</author><pubDate>Mon, 17 Aug 2020 10:32:20 +0800</pubDate><description><![CDATA[1. DOM 简介
1.1 什么是 DOM

1.1 DOM 树

DOM 把以上内容都看做是对象

2.获取元素
2.1如何获取元素

根据 ID 获取
根据标签名获取
通过 HTML5 新增的方法获取
特殊元素获取

2.2 根据 ID 获取
使用 getElementById() 方法可以获取带有 ID 的元素对象

2.3 根据标签名获取
使用 getElementsByTagName() 方法可以返回带有指定标签名的对象的集合

还可以获取某个元素（父元素）内部所有指定标签名的子元素
elemen]]></description><category></category></item></channel></rss>