<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[MonsterPub的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/MonsterPub</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; MonsterPub]]></copyright><item><title><![CDATA[diff算法流程]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/147512938</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/147512938</guid><author>MonsterPub</author><pubDate>Fri, 25 Apr 2025 14:47:52 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[mixins,动画特效＜transition＞， ＜transition-group＞]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/147119867</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/147119867</guid><author>MonsterPub</author><pubDate>Thu, 10 Apr 2025 17:03:36 +0800</pubDate><description><![CDATA[主要作用：将组件的公共逻辑或者配置提取出来，减少冗余代码。]]></description><category></category></item><item><title><![CDATA[在TS中type和interface的区别]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146851683</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146851683</guid><author>MonsterPub</author><pubDate>Mon, 31 Mar 2025 16:19:24 +0800</pubDate><description><![CDATA[interface主要定义对象形状的，type可以定义任意类型，包括原始类型，联合类型。interface扩展使用的是extends继承。interface同名接口会自动合并成一个。interface和type都能被类实现。type支持更复杂的类型表达式。type使用的是交叉类型 &type同名类型则会报错。]]></description><category></category></item><item><title><![CDATA[webpack简单配置]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146802435</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146802435</guid><author>MonsterPub</author><pubDate>Mon, 31 Mar 2025 15:10:54 +0800</pubDate><description><![CDATA[是 Webpack 官方提供的开发服务器工具，主要用于本地开发调试。clean-webpack-plugin 是 Webpack 的一个实用插件，主要用于在每次构建前自动清理输出目录（如 dist 文件夹），避免旧文件残留导致的问题。Webpack 的一个核心插件，主要用于简化 HTML 文件的创建，并自动将打包后的 JavaScript、CSS 等资源注入到 HTML 中。这些包是 Babel 工具链的核心组成部分，主要用于将现代 JavaScript 代码（ES6+）转换为兼容旧浏览器的代码。]]></description><category></category></item><item><title><![CDATA[Ts配置文件详解版]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146800111</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146800111</guid><author>MonsterPub</author><pubDate>Mon, 31 Mar 2025 09:40:47 +0800</pubDate><description><![CDATA[ts编译器的配置文件，ts编译器可以根据他的信息进行编译。]]></description><category></category></item><item><title><![CDATA[前端异步编程规范（手写一个promise）]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146231587</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146231587</guid><author>MonsterPub</author><pubDate>Fri, 14 Mar 2025 14:59:50 +0800</pubDate><description><![CDATA[async是声明异步函数，可以在函数表达式，方法，箭头函数前加上 asyns，从而让函数具有异步特征，但是总体代码还是同步的，不过，异步函数使用了return 关键字返回了值（如果没有return 则返回 undefined）,这个值会被Promise.resolve包装成一个期约对象，异步函数始终返回promise对象，在函数外部调用这个函数就可以得到返回的期约，比如。promise.all()接收多个promise数组，当整个promise的resolve成功够返回结果，如果有一个失败的就直接返回。]]></description><category></category></item><item><title><![CDATA[js之操作符]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146068483</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146068483</guid><author>MonsterPub</author><pubDate>Thu, 06 Mar 2025 17:00:33 +0800</pubDate><description><![CDATA[js操作符]]></description><category></category></item><item><title><![CDATA[引用数据类型---object]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146062525</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146062525</guid><author>MonsterPub</author><pubDate>Thu, 06 Mar 2025 11:34:01 +0800</pubDate><description><![CDATA[对象实际是一组数据和功能的集合，对象通过new 操作符后跟对象类型的名称来创建，我们可以通过创建object类型的实例来创建自己的对象，给他增加属性和方法。Object是派生其他对象的基类，Object类型上所有的属性和方法在派生的对象上都存在；用于判断当前对象实例（不是原型）上是否存在给定的属性，要检查的属性名必须是字符串或符号。返回对象对应的字符串，数值或者布尔值，通常跟toString返回值相同。:返回对象的字符串表示，该字符串反应对象所在的本地化执行环境。:用于判断当前对象是否为另一个对象的原型。]]></description><category></category></item><item><title><![CDATA[前端基础语言--基础数据类型]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146014633</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146014633</guid><author>MonsterPub</author><pubDate>Thu, 06 Mar 2025 10:45:39 +0800</pubDate><description><![CDATA[因此，Number(“1”)返回 1，Number(“123”)    返回 123，Number(“011”)返回 11（忽略前面的零）。因为浮点值的精确度高达17位，所以0.1和0.2后面可能跟的有浮点值，相加之后得到的是0.300000000000004，所以在判断时就不相等，出现这种错误是因为用了IEEE754数值。isNaN函数： 判断这个参数是否“不是数值”，把一个值传给这个函数后，该函数会尝试把他转化为数值，不能转化则返回true，能转换则返回false;十六进制数字中的字母大小写均可。]]></description><category></category></item><item><title><![CDATA[前端语言基础-变量 var const let]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146007524</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146007524</guid><author>MonsterPub</author><pubDate>Tue, 04 Mar 2025 13:36:56 +0800</pubDate><description><![CDATA[变量声明 var，let const]]></description><category></category></item><item><title><![CDATA[HTML中的JavaScript]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/146004964</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/146004964</guid><author>MonsterPub</author><pubDate>Tue, 04 Mar 2025 10:01:04 +0800</pubDate><description><![CDATA[使用defer属性可以让脚本延迟到整个页面解析完之后再运行，相当于告诉浏览器可以先立即下载，但要延迟执行，就算写到head里面也是如此，但是如果有多个js设置了这个属性，会按照他们的顺序执行，但是都会在DOMContentLoaded事件之前执行。async和defer相似都只适用于外部脚本，都会告诉浏览器立即下载，但是和defer不同的是，标记为async的脚本顺序不是按照出现次序执行的，异步脚本执行会在load之前但是不一定在DOMContentLoaded之前执行。]]></description><category></category></item><item><title><![CDATA[【无标题】]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/145984902</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/145984902</guid><author>MonsterPub</author><pubDate>Mon, 03 Mar 2025 17:37:40 +0800</pubDate><description><![CDATA[level1的DOM主要分两部分：一部分是DOM core和DOM HTML,DOM core是提供了一种映射xml文档，从而方便访问和操作文档任意部分的方式，DOM HTML扩展了前者，并增加了特定的HTML的对象和方法。Level3L进一步扩展了DOM,增加了以统一的方式加载和保存文档的方法，验证文档的方法，DOM Core经过扩展支持了所有XML1.0的特性，包括XML Infoset, XPath和XML Base。DOM遍历和范围：描述遍历和操作DOM树的接口。用于支持访问和操作浏览器的窗口；]]></description><category></category></item><item><title><![CDATA[React入门]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/121475411</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/121475411</guid><author>MonsterPub</author><pubDate>Mon, 22 Nov 2021 17:26:15 +0800</pubDate><description><![CDATA[React
react
react是facebook出的一款针对于view视图层的库，它主要作用是操作view试图
jsx
jsx是一种语法，可以直接在js里面写html代码，但是需要引用babel.js
基础使用
 1. babel.js  主要用于做js代码转义
 2.react.js  主要用于react的核心库
 3.react-dom.js react中的dom编辑插件，在浏览器使用的

代码展示
 //每个组件都必须有一个返回值，返回的内容是dom结构，
表示当前组件的内容   
       ]]></description><category></category></item><item><title><![CDATA[XMLHttpQequest]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/101468994</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/101468994</guid><author>MonsterPub</author><pubDate>Thu, 26 Sep 2019 19:56:43 +0800</pubDate><description><![CDATA[readystate取值 描述
0 描述一种"未初始化"状态;此时，已经创建一个xmlhttprequest对象，但是还没有初始化。
1 描述一种"发送"状态;此时，代码已经调用了xmlhttprequest open()方法并且xmlhttprequest已经准备好把一个请求发送到服务器。
2 描述一种"发送"状态;此时，已经通过send()方法把一个请求发送到服务器端，但是还没有收到一个响应。...]]></description><category></category></item><item><title><![CDATA[Mate]]></title><link>https://blog.youkuaiyun.com/MonsterPub/article/details/101059611</link><guid>https://blog.youkuaiyun.com/MonsterPub/article/details/101059611</guid><author>MonsterPub</author><pubDate>Fri, 20 Sep 2019 14:29:16 +0800</pubDate><description><![CDATA[1.oninput:只要用户输入就会触发
2.获取输入框的值：str=document.getElementById('id名‘） ;let x=str.value(标准写法）
3.Math是js的原生对象或内置对象；是很多变量和很多方法的集合。
typeof Math://object
4.Math的方法：
Math对象的属性，提供以下一些数学常数。（了解）
Math.E：常数e。
Math.P...]]></description><category></category></item></channel></rss>