MonsterPub的博客

原创 diff算法流程

原创 mixins,动画特效＜transition＞， ＜transition-group＞

主要作用：将组件的公共逻辑或者配置提取出来，减少冗余代码。

原创 在TS中type和interface的区别

interface主要定义对象形状的，type可以定义任意类型，包括原始类型，联合类型。interface扩展使用的是extends继承。interface同名接口会自动合并成一个。interface和type都能被类实现。type支持更复杂的类型表达式。type使用的是交叉类型 &type同名类型则会报错。

原创 webpack简单配置

是 Webpack 官方提供的开发服务器工具，主要用于本地开发调试。clean-webpack-plugin 是 Webpack 的一个实用插件，主要用于在每次构建前自动清理输出目录（如 dist 文件夹），避免旧文件残留导致的问题。Webpack 的一个核心插件，主要用于简化 HTML 文件的创建，并自动将打包后的 JavaScript、CSS 等资源注入到 HTML 中。这些包是 Babel 工具链的核心组成部分，主要用于将现代 JavaScript 代码（ES6+）转换为兼容旧浏览器的代码。

原创 Ts配置文件详解版

ts编译器的配置文件，ts编译器可以根据他的信息进行编译。

原创 前端异步编程规范（手写一个promise）

async是声明异步函数，可以在函数表达式，方法，箭头函数前加上 asyns，从而让函数具有异步特征，但是总体代码还是同步的，不过，异步函数使用了return 关键字返回了值（如果没有return 则返回 undefined）,这个值会被Promise.resolve包装成一个期约对象，异步函数始终返回promise对象，在函数外部调用这个函数就可以得到返回的期约，比如。promise.all()接收多个promise数组，当整个promise的resolve成功够返回结果，如果有一个失败的就直接返回。

原创 js之操作符

js操作符

原创 引用数据类型---object

对象实际是一组数据和功能的集合，对象通过new 操作符后跟对象类型的名称来创建，我们可以通过创建object类型的实例来创建自己的对象，给他增加属性和方法。Object是派生其他对象的基类，Object类型上所有的属性和方法在派生的对象上都存在；用于判断当前对象实例（不是原型）上是否存在给定的属性，要检查的属性名必须是字符串或符号。返回对象对应的字符串，数值或者布尔值，通常跟toString返回值相同。:返回对象的字符串表示，该字符串反应对象所在的本地化执行环境。:用于判断当前对象是否为另一个对象的原型。

原创 前端基础语言--基础数据类型

因此，Number(“1”)返回 1，Number(“123”) 返回 123，Number(“011”)返回 11（忽略前面的零）。因为浮点值的精确度高达17位，所以0.1和0.2后面可能跟的有浮点值，相加之后得到的是0.300000000000004，所以在判断时就不相等，出现这种错误是因为用了IEEE754数值。isNaN函数： 判断这个参数是否“不是数值”，把一个值传给这个函数后，该函数会尝试把他转化为数值，不能转化则返回true，能转换则返回false;十六进制数字中的字母大小写均可。

原创 前端语言基础-变量 var const let

变量声明 var，let const

原创 HTML中的JavaScript

使用defer属性可以让脚本延迟到整个页面解析完之后再运行，相当于告诉浏览器可以先立即下载，但要延迟执行，就算写到head里面也是如此，但是如果有多个js设置了这个属性，会按照他们的顺序执行，但是都会在DOMContentLoaded事件之前执行。async和defer相似都只适用于外部脚本，都会告诉浏览器立即下载，但是和defer不同的是，标记为async的脚本顺序不是按照出现次序执行的，异步脚本执行会在load之前但是不一定在DOMContentLoaded之前执行。

原创 【无标题】

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树的接口。用于支持访问和操作浏览器的窗口；

原创 React入门

Reactreactreact是facebook出的一款针对于view视图层的库，它主要作用是操作view试图jsxjsx是一种语法，可以直接在js里面写html代码，但是需要引用babel.js基础使用 1. babel.js 主要用于做js代码转义 2.react.js 主要用于react的核心库 3.react-dom.js react中的dom编辑插件，在浏览器使用的代码展示 //每个组件都必须有一个返回值，返回的内容是dom结构，表示当前组件的内容

原创 XMLHttpQequest

readystate取值 描述0 描述一种"未初始化"状态;此时，已经创建一个xmlhttprequest对象，但是还没有初始化。1 描述一种"发送"状态;此时，代码已经调用了xmlhttprequest open()方法并且xmlhttprequest已经准备好把一个请求发送到服务器。2 描述一种"发送"状态;此时，已经通过send()方法把一个请求发送到服务器端，但是还没有收到一个响应。...

原创 Mate

1.oninput:只要用户输入就会触发2.获取输入框的值：str=document.getElementById('id名‘） ;let x=str.value(标准写法）3.Math是js的原生对象或内置对象；是很多变量和很多方法的集合。typeof Math://object4.Math的方法：Math对象的属性，提供以下一些数学常数。（了解）Math.E：常数e。Math.P...