<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ankh的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/j____f</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; j____f]]></copyright><item><title><![CDATA[学习笔记18_window对象的常见事件]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/125705800</link><guid>https://blog.youkuaiyun.com/j____f/article/details/125705800</guid><author>j____f</author><pubDate>Sun, 10 Jul 2022 14:46:56 +0800</pubDate><description><![CDATA[是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像，脚本文件，CSS文件等），就调用的处理函数。注意：有了window.onload就可以把JS代码写到页面元素的上方，因为onload是等页面内容全部加载完毕，再去执行处理函数window.onload 传统注册事件方式，只能执行。如果有多个，会以最后一个window.onload为准如果使用addEventListener 则没有限制
加载完DOM

接收两个参数：DOMCountentLoaded事件触发时，仅当DOM加载完成，不包括样]]></description><category></category></item><item><title><![CDATA[学习笔记17_BOM概述]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/125705790</link><guid>https://blog.youkuaiyun.com/j____f/article/details/125705790</guid><author>j____f</author><pubDate>Sun, 10 Jul 2022 14:46:25 +0800</pubDate><description><![CDATA[BOM 比 DOM 更大。它包含 DOM。window 对象是浏览器的顶级对象，它具有双重角色它是 JS 访问浏览器窗口的一个接口它是一个全局对象。定义在全局作用域中的变量、函数都会变成 window 对象的属性和方法在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如 alert()、prompt()等。注意：window有一个特殊属性 ，所以尽量不要把变量名命名为
殊属性window.name
console.log(window.num);...]]></description><category></category></item><item><title><![CDATA[学习笔记16_classList和click延时]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/125619146</link><guid>https://blog.youkuaiyun.com/j____f/article/details/125619146</guid><author>j____f</author><pubDate>Tue, 05 Jul 2022 14:27:31 +0800</pubDate><description><![CDATA[classList属性是HTML5新增的一个属性，返回元素的类名。但是ie10以上版本支持。该属性用于在元素中添加，移除及切换 CSS 类。有以下方法添加类：
移除类：
注意以上方法里面，所有类名都不带点切换类：
2、click 延时解决方案
移动端 click 事件会有 300ms 的延时，原因是移动端屏幕双击会缩放(double tap to zoom) 页面。解决方案：1.禁用缩放。 浏览器禁用默认的双击缩放行为并且去掉 300ms 的点击延迟。
2.利用touch事件自己封装这个事件解决 300ms]]></description><category></category></item><item><title><![CDATA[学习型笔记15_touch触屏事件]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/125619095</link><guid>https://blog.youkuaiyun.com/j____f/article/details/125619095</guid><author>j____f</author><pubDate>Tue, 05 Jul 2022 14:26:49 +0800</pubDate><description><![CDATA[移动端浏览器兼容性较好，不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。常见的触屏事件:TouchEvent 是一类描述手指在触摸平面（触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少，等]]></description><category></category></item><item><title><![CDATA[学习笔记14_offset_client_scroll]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/125155080</link><guid>https://blog.youkuaiyun.com/j____f/article/details/125155080</guid><author>j____f</author><pubDate>Mon, 06 Jun 2022 21:54:22 +0800</pubDate><description><![CDATA[offset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。client 翻译过来就是客户端，我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过client 系列的相关属性可以动态的得到该元素的边框大小、元素大小等。主要作用： 创建一个独立的作用域。 避免了命名冲突问题但是 火狐中，有个特点，有个“往返缓存”，这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。所以此时后退按]]></description><category></category></item><item><title><![CDATA[学习笔记13_事件高级]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/125155031</link><guid>https://blog.youkuaiyun.com/j____f/article/details/125155031</guid><author>j____f</author><pubDate>Mon, 06 Jun 2022 21:53:15 +0800</pubDate><description><![CDATA[给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式
该方法接收三个参数：
4.attachEvent事件监听方式（只支持ie9之前的，少用）

方法将指定的监听器注册到 eventTarget（目标对象） 上
当该对象触发指定的事件时，指定的回调函数就会被执行

该方法接收两个参数：
5.注册事件兼容性解决方案
兼容性处理的原则：首先照顾大多数浏览器，再处理特殊浏览器
二、删除事件（解绑事件）
1.传统解绑方式

2.removeEventListener删除事件方式
]]></description><category></category></item><item><title><![CDATA[学习笔记12_节点操作]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/124143054</link><guid>https://blog.youkuaiyun.com/j____f/article/details/124143054</guid><author>j____f</author><pubDate>Wed, 13 Apr 2022 10:54:31 +0800</pubDate><description><![CDATA[网页中的所有内容都是节点（标签、属性、文本、注释等），在DOM 中，节点使用 node 来表示。HTML DOM 树中的所有节点均可通过 JavaScript 进行访问，所有 HTML 元素（节点）均可被修改，也可以创建或删除。]]></description><category></category></item><item><title><![CDATA[学习笔记11_操作元素]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/124126139</link><guid>https://blog.youkuaiyun.com/j____f/article/details/124126139</guid><author>j____f</author><pubDate>Tue, 12 Apr 2022 15:53:02 +0800</pubDate><description><![CDATA[JavaScript 的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等]]></description><category></category></item><item><title><![CDATA[学习笔记10_获取元素和事件基础]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/124102776</link><guid>https://blog.youkuaiyun.com/j____f/article/details/124102776</guid><author>j____f</author><pubDate>Mon, 11 Apr 2022 16:36:40 +0800</pubDate><description><![CDATA[DOM在实际开发中主要用来操作元素，操作元素先要获取元素，有根据 ID 获取
，标签名获取，通过 HTML5 新增的方法获取等方式获取元素]]></description><category></category></item><item><title><![CDATA[学习笔记9_对象]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/124000846</link><guid>https://blog.youkuaiyun.com/j____f/article/details/124000846</guid><author>j____f</author><pubDate>Wed, 06 Apr 2022 21:36:00 +0800</pubDate><description><![CDATA[在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的]]></description><category></category></item><item><title><![CDATA[学习笔记8_有趣的预解析案例]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123909379</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123909379</guid><author>j____f</author><pubDate>Fri, 01 Apr 2022 22:12:55 +0800</pubDate><description><![CDATA[一个的预解析案例]]></description><category></category></item><item><title><![CDATA[学习笔记7_函数]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123909250</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123909250</guid><author>j____f</author><pubDate>Fri, 01 Apr 2022 22:09:43 +0800</pubDate><description><![CDATA[函数就是封装了一段可以被重复执行调用的代码块。

函数的目的就是让代码可以重复使用

有趣的预解析案例]]></description><category></category></item><item><title><![CDATA[学习笔记6_冒泡排序]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123883669</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123883669</guid><author>j____f</author><pubDate>Thu, 31 Mar 2022 21:14:30 +0800</pubDate><description><![CDATA[冒泡排序：是一种算法，把一系列的数据按照一定的顺序进行排列显示(从小到大或从大到小）。]]></description><category></category></item><item><title><![CDATA[学习笔记5_数组]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123883622</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123883622</guid><author>j____f</author><pubDate>Thu, 31 Mar 2022 21:13:35 +0800</pubDate><description><![CDATA[数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素，数组是一种将一组数据存储在单个变量名下的方式]]></description><category></category></item><item><title><![CDATA[学习笔记4_流程控制]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123880125</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123880125</guid><author>j____f</author><pubDate>Thu, 31 Mar 2022 18:32:48 +0800</pubDate><description><![CDATA[流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。]]></description><category></category></item><item><title><![CDATA[学习笔记3_运算符]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123870391</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123870391</guid><author>j____f</author><pubDate>Thu, 31 Mar 2022 13:56:24 +0800</pubDate><description><![CDATA[运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。]]></description><category></category></item><item><title><![CDATA[学习笔记2_js简单数据类型]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123857760</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123857760</guid><author>j____f</author><pubDate>Wed, 30 Mar 2022 21:36:39 +0800</pubDate><description><![CDATA[JavaScript的变量数据类型，是在**程序运行的过程中，根据等号右边的值**来确定的。]]></description><category></category></item><item><title><![CDATA[学习笔记1_flex布局的属性]]></title><link>https://blog.youkuaiyun.com/j____f/article/details/123822338</link><guid>https://blog.youkuaiyun.com/j____f/article/details/123822338</guid><author>j____f</author><pubDate>Tue, 29 Mar 2022 15:17:04 +0800</pubDate><description><![CDATA[一、设置在容器上的属性
1.flex-direction属性
flex-direction属性决定主轴的方向
.box {
  flex-direction: row | row-reverse | column | column-reverse;
}

1)row（默认值）：主轴为水平方向，起点在左端。

2)row-reverse：主轴为水平方向，起点在右端。

3)column：主轴为垂直方向，起点在上。

4)column-reverse：主轴为垂直方向，起点在下。

2.flex-wrap属性
f]]></description><category></category></item></channel></rss>