m0_54581080的博客

原创 react书写的两种方式(不使用脚手架)

react书写的两种方式(不使用脚手架)

原创 初学react

react是由Facebook研发的,用于解决ui复杂度的开源的javascript库,目前由react联合社区维护(以前我一直认为react是和vue一样的带有侵入性的框架...其实是个库)

原创 不同的历史记录模式

vue-router模式

转载 HTTP请求中，几种常见的Content-Type类型

另一个常见的 POST 数据提交的方式， Form 表单的 enctype 设置为multipart/form-data，它会将表单的数据处理为一条消息，以标签为单元，用分隔符（这就是boundary的作用）分开，类似我们上面Content-Type中的例子。另外，如利用AJAX 提交数据时，也可使用这种方式。对于application/octet-stream，只能提交二进制，而且只能提交一个二进制，如果提交文件的话，只能提交一个文件，后台接收参数只能有一个，而且只能是流（或者字节数组）。...

原创 commonJS 和 ESM

CommonJS 和 ES module 的区别

原创 vue 项目 优化

具体项目，具体分析，脱离场景看优化没有什么意义

原创 vue 过滤器

vue 过滤器

原创 vue计算属性

computed和methods的区别

原创 vue生命周期

三个面试题

原创 diff算法

diff的话就是比较两颗树

原创 vue2响应式原理

我们要明白，响应式的最终目标：是当对象本身或对象属性发生变化时，会运行一些函数，最常见的就是 render 函数。不是只有 render，只要数据发生了变化后运行了一些函数，就是响应式,比如 watch。...

原创 js日期转换

js 日期转换成字符串日期

原创 截取字符串的几种方法(一部分)

1.substr 2.splict 还有别的方法用到的时候再补充上

原创 常见请求方法

请求方法是请求行中的第一个单词，它向服务器描述了客户端发出请求的动作类型。在 HTTP 协议中，不同的请求方法只是包含了不同的语义，但服务器和浏览器的一些约定俗成的行为造成了它们具体的区别 fetch('https://www.baidu.com', { method: 'heiheihei', // }); 上面的请求中，我们使用了自定义方法heiheihei。虽然百度服务器无法理解这样的请求是在干什么，但这样的请求也是可以正常发送到百度服务器的。 在实践中，客户端和服务器慢慢的形成了一个共

原创 五层网络模型

五层网络模型

原创 es6 符号 双问号

原创 this指向

今天才彻底明白箭头函数没有自己的this对象。这里说的没有指的是箭头函数本身无法有效的使用this，它指向的永远是自己的父作用域； 在没有规划父级作用域的情况下，执行代码中最高级别的，也就是window； 任何方法都改变不了this，包括call，apply，bind ...

原创 flat(),map()

把多维数组扁平化，flat()里面传几就是扁平化几层数组

转载 replace函数用法

replace（）函数的用法_alongwaywith的博客-优快云博客_replace函数

原创 定位复习。

absolute 和 relative 比较 absolute 定位：脱离原来位置定位。是相对于最近的有定位的父级进行定位；如果没 有有定位的父级元素，就相对于文档进行定位 relative 定位：保留原来的位置进行定位，相对于自己原来（出生的）的位置进行定 位 什么时候用 relative，什么时候用 absolute？ 如果想定位，最好找参照物。 absolute 定位：脱离原来位置定位。是相对于最近的有定位的父级进行定位；如果没 有有定位的父级元素，就相对于文档进...

原创 事件(下）

事件对象 event || window.event 用于IE 事件源对象 event.target 火狐只有这个 event.srcElement IE只有这个 这两个chrome都有 封装事件源对象 ele.onclick = function(e){ var event = e ||window.event; var target = event.target ||event.srcELement; console.log(target); .

原创 事件(上）

什么是事件？ 事件可以理解为用户的一些操作和浏览器形成的一个交互 如何绑定事件处理函数？ 1.ele.onxxx=fucntion(){} #兼容性好，但是一个元素的同一个事件只能绑定一个处理程序 #基本等同于写在HTML行间 例<div style = "width :100px;height:100px; onclick = "console.log('a')></div> 2.ele.addEventListener(type,...

原创 脚本话CSS

读取CSS元素 style 例如，运行div.style,会展示出div能用的所有的能用的css属性 style是行间样式，只认识写在它行间的值,和getComputedStyle不同，这个是最终显示在文档的值 可读写行间样式，没有兼容问题，碰到Float这样的保留字属性，前面应加css cssfloat 复合属性必须拆解，组合单词变成小驼峰式写法 写入的值必须是字符串格式 window.getComputedStyle(ele,null); 计算样式只读，除了Style,其...

原创 获取窗口属性，获取DOM元素尺寸

查看滚动条的滚动距离 window.pageXOffset//x轴 window.pageYOffset//y轴 查看可视窗口的尺寸 window.innerWidth/innerHeight 标准模式，怪异模式 就是文档第一行<!DOCtypehtml>,去掉的话就是怪异模式了 怎么分辨文档是什么模式？ document.comp...

原创 简单的计时

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单计时器</title> <style type="text/css"> input{ border : 1px solid rgba(0,0,0,0.8); .

原创 DOM笔记

什么是DOM? 1.DOM——>DocumentObjectModel//文档对象模型 2.DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象， 由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。 也有人称DOM是对HTML和XML的标准编程接口。 DOM基本操作 1.getELementById方法定义在Document，prototype上，所以HTML和XML都可以用， 但是Element节点上不能用。 2.getElementsByTagNa...

原创 Dom选择器，节点类型

方法 学Dom开始,一切系统给生成的成组的方式，基本上全是类数组 //document代表整个文档，html只是一个文档的根标签 document.getElementById通过Id选出来(除了这个，其他的选择器选择都是一组) document.getElementsByTagName通过标签来选择(兼容型强，最主流用法), 也可以选择name来调用 document.getElementsByclassName通过Class选择 这两个选出来的不是实时的，等于个镜像，...

原创 数组、字符串去重

数组去重

原创 封装type方法

虽然typeof已经可以判断数据类型，但是对于包装类，typeof判断出来的都是object

原创 js类数组

什么是类数组 长得像数组，但是数组能调用的方法它都不能调用

原创 js 数组（2）

不可改变原数组 concat 连接两个数组，并且成为一个新的数组 toString 把数组变成字符串 slice 截取 slice()里面可以传一个参数，也可以传两个，也可以不传（从第几位开始，截取到该位） join这个方法的功能就是：将array数据中每个元素都转为字符串，用自定义的连接符分割，如果 join()里面不加任何参数，用法与toString()一样 split 按照什么方法拆分成数组split和join是互逆的 ...

原创 js数组(1)

定义方法两种 1，字面量定义 2，构造函数定义 数组的读写 两种fang'shi