2019年10月_zhangpaopao0609

原创实现原生Ajax的过程和代码

1 概述Ajax是前端中发送请求最最基础的方法，在jq中已经封装好了，在axios中更是多次封装，那Ajax的实现原理到底是怎样的呢？本博文就原生Ajax进行解析和代码展示，2 Ajax创建XMLHttpRequest对象；注意兼容注册回调函数，在XMLHttpRequest中设置要发送的请求，利用的是open（first,second,third）方法1）param first：...

2019-10-26 11:33:50 860

原创 JS 如何阻止冒泡事件和默认事件

1 概述阻止冒泡和默认事件都是js中非常重要的，其实很简单，只需要一到两句语法即可，关键在于需要做兼容！2 阻止冒泡事件function stopBubble(e) { if(e && e.stopPropagation){ e.stopPropagation(); } else { window.event.cancelBubbl...

2019-10-26 11:27:09 732

原创 JS浮点数计算误差解释及解决方案

1 概述浮点数指的是带有小数的数值，浮点运算即是小数的四则运算，常用来测量电脑运算速度。大部份计算机采用二進制（b=2）的表示方法。位(bit)是衡量浮点数所需存储空间的单位，通常为32位或64位，分别被叫作单精度和双精度。2 误差现象console.log(0.1+0.2); // 输出 0.30000000000000004console.log(0.15+0.15); // ...

2019-10-26 11:17:08 2438 2

原创 <img>元素底部为何有空白？

1 概述现代浏览器中，<img>元素默认情况下底部会有空白，那么这个空白到底是从哪里来的？有什么比较好的方法可以去掉这个空白？2 为什么会有这个空白要理解这个问题，首先要弄明白CSS对于 display: inline 元素的 vertical-align 各个值的含义。vertical-align 的默认值是 baseline，这是一个西文排版才有的概念：可以看到，出现在...

2019-10-26 10:46:07 562

原创 JS中事件委托原理详解

1 概述事件委托，也称为事件代理，主要目的包括以下两点：动态添加为未来的新元素添加事件提高性能：每一个函数（事件）都会占用内存空间，只需添加一个事件处理程序代理所有事件,所占用的内存空间更少；利用的原理是事件冒泡机制。2 详解2.1 事件这是博主的另一篇文章，里面简述了事件的分类和不同处！点击查看！2.2 事件触发机制事件捕获和事件冒泡机制事件捕获当一个事件触发后,从W...

2019-10-11 18:36:10 581

原创 addEventListener 和直接添加事件的区别

1 概述addEventListener 和直接添加事件的区别！2 详述首先，需要讲一下绑定事件的分类，也就是添加事件的方法，在js中，一般分两大类，直接添加和事件监听（这里的说法有待考究）；test.onclick = function(){}test.addEventListener(“click”, function(){})因为在 js 中不支持事件重载（也就是同时绑定两...

2019-10-11 18:23:25 1274

原创详解优雅降级和渐进增强

1 概述渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验，但是它们侧重点不同，所以导致了工作流程上的不同。2 详细解释2.1 渐进增强（Progressive Enhancement）一开始就针对低版本浏...

2019-10-09 13:41:24 1036

我是张跑跑