<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[O_326326的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/O_326326</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; O_326326]]></copyright><item><title><![CDATA[webpack基础使用和模块化]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/110755623</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/110755623</guid><author>O_326326</author><pubDate>Sun, 06 Dec 2020 20:10:39 +0800</pubDate><description><![CDATA[1.webpack的概念：
本质上，webpack是一个现代JavaScript应用程序的静态模块打包器	(module bundler).当webpack处理应用程序时，它会递归地构建一个依赖	关系图(dependency graph),其中包含应用程序需要的每个模块，然后将所	有这些模块打包成一个或多个bundle。
核心概念：
入口(entry)
出口(output)
Loader
插件(plugins)
模式(mode)
2.webpack的安装：
Webpack是一个使用node.js实现的一个模]]></description><category></category></item><item><title><![CDATA[webpack中出现的问题]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/110751069</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/110751069</guid><author>O_326326</author><pubDate>Sun, 06 Dec 2020 19:53:14 +0800</pubDate><description><![CDATA[执行npx webpack 显示的错误信息


原因分析


有两种错误写法：
错误写法一：

错误写法二：

解决方法：

注意：
CleanWebpackPlugin的c要大写，因为clean-webpack-plugin导出的是CleanWebpackPlugin。

]]></description><category></category></item><item><title><![CDATA[Git安装与基础使用]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/110671523</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/110671523</guid><author>O_326326</author><pubDate>Fri, 04 Dec 2020 19:41:46 +0800</pubDate><description><![CDATA[1.什么是版本控制：
版本控制是指软件开发过程中各种程序代码，说明文档等文件的变更进行管理，它将追	踪文件变化，记录文件的变更时间，变更内容，甚至变更执行人进行记录，同时对每一	个阶段性变更(不仅仅只是一个文件的变化)添加版本编号，方便将来进行查阅特定阶段	的变更信息，甚至是回滚。
2.什么是git
(1)人工版本控制器
通过人工的复制行为来保存项目的不同阶段的内容，添加适当的一些描述文字加以	区分：①繁琐，容易出错②产生大量重复数据。
(2)版本控制工具
通过程序完成上述人工版本控制行为：方便且功能强大，]]></description><category></category></item><item><title><![CDATA[jQuery中事件的方法和属性的总结]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/109016010</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/109016010</guid><author>O_326326</author><pubDate>Sun, 11 Oct 2020 19:52:26 +0800</pubDate><description><![CDATA[1:绑定事件方法:
bind(事件，函数)		元素绑定事件
绑定事件方法的优点就是可以绑定多个事件，可以同时处理
2:去除绑定方法： unbind()
3：其他事件方法：
------------------------------鼠标事件----------------------------------------------------------
click()						点击事件
dblclick()					双击
mousedown()					鼠标按下
mouseup()					鼠标弹起
m]]></description><category></category></item><item><title><![CDATA[Dom属性和方法的总结]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/109015927</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/109015927</guid><author>O_326326</author><pubDate>Sun, 11 Oct 2020 19:48:16 +0800</pubDate><description><![CDATA[1：获取值的方法
html()
text()
val()  既可以获取input里面的值/也可以设置值
如果是下拉菜单 、单选、多选的情况下  val([’’])方法  还可以将他们设置成默认选中
prop(‘checked’,true)  专属input默认选中方法
2：操作属性的方法
attr()  获取/设置元素属性的方法
attr()还可以设置多个属性 设置多个属性采用对象的模式 attr({‘k1’:‘v1’,‘k2’:‘v2’,‘k3’:‘v3’})
removeAttr() 移除属性方法
ad]]></description><category></category></item><item><title><![CDATA[jq-ajax的概念，方法和区别]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108935810</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108935810</guid><author>O_326326</author><pubDate>Tue, 06 Oct 2020 15:24:50 +0800</pubDate><description><![CDATA[一：概念：
jQuery 对 Ajax 做了大量的封装，我们使用起来也较为方便，不需要去考虑浏览器兼容
性。对于封装的方式，jQuery 采用了三层封装：最底层的封装方法为：.ajax()，而通过这层封装了第二层有三种方法：.load()、.ajax()，而通过这
层封装了第二层有三种方法：.load()、.ajax()，而通过这层封装了第二层有三种方法：.load()、.get()和.post()，最高层是.post()，最高层是.post()，最高层是.getScript()和$.getJSON()
方]]></description><category></category></item><item><title><![CDATA[jq中选择器的几种方法]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108935857</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108935857</guid><author>O_326326</author><pubDate>Tue, 06 Oct 2020 15:24:09 +0800</pubDate><description><![CDATA[项目
Value




find()
匹配当前元素的后代	==	$(‘div p’)后代选择器


children()
匹配当前元素的子元素	==	$(‘div&gt;p’)子选择器


next()
匹配当前元素的下一个同级元素==	$(‘div+p’)下一个同级选择器


nextAll()
匹配当前元素的下的所有同级元素	==	$(‘div~p’)


prev()
匹配当前元素的前一个同级元素==


prevAll()
匹配当前元素的前的同级元素==


siblings()
匹配当前...]]></description><category></category></item><item><title><![CDATA[jq-入门的基本概念]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108935816</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108935816</guid><author>O_326326</author><pubDate>Tue, 06 Oct 2020 15:23:27 +0800</pubDate><description><![CDATA[1:什么是jQuery?
它通过封装原生的 JavaScript 函数得到一整套定义好的方法。
2：jQuery的作用？
1.像 CSS 那样访问和操作 DOM
2.修改 CSS 控制页面外观
3.简化 JavaScript 代码操作
4.事件处理更加容易
5.各种动画效果使用方便
6.让 Ajax 技术更加完美
7.基于 jQuery 大量插件
8.自行扩展功能插件
3：jQuery的优点？
以更少的代码、实现更多的功能
4：jQuery的引入方式？
1：本地引入（外链接）

&lt;!DOCTYPE h]]></description><category></category></item><item><title><![CDATA[jq中的几种选择器方式]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108935809</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108935809</guid><author>O_326326</author><pubDate>Tue, 06 Oct 2020 07:43:44 +0800</pubDate><description><![CDATA[1：基础选择器
id  	#
class	.
标签		div
*		通配符
群组		#box,p
css()	一个值的时候是找这个元素的值，两个值的时候是设置样式
举例 找元素的值：
alert($(‘p’).css(‘color’))
举例 设置元素的样式：
KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲txt').css('colo…(‘p’).size())
2：层次选择器
$(‘p&gt;span’) 子选择器
$(‘p ]]></description><category></category></item><item><title><![CDATA[高级函数的总结]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108925494</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108925494</guid><author>O_326326</author><pubDate>Mon, 05 Oct 2020 09:37:16 +0800</pubDate><description><![CDATA[1：基本类型和引用类型
基本类型= =简单类型= =number boolean undefined string…
引用类型= =复杂类型= =函数和对象
基本和引用的区别？
1：基本类型存储在栈内存里面，引用类型存储堆内存里面
2：基本类型是值的传递，引用类型是地址的传递
2：栈内存和堆内存
浏览器的内存分为2种
1：一种是栈内存，存储的基本类型，也就是基本变量
2：一种是堆内存，存储的引用类型，也就是函数和对象
3：浏览器解析js代码的顺序(预解析)
1：先看全局js代码里面是否有语句错误。
2：提前]]></description><category></category></item><item><title><![CDATA[总结数组方法和属性]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108925499</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108925499</guid><author>O_326326</author><pubDate>Mon, 05 Oct 2020 09:36:10 +0800</pubDate><description><![CDATA[1.概念(什么叫数组)：数组是一个可以存储一组或一系列相关数据的容器。
2.数组元素（数组的内容）：是指存储在数组中并赋予唯一索引号（下标）的数据段。
					数组元素的数据类型可以不相同。
					通过下标或者索引号能获取到数组相对应得内容。
3.作用：
为了解决大量相关数据的存储和使用的问题。

4：创建数组的方法：
格1：通过关键字new 创建数组
var arr=new Array(0,1,2,3)
格2：通过字面量创建数组（通过中括号创建数组）
var arr=[0,1,2,3];

5:获取]]></description><category></category></item><item><title><![CDATA[js中的日期对象方法]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108925474</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108925474</guid><author>O_326326</author><pubDate>Mon, 05 Oct 2020 09:29:40 +0800</pubDate><description><![CDATA[1:创建日期对象的方法:
日期对象被创建以后，会获得本地（电脑上的时间）系统时间
var dat=new Date();
document.write(new Date())
2:to开头的方法是将时间转换为字符串
toString()      	将日期时间转换为普通字符串
toUTCString()		将日期时间转换为世界时间格式的字符串
toLocaleString()	将日期时间转换为本地时间格式的字符串
var dat=new Date();
document.write(dat.toString]]></description><category></category></item><item><title><![CDATA[jQuery中继承的案例--鞍数]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108925437</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108925437</guid><author>O_326326</author><pubDate>Mon, 05 Oct 2020 09:28:52 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
	&lt;/head&gt;
	&lt;body&gt;
		&lt;h1&gt;刷新页面直到桉树出现为止&lt;/h1&gt;
	&lt;/body&gt;
	&lt;script type="text/javascript"&gt;
		var obody = document.getE]]></description><category></category></item><item><title><![CDATA[原生ajax的概念和方法]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108925509</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108925509</guid><author>O_326326</author><pubDate>Mon, 05 Oct 2020 09:28:07 +0800</pubDate><description><![CDATA[1：ajax的概念
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
*AJAX 异步请求数据。
	什么是 AJAX ？
	AJAX = 异步 JavaScript 和 XML。
	AJAX 是一种用于创建快速动态网页的技术。
	通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。
	这意味着可以在不重新加载整个网页的情况下，
	对网页的某部分进行更新。
	]]></description><category></category></item><item><title><![CDATA[jQuery中的继承的几种方法]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108922365</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108922365</guid><author>O_326326</author><pubDate>Mon, 05 Oct 2020 08:10:26 +0800</pubDate><description><![CDATA[1：什么是继承，继承的概念：
继承是指一个对象直接使用另一对象的属性和方法，继承可以使得子类具有父类的各种属性和方法。
2：继承的称呼：
父类 == 超类型 == 基类
子类 == 派生类
3：继承的方法：
1：原型链继承
原型链继承的缺点：
1：创建子类实例时不能向超类传参
2：引用类型不能保持独立
2：构造继承
借用构造函数的继承解决了：
1：引用保持独立
2：可以传参
借用构造函数的继承（又叫：冒充继承）
方法：call()
构造继承缺点：
对象冒充只能继承构造实例中的属性和方法，不能继承原型中的属性]]></description><category></category></item><item><title><![CDATA[jQuery中的面向对象]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108922314</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108922314</guid><author>O_326326</author><pubDate>Sun, 04 Oct 2020 20:34:51 +0800</pubDate><description><![CDATA[1：什么是对象？
a:对象就是由若干个键值对，无须组成的数据类型，被称之为对象。
b:简单理解，提供了特有的方法和属性就是对象！
c:“对象”是一个容器，封装了“属性”（property）和“方法”（method）。
举例：
var o={
name:‘tom’,
age:12,
fun:function(){
alert(1)
}
}
2:键值对？
花括号里面冒号前被称之为键，冒号后被称之为值，通过键获取值。
3：什么是面向对象？
面向对象是一种编程思想，通过这种思想来完成代码的编程。(oop==Obje]]></description><category></category></item><item><title><![CDATA[jQuery中的运动属性]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108922193</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108922193</guid><author>O_326326</author><pubDate>Sun, 04 Oct 2020 20:27:51 +0800</pubDate><description><![CDATA[1：获取css的属性样式的兼容写法	
function getstyle(DOM,name){
if(DOM.currentStyle){ IE的兼容
return DOM.currentStyle[name];
}else{其他浏览器的兼容
return getComputedStyle(DOM,false)[name];
}
}
小球
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="UTF-8"&gt;
		&lt]]></description><category></category></item><item><title><![CDATA[jQuery中的拖拽]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108922148</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108922148</guid><author>O_326326</author><pubDate>Sun, 04 Oct 2020 20:23:24 +0800</pubDate><description><![CDATA[1：鼠标在元素上的坐标位置
offsetX
offsetY
2:鼠标在浏览器（可视窗口）上的坐标位置
clientX
clientY
3：事件
onmousedown		鼠标按下
onmousemove		鼠标移动
onmouseup		鼠标弹起
4:可视窗口的宽度和高度
document.documentElement.clientWidth
document.documentElement.clientHeight
5:获取元素的宽高
offsetWidth
offsetHeight
6:获取元素到浏览]]></description><category></category></item><item><title><![CDATA[jQuery中的函数封装]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108922099</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108922099</guid><author>O_326326</author><pubDate>Sun, 04 Oct 2020 20:20:37 +0800</pubDate><description><![CDATA[1.函数封装的概念：
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
用函数把重复的代码块包裹起来就是函数封装。
2.封装的作用：
其实就是为了减少代码的冗余，增加代码的可读性与易维护性，
将实现同一功能的代码封装起来，在需要实现这一功能时调用即可。
举例1 删除dom对象的空白节点：
function removeNode(nodee) {
for (var i = 0; i &lt; nodee.length; i ++) {
if (nodee[i].nodeType === 3 &am]]></description><category></category></item><item><title><![CDATA[computed与watch的区别和属性]]></title><link>https://blog.youkuaiyun.com/O_326326/article/details/108921904</link><guid>https://blog.youkuaiyun.com/O_326326/article/details/108921904</guid><author>O_326326</author><pubDate>Sun, 04 Oct 2020 20:11:00 +0800</pubDate><description><![CDATA[1.computed：
（多个值变化，影响到一个结果）属性会被缓存，除非依赖的响应式属性变化
才会重新计算，主要当作属性来使用，原来没有属性（结果），可创建可计算属性
（get/set，一个默认体）；
计算属性computed的特点：计算属性会依赖于它使用的data中的属性，只要它所依赖的
这些属性值没有改变，那么计算属性的值是从缓存中来的，而不是重新编译，那么性能要
高一些，所以vue中尽可能使用computed代替watch
&lt;div id="app"&gt;
  &lt;label&gt;&lt]]></description><category></category></item></channel></rss>