
JavaScript
不积跬步,无以至千里.
前端路途之遥远,需之不断探索,一个的探索,不如团队合作,共同探索学习,团队的力量才是最大的,不断学习,提升自己,分享知识共荣进步。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue packages version mismatch
删除底版本,重新安装。原创 2022-07-15 18:25:23 · 436 阅读 · 1 评论 -
javascript小工具函数
JS 获取某月的天数function getMonthCountDay (year, month) { return 32 - new Date(year, month-1, 32).getDate()}获取某月的天数,是周几new Date(2020,11-1,16).getDay() // 11月16日,周一原创 2021-01-07 10:16:06 · 233 阅读 · 0 评论 -
input type=file 捕捉完成选择事件
问题:第一次选择文件或每次都选择不同文件时好使,但如果我两次都选择同一个文件,就触发不了了;解决:将value置为空,就解决了。 importMetaDataObject(e: any): void { if (!window.FileReader) { this.$notify.error('您的浏览器不支持FileReader!请升级浏览器'); return; } let reader: any = new FileReader(); co原创 2020-11-23 17:01:41 · 2054 阅读 · 1 评论 -
js正则匹配空格
/\s*(\S+)\s*$/g原创 2020-11-12 10:54:53 · 1477 阅读 · 0 评论 -
CSS 与 JS 阻塞 DOM 解析和渲染
CSS 不会阻塞 DOM 的解析,但会阻塞 DOM 渲染。JS 阻塞 DOM 解析,但浏览器会"偷看"DOM,预先下载相关资源。浏览器遇到 所以,原创 2020-11-06 15:49:30 · 479 阅读 · 0 评论 -
arguments.length
arguments.length表示的是实际上向函数传入了多少个参数,这个数字可以比形参数量大,也可以比形参数量小(形参数量的值可以通过Function.length获取到). function fun(a,b,c){ var l = arguments.length; var num = 0; for(var i=0;i<l;i++){ num+=arguments[i]; } alert(num) } fun(1,2,3); f原创 2020-10-20 10:28:36 · 1449 阅读 · 0 评论 -
JavaScript各种类型比较
Number,Boolean,String,Undefined这几种基本类型混合比较时,会将其转换成数字再进行比较基本类型与复合对象进行比较时,会先将复合对象转换成基本类型(依次调用valueOf与toString方法)再进行比较undefined被当成基本类型,undefined转换成数字是NaN,因此undefined与除null之外的其它类型值进行比较时始终返回false(注意NaN==NaN返回false)null被当成复合对象,由于null没有valueOf与toString方法,因此和除.原创 2020-10-20 09:29:30 · 504 阅读 · 0 评论 -
iframe配合postmessage注意点
使用iframe的起因: 现存在两个不同的系统,A系统和B系统。因为某中原因,A系统要调用B系统页面中的个别页面,所以引入了iframe;并且两个系统之间需要通信,设计到跨域问题,就有了postmessage;在系统中的代码示例: <div style="height:500px;"> <iframe style="width:100%;height:100%;" src={this.iframeUrl} ref="xxxIframe原创 2020-09-08 15:32:12 · 536 阅读 · 0 评论 -
Number.isInteger()
Number.isInteger() 方法用来判断给定的参数是否为整数。function fits(x, y) { if (Number.isInteger(y / x)) { return 'Fits!'; } return 'Does NOT fit!';}console.log(fits(5, 10));// expected output: "Fits!"...原创 2019-12-20 09:44:35 · 351 阅读 · 0 评论 -
js中同名变量或者参数的优先级
在javascript代码中,可能会出现一些变量或者参数重名的现象,所以要确认一下到底是哪一个变量或者参数在起作用,下面就对此进行一下简单的罗列性介绍,希望能够给需要的朋友带来帮助。一.局部的优先级要高于全局变量:var a=1;function func(){ var a=2; console.log(a);}func();以上的输出结果是2,说明局部变量覆盖了全局变量。...原创 2019-12-03 09:41:00 · 1033 阅读 · 0 评论 -
promise的串行和并行
Promise 并行 这个功能Promise自身已经提供。主要是依赖**Promise.all**和**Promise.ra**ce。 Promise.all是所有的Promise执行完毕后(reject|resolve)返回一个Promise对象。 Promise.race是任意一个Promise对象执行完毕后返回一个Promise对象。原创 2019-11-20 15:47:39 · 1017 阅读 · 0 评论 -
promise封装ajax
promise: promise是一个对象,用来传递异步操作的消息。有了 Promise 对象, 就可以将异步操作以同步操作的流程表达出来。promise特点: 承诺将来会执行 **防止回调地狱** - Callback Hell 可以进行then的**链式执行** 区分数据请求和数据处理三种状态 pending:等待中,或者进行中,表示还没有得到结果 resolved(ful...原创 2019-11-20 14:56:48 · 206 阅读 · 0 评论 -
js隐示类型转化规则
双等号,如果两边类型不同,会有隐式转换发生。犀牛书75页总结如下:1,null和undefined,相等。2,数字和字符串,转化为数字再比较。3,如果有true或false,转换为1或0,再比较。4,如果有引用类型,优先调用valueOf。5,其余都不相等。...原创 2019-11-01 17:18:23 · 197 阅读 · 0 评论 -
js通过分页计算表格行数
function goPage(pno,psize){ var num = 10;//表格行数 var totalPage = 0;//总页数 var pageSize = psize;//每页显示行数 var currentPage = pno;//当前页数 var startRow = (currentPage - 1) * pageSize+1...原创 2019-11-01 14:00:57 · 461 阅读 · 0 评论 -
js中的eval和Function
一、eval()eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码。eval(string) string必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。实例<script type="text/javascript">eval("x=10;y=20;document.write(x*y)")documen...原创 2019-10-28 10:32:25 · 2134 阅读 · 0 评论 -
typeof运算符和instanceof运算符以及isPrototypeOf()方法的区别
typeof是一个运算符,用于检测数据的类型,比如基本数据类型null、undefined、string、number、boolean,以及引用数据类型object、function,但是对于正则表达式、日期、数组这些引用数据类型,它会全部识别为object;instanceof同样也是一个运算符,它就能很好识别数据具体是哪一种引用类型。它与isPrototypeOf的区别就是它是用来检测构造函...原创 2019-10-23 11:22:04 · 504 阅读 · 0 评论 -
js实现深浅拷贝
一、实现浅拷贝的方法(1)直接用=赋值let a=[0,1,2,3,4], b=a;console.log(a===b);a[0]=1;console.log(a,b);//两个相同的[1,1,2,3,4](2)for···in只循环第一层// 只复制第一层的浅拷贝function simpleCopy(obj1) { var obj2 = Array.isArra...原创 2019-10-22 10:31:42 · 560 阅读 · 1 评论 -
Object.create()和new object()和{}的区别
Object.create() 详细文档: Object.create()new Object() 和new操作符相关:new总结:使用Object.create()是将对象继承到__proto__属性上。可以通过Object.create(null) 创建一个干净的对象,也就是没有原型,而 new Object() 创建的对象是 Object的实例,原型永远指向Object.pr...原创 2019-10-21 15:43:51 · 235 阅读 · 0 评论 -
for in 和for of的区别
遍历数组的方法:for,while,forEach,map,filter、some、every、reduce、reduceRight等。使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。无论是for…in还是for…of语句都是迭代一些东西。它们之间的主要区别在于它们的迭代方式。for…in 语句以任意顺序迭代对象的可枚举属性。for…of...原创 2019-10-18 15:57:49 · 334 阅读 · 0 评论 -
js判断空数组
var arr = [];//输出为it is trueif(arr){ console.log("it is true");}//输出为it is falseif(arr == true){ console.log("it is true")}else{ console.log("it is false");}Boolean(arr); //tru...原创 2019-10-18 14:24:25 · 1130 阅读 · 0 评论 -
ajax下载EXCEL
/** * 导出请求 * @private */ _exportRequest() { let xhr = new XMLHttpRequest(); let url = ''; let data = {}; xhr.withCredentials = true; //支持跨域发送cookies xhr.open('post', u...原创 2019-10-17 16:44:26 · 786 阅读 · 0 评论 -
对PWA的认识
一、背景从2018年到现在,作为号称下一代web应用模型的PWA,逐渐成为了一个各大前端厂商争先恐后进行涉足,布局的一个新的技术, 其主要的对标物Native app,作为现在最主流的mobile端应用,它的安全,性能,用户体验的确明显领先于其他互联网载体,但是原生App始终有一些缺点,比如昂贵开发成本软件上线,版本更新都需要发布到不同的商店,并通过审核有些APP你可能使用频率特别...转载 2019-08-31 23:14:56 · 340 阅读 · 0 评论 -
更新package.json依赖到最新版本
我们在gitHub下载一下好的项目,或者模板时,在本地运行的时候,有可能由于时间的原因,个别版本更新了,所以就需要我们把package.json中的依赖重新更新,下载。利用npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本1、安装:npm install -g npm-check-updates或cnpm install -g np...原创 2019-09-06 17:21:37 · 2527 阅读 · 0 评论 -
Package.json的认识
1、什么是Packgage.json?package.json 文件是用来管理本地安装 npm 包的唯一文件。它描述了当前项目依赖的包的列表,包含项目依赖包的版本,便于项目管理和移植,格式是严格的JSON格式。2、依赖包在 package.json 文件中指定项目依赖的包,这样复制项目时,可以使用 npm install 下载2.1、依赖方式:dependencies:在生产环境中需要用...原创 2019-09-09 10:56:25 · 1167 阅读 · 0 评论 -
对cross-env的理解
1、什么是cross-env?它是运行跨平台设置和使用环境变量的脚本。2、为什么需要cross-env?我们在自定义配置环境变量的时候,由于在不同的环境下,配置方式也是不同的。例如在window和linux下配置环境变量。2.1、在window下配置#node中常用的到的环境变量是NODE_ENV,首先查看是否存在 set NODE_ENV #如果不存在则添加环境变量 set N...原创 2019-09-16 18:14:05 · 11270 阅读 · 0 评论 -
对process.env的理解
在node中,有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。process.env 属性返回的是一个包含用户环境信息的对象,它可以区分开发环境或正式环境的依据。结合cross-env进行环境变量配置打开终端,输入node,输入process,就可以看到对应的描述信息。...原创 2019-09-16 18:22:27 · 3524 阅读 · 0 评论 -
一个document 的 Document.readyState 属性描述了文档的加载状态。
当该属性值发生变化时,会在document 对象上触发readystatechange事件。switch (document.readyState) { case "loading": // 表示文档还在加载中,即处于“正在加载”状态。 break; case "interactive": // 文档已经结束了“正在加载”状态,DOM元素可以被访问。 //...原创 2019-09-26 10:59:23 · 634 阅读 · 0 评论