JavaScript
文章平均质量分 58
蓝枫秋千
前人栽树,后人乘凉。既然我乘了前人的树,那么就栽更多的树给后人~共勉!
展开
-
简单比较xhr、ajax、axios、fetch的异同
XHR:XMLHttpRequest对象介绍:是原生的js请求优点:局部刷新,无需重新刷新页面。是原生的js请求,无需引入任何库就能使用缺点:使用起来繁琐,需要配置各种参数。兼容性不太好。jQuery ajax介绍:本身是对于xhr的封装,并处理了兼容性问题优点:对于原生XHR的封装,做了兼容处理,简化使用。增加了对于JSONP的支持,可以简单处理部分跨域。缺点:如果多个请求,并且有依赖关系,容易形成回调地狱。ajax是jQuery中的一个方法,如果只是要使用aj原创 2021-11-30 19:47:25 · 825 阅读 · 0 评论 -
网页复制内容修改(解决复制文本多空格问题,带标注信息(如版权信息))
前言适用需求平时在使用网页复制文本的时候(双击三击或选中复制),有时候会多复制一个或几个空格(常见于换行),在某些有格式要求的时候就很麻烦,因为看不出来有空格或换行在复制网页信息的时候希望能够带上自己的一些信息,比如复制别人博客代码的时候会带上出处信息注意:从别人网页复制信息到自己网页不适用,但可以作为参考使用监听oncopy事件,在触发复制事件之后,修改复制到剪切板的内容document.oncopy = event => { // 获取剪切板内容 let cont原创 2021-01-29 18:34:07 · 2231 阅读 · 3 评论 -
js深拷贝和浅拷贝
数据类型基本数据类型:String,Boolean,Number,Undefined,Null;引用数据类型:Object(Array,Date,RegExp,Function);深拷贝和浅拷贝简单解释浅拷贝和深拷贝都只针对于引用数据类型浅拷贝只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存;深拷贝会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象...原创 2020-03-05 10:43:50 · 166 阅读 · 0 评论 -
纯前端导出excel
每个页面需要单独配置options,比较麻烦。定制化程度不高,只能直接导出一个。这个版本支持去掉不需要的列。,如果有不需要的列(比如。原创 2020-02-17 21:48:57 · 351 阅读 · 0 评论 -
封装一个金额转化方法,包括转化千分位和大写金额
/** * Lq * 2020-2-14 * 将金额标准化,保留两位小数,并转化为千分位 */ formattingMoney: (money:number):string => { return money.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,'); }...原创 2020-02-15 09:32:10 · 499 阅读 · 0 评论 -
js几种遍历方法比较
标准for循环for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); }写法麻烦forEach方法myArray.forEach(function (value) { console.log(value); });不能够中途跳出for循环,break和return...原创 2019-11-07 16:21:38 · 176 阅读 · 0 评论 -
前端面试(下篇-javascript)
javascript概念部分XMLHttpRequest请求对于get的封装let xhr = new XMLHttpRequest();xhr.open("get",url);xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");xhr.responseType = "json"xhr.s...原创 2019-10-28 22:20:00 · 129 阅读 · 0 评论 -
vue中子组件对父组件的事件传递
vue中的值传递有单向数据流的特性,只能支持父组件改变子组件中的值要想操作子组件改变父组件的值的时候怎么办呢,要通过事件传递<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=d...原创 2019-10-19 21:37:33 · 549 阅读 · 0 评论 -
es6学习笔记整理
http://naotu.baidu.com/file/1ab1ddc9e3aa1b604accafd57b99cc24?token=5b7195cd93537a37上面是我的百度脑图笔记原创 2019-10-14 17:11:03 · 243 阅读 · 0 评论 -
简单描述缓存的主要方式
缓存是javascript的核心基础知识之一,主要可以氛围本地缓存,应用缓存和离线缓存本地缓存主要有cookie,localStorage和sessionStorage,都是浏览器提供的本地缓存,但是生命周期和缓存大小都不相同大小生命周期cookie一般在4kb一下关闭浏览器窗口就消失了localStorage一般在5mb一下直到手动删除缓存ses...原创 2019-10-08 11:01:30 · 130 阅读 · 0 评论 -
利用indexOf()封装去重函数
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果不存在,则返回-1实际上,他也能应用于数组,它可返回某个元素在一个数组中首次出现的位置,如果在该数组中不存在这个元素,则返回-1,利用这个特性,能做一个数组的去重封装function de_weight(arr){ var hash=[]; for (var i = 0; i < arr.len...原创 2019-09-29 16:46:43 · 475 阅读 · 0 评论 -
使用jQuery移除css属性
注意辨析:元素属性是指标签内的属性 常用的核心属性:id,class,style,title 不常用的属性:alt,src,href,..... ***特殊:布尔属性也是元素属性***写在head标签中style样式中的属性才是标题所说的css属性 如:width,height,color,background....对于元素属性的删除:$.css('width','')对...原创 2019-09-10 22:29:06 · 4610 阅读 · 0 评论 -
JavaScript中原生对象,宿主对象,本地对象,内置对象,自定义对象的总结
1、宿主环境:一般宿主环境由外壳程序创建与维护,只要能提供js引擎执行的环境都可称之为外壳程序。如:web浏览器,一些桌面应用系统等。即由web浏览器或是这些桌面应用系统早就的环境即宿主环境。2、本地对象ECMA-262 把本地对象(native object)定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。再来看一下,“本地对象”包含哪些内容:Object、Functi...原创 2019-09-02 16:31:28 · 318 阅读 · 0 评论 -
在JavaScript中__proto__和prototype的区别与联系
我来说一说我今天在学习构造函数和继承的时候碰到的长得比较像的两个属性首先来说prototype1)这是一个在构造函数中的属性,用于指向这个构造函数的原型对象2)只有函数有这个属性3)这个属性和原型对象中的constructor双生存在,翻译一下就是,A的prototype是B,B的constructor是A接下来说一下__proto__1)只要是对象就会有这个属性(不管是对象,函数还是...原创 2019-08-28 19:53:51 · 130 阅读 · 0 评论 -
对于JavaScript中类数组对象的理解
类数组对象的理解1)本质上还是一个对象(即能用对象所有的方法和特性),只是能用一些数组的特性2)此对象的属性部分类似数组里面的index举例子理解:函数里面的arguments是一个标准的类数组对象function demo(a,b){ console.log(arguments);//{0:11,1:22} console.log(arguments[0]);//...原创 2019-08-27 13:10:26 · 502 阅读 · 0 评论 -
学完常用数据类型和循环的一些小算法
上星期学完了JavaScript的常用数据类型和循环语句,写了一些小算法(或许不能称之为小算法),因为有些是使用node-js写的,所以都没有写活,都定死的,有需要的可以手动改进一下.1.分别使用while/do-while/for循环实现10的阶乘。 var result=1; var i=10; while(i>=1){ result*=i; i--; } conso...原创 2019-08-27 13:05:45 · 121 阅读 · 0 评论