![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 50
Mozzie晓风残月
i am code
展开
-
js二进制浮点数和四舍五入
实数有无数个,但是js通过浮点数的形式只能表示其中的有限的个数,也就是说当js使用实数的时候,常常只是真实值的一个近似表示。js采用了IEEE-754浮点数表示法,这是一种二进制表示法,可以精确到分数,比如1/2 1/8 1/1024 与我们常用的类似1/10 1/100二进制浮点数表示法并不能精确到类似0.1这样的简单数字。var x = .3 - .2;var y = .4 - ....原创 2019-05-11 21:34:41 · 742 阅读 · 0 评论 -
js表单元素
1.input和texte<input type="text"/><textarea name="" id="" cols="30" rows="10"></textarea>获取输入框的值 oninput事件用户输入时触发 onchange输入框失去焦点时触发 window.onload = function() { var oInput = document.querySelector('input'); oI.原创 2020-06-08 10:17:58 · 359 阅读 · 0 评论 -
js 事件委托
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-12-14 22:14:57 · 202 阅读 · 0 评论 -
js 事件委托(事件代理)
JS中的事件委托(事件代理)一步一步来说说事件委托(或者有的资料叫事件代理)js中事件冒泡我们知道,子元素身上的事件会冒泡到父元素身上。 事件代理就是,本来加在子元素身上的事件,加在了其父级身上。 那就产生了问题:父级那么多子元素,怎么区分事件本应该是哪个子元素的? 答案是:event对象里记录的有“事件源”,它就是发生事件的子元素。 它存在兼容性问题,在老的IE下,事件源是 wi...转载 2019-12-14 21:01:11 · 169 阅读 · 0 评论 -
js 事件流
Javascript与HTML之间的交互是通过事件实现。一、事件流事件,是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流,描述的是页面中接受事件的顺序。IE9,chrome,Firefox,Opera,Safari均实现了DOM2级规范中定义的标准DOM事件,而IE8和IE8以下版本仍然保留专有的事件处理方式。事件冒泡事件冒泡是由IE开发团队提出来的,即事件开始时由最具体的元素...翻译 2019-12-14 11:36:53 · 83 阅读 · 0 评论 -
摘要js的三中加载方式
js阻塞原理浏览器内核可以分成两部分:渲染引擎(Layout Engine 或者 Rendering Engine)和 JS 引擎。早期渲染引擎和 JS 引擎并没有十分明确的区分,但随着 JS 引擎越来越独立,内核也成了渲染引擎的代称(下文我们将沿用这种叫法)。渲染引擎又包括了 HTML 解释器、CSS 解释器、布局、网络、存储、图形、音视频、图片解码器等等零部件。JS 引擎是独立于渲染引...原创 2019-12-13 21:56:22 · 95 阅读 · 0 评论 -
js(jquery)中常用追加元素的几种方法:append,appendTo,after,before,insertAfter,insertBefore,appendChild
<script type="text/javascript">// <![CDATA[$(function(){ //append(),在父级最后追加一个子元素 $(".append").click(function(){ $("#wrap").append("<p class='three'>我...原创 2019-12-09 22:01:04 · 1051 阅读 · 0 评论 -
qs模块
qs.stringify() 和JSON.stringify()var a = {name:'hehe',age:10};qs.stringify序列化结果如下name=hehe&age=10而JSON.stringify序列化结果如下:"{"a":"hehe","age":10}"qs.parse()和JSON.parseqs.parse()将URL解析成对象...原创 2019-12-09 21:43:47 · 276 阅读 · 0 评论 -
setTimeout实现轮循
1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-12-01 22:11:52 · 784 阅读 · 0 评论 -
js解析器
// console.log(m); // function m() { console.log(2) }// var m = 10;// console.log(m); // 10// function m() {// console.log(1)// }// console.log(m); // var m = 20;// console.log(m); //20/...原创 2019-11-09 23:20:29 · 535 阅读 · 0 评论 -
js内存泄露与垃圾回收机制
C#、Java、JavaScript有自动垃圾回收机制,但c++和c就没有垃圾回收机制,也许是因为垃圾回收机制必须由一种平台来实现。在JS中,JS的执行环境会负责管理代码执行过程中使用的内存 Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。JS垃圾回收方式Javascript采用标记-清除为主(高版本浏览器),引用计数为辅的策略(低版本IE)1. 标记清除工...原创 2019-02-21 09:22:44 · 188 阅读 · 0 评论 -
js执行浏览器的复制命令
goCopy () { var Url2=this.links; var oInput = document.createElement('input'); oInput.value = Url2; document.body.appendChild(oInput); oInput.select(); // 选择对象 document.execComman...原创 2019-07-09 10:48:41 · 2474 阅读 · 0 评论 -
js实现简单的拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-07-29 14:15:04 · 257 阅读 · 0 评论 -
js requestAnimationFrame
window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oReque...原创 2019-08-19 16:31:50 · 167 阅读 · 0 评论 -
js 禁止某些键盘事件
document.addEventListener('keydown', function(event){ return !( 112 == event.keyCode || //F1 123 == event.keyCode || //F12 event.ctrlKey && 82 == event.keyCode || ...原创 2019-08-19 16:33:55 · 4295 阅读 · 0 评论 -
js 禁止右键、选择、复制
['contextmenu', 'selectstart', 'copy'].forEach(function(ev){ document.addEventListener(ev, function(event){ return event.returnValue = false })});原创 2019-08-19 16:38:30 · 192 阅读 · 0 评论 -
js的set集合的处理
Set 有何不同最根本的区别是数组是一个索引集合,这说明数组中的数据值按索引排序。 const arr = [A, B, C, D]; console.log(arr.indexOf(A)); // Result: 0 console.log(arr.indexOf(C)); // Result: 2 相比之下,set是一个键的集合。set不使用索引...翻译 2019-08-27 21:21:11 · 10310 阅读 · 0 评论 -
前端调后台导出报表
exportList () { let config = { responseType: "blob", withCredentials: false }; this.spinShowExport = true listExport(this.activityId,config).then((...原创 2019-07-02 21:39:35 · 1204 阅读 · 0 评论 -
js函数节流
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="styl...原创 2019-07-08 11:09:33 · 93 阅读 · 0 评论 -
深入了解js单线程
1 引言 setTimeout( () => { console.log(0); }) setTimeout(() => { console.log(1); Promise.resolve( 3 ).then( data => console.log( data)) }, 10); setTimeout( () => { c...原创 2019-07-07 23:57:37 · 109 阅读 · 0 评论 -
js的异常捕获try-catch-finally
一 语法try { tryCode - 尝试执行代码块}catch(err) { catchCode - 捕获错误的代码块} finally { finallyCode - 无论 try / catch 结果如何都会执行的代码块}二 try ... catch</head><body><p>请输入 5 和 ...原创 2019-03-15 14:36:51 · 521 阅读 · 0 评论 -
二进制浮点数和四舍五入错误
实属有无数个,但javascript通过浮点数的形式只能表示其中有限的个数,也就是说,当在JavaScript中使用实数时,常常只是真实值的近似表示。var x = .3 - .2var y = .2 - .1x = y // falsex = .1 //false y = .1 //true...原创 2019-03-06 21:38:55 · 589 阅读 · 0 评论 -
javascript的运算溢出和下溢
javascript中的算术运算在溢出和下溢或零整除时不会报错溢出:当数字运算超出了javascript所能表示的上限,结果为一个特殊的无穷大(infinity),保留正负号。下溢:当运算结果无限接近于零并比javascript所能表示的最小值还小的时候,javascript将会返回零。(负数为负零)被零整除在javascript中并不会报错:它只会是正无穷大(Infinity)或负无...原创 2019-03-06 21:06:22 · 2781 阅读 · 0 评论 -
深入理解JavaScript的值传递和引用传递
JavaScript有5种基本的数据类型,分别是:布尔、null、undefined、String和Number。这些基本类型在赋值的时候是通过值传递的方式。值得注意的是还有另外三种类型: Array、Function和Object,它们通过引用来传递。从底层技术上看,它们三都是对象。基本数据类型如果一个基本的数据类型绑定到某个变量,我们可以认为该变量包含这个基本数据类型的值。...转载 2019-03-03 17:12:14 · 170 阅读 · 0 评论 -
js中的do...while
i = 0 do{ document.write("数字是 " + i) document.write("<br />") i++ }while(i>4)不满足条件,也会执行一边函数体。 i = 0 do{ document.write("数字是 " + i) ...原创 2019-03-02 12:14:35 · 1006 阅读 · 0 评论 -
js中arguments的用法
其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载。Javascrip中国每个函数都会有一个Arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数,arguments.callee引用函数自身。arguments他的特性和使用方法特性:...转载 2019-03-02 10:25:58 · 103 阅读 · 0 评论 -
vue.nextTick 的原理和用途
一 用法在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。二 原理1 异步说明Vue 实现响应式并不是数据发生变化之后 DOM 立即变化,而是按一定的策略进行 DOM 的更新。Vue 是异步执行 DOM 更新的。异步执行的运行机制如下:(1)所有同步任务都在主线程上执行,形成一个执行栈(execution contex...转载 2019-02-23 12:30:13 · 154 阅读 · 0 评论 -
js中typeof的返回值类型
typeof的返回值共有七种:number, boolean, string, undefined, object, function,symbol.1、numbertypeof(10);typeof(NaN);//NaN在JavaScript中代表的是特殊非数字值,它本身是一个数字类型。typeof(Infinity);2、booleantypeof(true);t...原创 2019-02-27 20:53:39 · 8095 阅读 · 0 评论 -
js setTimeout和for循环搭配使用时变量的问题
一 setTimeout(func,time)函数运行机制setTimeout(func,time)是在time(毫秒单位)时间后执行func函数。浏览器引擎按顺序执行程序,遇到setTimeout会将func函数放到执行队列中,等到主程序执行完毕之后,才开始从执行队列(队列中可能有多个待执行的func函数)中按照time延时时间的先后顺序取出来func并执行。即使time=0,也会等...原创 2019-02-27 19:14:00 · 786 阅读 · 0 评论 -
js多条件三元判断
var mark = 1 mark === 5 ? '中' : mark<5 ? '差' : '高'原创 2019-03-15 16:36:06 · 4542 阅读 · 1 评论 -
js的delete运算符
delete运算符可以删除对象的属性;他的操作数应当是一个属性访问表达式,delete只是断开属性和宿主对象的联系,而不会操作属性中的属性delete book.author; //book不再有属性authordelete book["main title"] //book不再有属性main titledelete只能删除自有的属性,不能删除继承的属性var a = { p:...原创 2019-04-07 08:31:16 · 2375 阅读 · 0 评论 -
js之小数转百分号显示的处理
js前端处理小数点问题方法一: const renderContent = (value) => { if (value != undefined && value != null) { const scale = (((value * 10000))/100.00).toFixed(4) + '%'; ...原创 2019-04-11 13:43:41 · 1562 阅读 · 0 评论 -
深入了解dom事件类型 键盘事件
https://www.cnblogs.com/xiaohuochai/p/5870702.html转载 2019-06-14 15:35:45 · 406 阅读 · 0 评论 -
js delete
语法节delete expressionexpression的计算结果应该是某个属性的引用,例如:deleteobject.propertydeleteobject['property']参数节object对象的名称,或计算结果为对象的表达式。property要删除的属性。返回值节对于所有情况都是true,除非属性是一个自己不可配置的属性...原创 2019-05-22 21:32:51 · 682 阅读 · 0 评论 -
JavaScript encodeURIComponent() 函数
定义和用法encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。语法encodeURIComponent(URIstring)返回值URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。...原创 2019-05-26 11:03:57 · 160 阅读 · 0 评论 -
this指向
1. 全局作用域或者普通函数中 this 指向全局对象 window。//直接打印console.log(this) //window//function声明函数function bar () {console.log(this)}bar() //window//function声明函数赋给变量var bar = function () {console.log(this)}...转载 2019-05-08 11:30:53 · 60 阅读 · 0 评论 -
arguments.callee的用法
argument为函数内部对象,包含传入函数的所有参数,arguments.callee代表函数名,多用于递归调用,防止函数执行与函数名紧紧耦合的现象,对于没有函数名的匿名函数也非常起作用。举例如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 funct...转载 2019-04-14 22:48:48 · 9045 阅读 · 0 评论 -
js函数的自执行和闭包
// 有些人叫这个是自执行的匿名函数(即便它不是),因为它没有调用自身,它只是立即执行而已。(function () { /* code */ } ());// 为函数表达式添加一个标示名称,可以方便Debug// 但一定命名了,这个函数就不再是匿名的了(function foo() { /* code */ } ());// 创建一个立即调用的匿名函数表达式// return...转载 2019-04-14 22:44:55 · 506 阅读 · 0 评论 -
js函数的参数
一 参数多对多问题1.实参数大于形参数: function say(name,message){ console.log('Hello' + name + message); } say('World!','ByeBye!','World’);//控制台打印出:HelloWorld!ByeBye!2.实参数小于形参数:function...转载 2019-04-14 09:48:15 · 1079 阅读 · 0 评论 -
js为假条件
0 '' false null NaN undefined原创 2019-04-03 14:37:02 · 188 阅读 · 0 评论