JS
文章平均质量分 54
acoolgiser
微信搜索:acoolgiser
展开
-
JavaScript中onclick事件传递数组参数时接收的是[object,object],需要转为字符串传递
将数组参数转换为JSON字符串是一个很好的做法,这样可以确保数组中的数据以正确的格式传递给函数。在JavaScript中定义button的onclick点击事件,传递参数的时候,某个参数是数组,在方法体里面接收到的值是[object,object]。一开始在网上找解决办法,使用JSON.stringify(arr)传递数组参数,还是不行,出现解析失败问题。我传递了两个参数给点击事件方法modifyFunc,第一个参数是字符串,第二个参数是数组。参数仍然是数组,那么你可能需要使用。如果你在函数中接收的。原创 2024-01-26 09:14:27 · 765 阅读 · 0 评论 -
js截屏以及three.js场景截屏
做这个功能都是半个月之前的事情了,没想到一直耽误却一直都没有写下总结,尴尬。。。。。来来来,说正事在手机端截屏完全不需要前端动什么脑子,但是在网页上截屏就很头疼了,我这里介绍两种情形,针对普遍和某一特殊功能需求1、js截屏插件html2canvas.js这个插件真的很好用,而且GitHub上的小星星也特别多,html2canvas官网 也给了详细的例子,最简单的就这样引用一个库文件,调用就可以将页面中的元素截图下来了。但是这个插件原理是,将需要截图页面里面的元素一层一层遍历,然后在can..转载 2020-11-09 14:51:58 · 1826 阅读 · 0 评论 -
常见的样条插值算法
参考博文:https://www.cnblogs.com/WhyEngine/p/4020294.html原创 2020-11-05 21:59:47 · 2461 阅读 · 0 评论 -
JavaScript ...语法 (展开语法)
参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax有没有见过这样的写法:const numbers = [1, 2, 3];console.log(...numbers);打印输出结果:1 2 3意思是把数组的值一一展开。展开语法(Spread syntax),可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开;还..原创 2020-11-05 14:22:11 · 1263 阅读 · 0 评论 -
js-addEventListener()第三个参数useCapture
js-addEventListener()第三个参数useCapture概述: 第3个参数叫做useCapture,是一个boolean值,就是true or false 。如果送出true的话就是浏览器会使用Capture方式,false的话是Bubbling,只有在特定状况下才会有影响,通常建议是false,而会有影响的情形是目标元素(target element)有祖先元素(ancestor element),而且也有同样的事件对应函数html片段 < div id转载 2020-11-02 15:34:20 · 715 阅读 · 0 评论 -
JavaScript中的 innerHTML 字符与变量拼接赋值
如图,在html中有一个div,给其设置文本:字符串与变量的拼接 代码:<body> <div id='divtest'></div></body><script> var dis = 34; document.getElementById('divtest').innerHTML = "test...原创 2018-12-22 19:11:04 · 8292 阅读 · 0 评论 -
JavaScript shift() 方法
JavaScript 中数组Array的shift() 方法JavaScript Array 对象定义和用法shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。语法arrayObject.shift()返回值数组原来的第一个元素的值。说明如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。请注意,该...原创 2018-12-21 21:36:53 · 311 阅读 · 0 评论 -
JavaScript 鼠标拖拽div 改变其大小
转自: http://www.cnblogs.com/yushang/archive/2013/03/19/2968782.html想让div实现拖拽改变大小功能,类似于soso地图(即现在的腾讯地图)的看街景时地图可以拖拽等功能分析一下,实现这个功能需要:鼠标按下,鼠标移动和鼠标抬起几个功能方能实现,那么找到相应的js事件:mousedown、mousemove、mouseup找...转载 2018-12-06 22:41:33 · 4299 阅读 · 1 评论 -
JavaScript 在vue页面下实现鼠标拖拽div改变其大小,适用于鹰眼地图,街景地图等。
首先看效果,如图,鼠标悬浮在地图的右上角小框中时,提示“拖动调整大小”,可以给小框加个好看的图标。点击可以进行拖拽。基于上一篇博客:https://blog.csdn.net/acoolgiser/article/details/84866426 实现。代码:<template> <div id="eagleMapContainer" title="...原创 2018-12-06 22:41:11 · 7759 阅读 · 0 评论 -
JavaScript中匿名函数的递归(使用arguments和callee属性实现)
arguments和callee属性函数的内部调用函数本身的话,可以直接写函数的名字来实现,但是如果是匿名函数的话,这样的做法就行不通了。解决的办法是有的,使用arguments和callee属性的话就可以调用函数本身了。arguments对象是函数被调用的时候自动生成的,而callee属性就是这个函数本身的引用,使用这种方法的话,即使是匿名函数也可以实现递归。如下:可以使用setTime...原创 2019-01-09 10:27:19 · 648 阅读 · 0 评论 -
分享 一个比 jsfiddle 碉堡 1000 倍的工具
转自:https://ruby-china.org/topics/34037http://jsrun.net比jsfiddle强的不是一点点。 有多屏实时预览、代码自动补齐、代码折叠、黑白双肤、私有保存等等。总之强的不是一点点...转载 2019-03-16 10:52:13 · 7905 阅读 · 1 评论 -
Module build failed: ReferenceError: Unknown plugin "transform-runtime" ...解决办法
参考https://github.com/satya164/quik/issues/21上面的回答:在项目目录下运行命令:npm install babel-plugin-transform-runtime 。笔者尝试过后,的确不再出现该错误。但是别的错误还是有,仍然需要寻求其他解决办法。...原创 2019-03-25 17:06:41 · 9563 阅读 · 2 评论 -
js中两种for循环的区别 ( for(var i in obj)、i++循环 )
for(var i in obj)和for(var i=0;i<obj.length;i++)的区别:第一个是增强for循环,是不使用下标的一种遍历方式,简单高效,缺点是不能使用下标。如果想要循环一个json就用第一个,如果想循环一个数组就用第二个。...原创 2019-04-07 16:48:04 · 10358 阅读 · 0 评论 -
html/css/js各类相对路径引用方法归类
html/css/js各类相对路径引用方法归类/代表根目录;../代表上一级目录;../../代表上两级目录;/..代表下级目录;/../..代表下两级目录.同级直接引用文件名<img src='katana.jpg'/>下级同级目录/下级目录/文件名<img src='bl9u.katana.jpg'/>...转载 2019-04-15 11:13:14 · 723 阅读 · 0 评论 -
通过vue.js 学习来总结es6语法中的箭头函数,箭头函数原理分析。
首先我们来学习一下大神对箭头函数的剖析:----------------------------------------------横线部分来自廖雪峰大神的官方网站------------------------------------------------------------------------------ES6标准新增了一种新的函数:Arrow Function(箭头函数)。...原创 2019-04-25 11:27:55 · 1419 阅读 · 0 评论 -
callback&&callback()的意思是什么? 终于明白了
转自:https://blog.csdn.net/qq_31301099/article/details/53055126 如果存在回调函数就执行!这是利用了 JS &&符号的一个小技巧&& 符号在前面为假时就不会执行后面的语句了所以这个就相当于if(callback){callback();}...转载 2018-12-12 20:32:27 · 5479 阅读 · 0 评论 -
JavaScript 实现前端table页面,vue.js实现前端表格
效果图:代码:<template> <table class="table table-striped table-bordered"> <tr> <td class="column">工程部位</td> <td colspan="3" clas原创 2018-12-12 19:26:41 · 4117 阅读 · 0 评论 -
JavaScript三种绑定事件的方式及其用法区别(一个很好的面试题目)
转自:https://www.cnblogs.com/mylove103104/p/4667211.htmlJavaScript三种绑定事件的方式: 1. <div id="btn" onclick="clickone()"></div> //直接在DOM里绑定事件 <script> function clickone(){ ...转载 2018-11-30 18:34:14 · 369 阅读 · 0 评论 -
v8引擎详解
前言 JavaScript绝对是最火的编程语言之一,一直具有很大的用户群,随着在服务端的使用(NodeJs),更是爆发了极强的生命力。编程语言分为编译型语言和解释型语言两类,编译型语言在执行之前要先进行完全编译,而解释型语言一边编译一边执行,很明显解释型语言的执行速度是慢于编译型语言的,而JavaScript就是一种解释型脚本语言,支持动态类型、弱类型、基于原型的语言,内置支持类型。鉴...转载 2018-10-23 19:19:51 · 2497 阅读 · 0 评论 -
JSON.parse()与JSON.stringify()的区别
转自:https://www.cnblogs.com/goatling/p/6293692.htmlJSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串var data='{"name":"goatling"}'//解析对象JSON.parse(data)结果是:name:"goatling"JSON.stringify()...转载 2018-10-29 10:06:56 · 215 阅读 · 0 评论 -
javascript中call()、apply()、bind()的用法终于理解
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面:例 1obj.objAge; // 17obj.myFun() // 小张年龄 undefined例 2shows() // 盲僧 比较一下这两者 this 的差别,第一个打印里面的 this 指向 obj,第二个全局声明的 shows() 函数 this 是 window ;...转载 2018-10-29 19:43:40 · 291 阅读 · 0 评论 -
JavaScript中的键值对数组Map对象的使用总结
1.介绍定义键/值对的集合。语法mapObj = new Map()备注集合中的键和值可以是任何类型。如果使用现有密钥向集合添加值,则新值会替换旧值。属性下表列出了 Map 对象的属性和描述。构造函数 指定创建映射的函数。Prototype — 原型 为映射返回对原型的引用。size 返回映射中的元素数。方法下表列出了 Map 对象的方法...转载 2018-10-26 17:55:15 · 13646 阅读 · 0 评论 -
【转】 ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事?「译」
原网址:http://huangxuan.me/2015/09/22/js-version/ JavaScript 有着很奇怪的命名史。1995 年,它作为网景浏览器(Netscape Navigator)的一部分首次发布,网景给这个新语言命名为 LiveScript。一年后,为了搭上当时媒体热炒 Java 的顺风车,临时改名为了 JavaScript (当然,Java 和 JavaS...转载 2018-10-27 10:29:06 · 1118 阅读 · 1 评论 -
浅谈JavaScript、ES5、ES6
转自http://www.cnblogs.com/lovesong/p/4908871.html什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言,用来给HTML网页增加动态功能。(好吧,概念什么最讨厌了)动态:在运行时确定数据类型。变量使用之前不需要类型声明,通常变量的类型是被赋值的那个值的类型。弱类:计算时可以不同类型之间对使用...转载 2018-10-27 10:31:22 · 126 阅读 · 0 评论 -
Javascript中的Date.now() 方法与Date.UTC() 方法 ,Date.parse() 方法
1.Date.now()方法返回自1970年1月1日 00:00:00 UTC到当前时间的毫秒数。语法:无参数var timeInMs = Date.now();描述:now()方法返回自1970年1月1日 00:00:00 UTC到当前时间的毫秒数,类型为Number。因为 now() 是Date的一个静态函数,所以必须以 Date.now() 的形式来使用。2....原创 2018-10-27 14:54:01 · 37444 阅读 · 0 评论 -
【转】Node深入浅出 章节总结(第九章 — 玩转进程) 完结篇
转自:https://blog.csdn.net/yolo0927/article/details/81224942为了看黑色背景,就转了过来,眼睛看白色屏幕实在受不鸟!本章总结将结合个人搭建 egg 引入公司的一些实践来进行总结,希望能让大家了解到进程管理和集群分发的重要性。阅读完本章你应该理解以下几点:为什么要使用多进程架构启动服务;经典的 Master-Worker(主...转载 2018-10-27 22:09:03 · 186 阅读 · 0 评论 -
JavaScript中的比较运算符
比较运算符当我们对Number做比较时,可以通过比较运算符得到一个布尔值:2 > 5; // false5 >= 2; // true7 == 7; // true实际上,JavaScript允许对任意数据类型做比较:false == 0; // truefalse === 0; // false要特别注意相等运算符==。JavaScript在设计时,...原创 2018-11-06 11:37:21 · 516 阅读 · 0 评论 -
JS中函数的两种定义方法
定义函数在JavaScript中,定义函数的方式如下:function abs(x) { if (x >= 0) { return x; } else { return -x; }}上述abs()函数的定义如下:function指出这是一个函数定义; abs是函数的名称; (x)括号内列出函数的参数,多个参数以...原创 2018-11-09 17:22:08 · 3888 阅读 · 0 评论 -
JavaScript中的Map与Set键值对象的用法
JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对。但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map。MapMap是一组键值对的结构,具有极快的查找速度。举个例子,假设要根据同学的名字查...原创 2018-11-08 11:05:45 · 895 阅读 · 0 评论 -
JavaScript中的iterable类型(Map,Set,Array三种)的遍历方法for in;for of;forEach的用法区别
遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。具有iterable类型的集合可以通过新的for ... of循环来遍历。for ... of循环是ES6引入的新的语法。用for ... of循环遍历集合,用法如下:var a = ['A', 'B', ...原创 2018-11-08 11:31:42 · 509 阅读 · 0 评论 -
node.js中“模块”Module的概念和介绍
模块 Module在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护。为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式。在Node环境中,一个.js文件就称之为一个模块(module)。使用模块有什么好处?最大的好处是大大提高了代码的可维护性。其次,编...原创 2018-11-08 17:16:42 · 778 阅读 · 0 评论 -
node.js 读取文件目录下的所有文件,JS读取文件目录
文件目录结构如下图:代码1.js:进入test目录:进入ch目录:1.js:var fs = require('fs');var join = require('path').join;function getJsonFiles(jsonPath){ let jsonFiles = []; function findJsonFile(pa...原创 2018-11-27 17:26:43 · 26921 阅读 · 2 评论 -
javascript中var与let与const的区别
转自:https://blog.csdn.net/lq15310444798/article/details/78405252var与let的区别到ES6的时候,javascript中声明变量的方式有三种var、let、const1:作用域只是局限于当前代码块 { var str = "aaa"; console.log...转载 2018-10-19 10:17:58 · 203 阅读 · 0 评论