js
LTIven
爱闻,爱问,爱文
展开
-
事件驱动I/O模型
对于一次I/O操作(以读操作为例),数据会先被拷贝到操作系统内核的缓冲区中,然后从操作系统内核的缓冲区拷贝到应用程序的缓冲区(这种方式称为标准I/O或缓存I/O,大多数文件系统的默认I/O都是这种方式),最后交给进程。所以说,当一个读操作发生时(写操作与之类似),它会经历两个阶段:(1)等待数据准备就绪;(2)将数据从内核拷贝到进程中。由于存在这两个阶段,因此产生了以下几种I/O模式:阻塞 I...转载 2019-11-18 19:12:37 · 172 阅读 · 0 评论 -
鼠标事件中的各种距离和元素的各种宽高
元素属性中的各种“距离”元素属性中的距离有以下6对:scrollLeft: 设置或获取位于对象左边界和窗口中可见内容的最左端之间的距离scrollTop: 设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离offsetHeight: 获得对象的可视区域的高度,包括边框offsetWidth: 获得对象的可视区域的宽度,包括边框clientHeight: 获得对象边框内部分的高度cli...转载 2019-11-15 14:35:14 · 1114 阅读 · 0 评论 -
如何兼容性的创建XMLHttpRequest对象
function CreateXHR() { /* 由于XMLHttpRequest对象最早是由微软的MSXML库中的一个ActiveX实现的,并且在ie中有MSXML2.XMLHttp、MSXML2.XMLHttp.3.0、MSXML2.XMLHttp.6.0三个版本 后来又有了XHMHttpRequest对象直接实现,所以为了保持兼容,在创建XMLHt tpRequest对象之前需要...原创 2019-11-14 23:01:50 · 354 阅读 · 0 评论 -
搞清arguments,callee,caller
arguments是什么?arguments是函数调用时,创建的一个类似的数组但又不是数组的对象,并且它存储的是实际传递给函数的参数,并不局限于函数声明的参数列表哦。尼玛,什么意思?写个demo看看,代码见下<!DOCTYPE html> <head> <title>arguments</title...转载 2019-11-14 22:16:14 · 148 阅读 · 0 评论 -
如何在vue项目中获取dom节点
一、问题由来在vue项目中,我需要获取一个dom的offsetHeight、scrollHeight等,但是不知道如何在vue中获取一个dom节点。毕竟是新手,所以在看了很多大佬的博客外,打算做一个小的总结,以便梳理知识,和大家共勉以及一起进步。二、3种方法1、利用js原生的获取dom节点的方法:document.getElementById等2、可以在vue项目中引入jquery,具体怎...原创 2019-11-14 21:42:14 · 4505 阅读 · 0 评论 -
vue中获取dom元素
最近在项目中要用到拦截器,坦白说是第一次听说这玩意,所以资料查了好久,现在也算是明白了拦截器的作用。我的理解就是拦截每一次你的请求和响应,然后进行相应的处理。比如一些网站过了一定的时间不进行操作,就会退出登录让你重新登陆页面,当然这不用拦截器你或许也可以完成这功能,但是会很麻烦而且代码会产生大量重复,所以我们需要用到拦截器在src目录下的api目录创建一个js文件import axios fr...转载 2019-11-14 14:29:53 · 489 阅读 · 0 评论 -
【转】JavaScript语言的历史
来自《JavaScript 标准参考教程(alpha)》,by 阮一峰目录JavaScript的诞生JavaScript与ECMAScript的关系JavaScript与Java的关系JavaScript的版本周边大事记参考链接 重要说明:本教程已经搬迁,此处不再维护,请访问新网址:wangdoc.com/javascript。JavaScript的诞生JavaScr...转载 2019-06-27 14:12:53 · 220 阅读 · 0 评论 -
【转】正则表达式中的特殊字符
字符/意义:对于字符,通常表示按字面意义,指出接着的字符为特殊字符,不作解释。例如:/b/匹配字符’b’,通过在b 前面加一个反斜杠,也就是/b/,则该字符变成特殊字符,表示匹配一个单词的分界线。或者:对于几个字符,通常说明是特殊的,指出紧接着的字符不是特殊的,而应该按字面解释。例如:是一个特殊字符,匹配任意个字符(包括0个字符);例如:/a/意味匹配0个或多个a。为了匹配字面上的*,...转载 2019-06-27 16:11:21 · 2557 阅读 · 0 评论 -
【转】详解Javascript中prototype属性(推荐)
在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例。但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不是基于‘类的',而是通过构造函数(constructor)和原型链(prototype chains)实现的。但是在ES6中提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。...转载 2019-07-08 15:35:28 · 99 阅读 · 0 评论 -
【转】js面试笔试---js的严格模式
1、必须用var关键字初始化变量2、不能使用with关键字(1、with效率低下 2、可能导致内存泄露)3、严格模式写会出现会出现除了全局作用域和局部作用域之外的第三种作用域eval作用域 4、为了安全,全面禁止this关键字指向全局window对象5、为了安全,禁止函数内部调用栈6、为了安全,禁止删除变量,对象的成员变量可以删除7、普通模式写对一个对象的只读属性赋值,不会成功,但...转载 2019-07-03 09:33:09 · 128 阅读 · 0 评论 -
【转】js object 常用方法总结
点击去原文Object.assign(target,source1,source2,...)该方法主要用于对象的合并,将源对象source的所有可枚举属性合并到目标对象target上,此方法只拷贝源对象的自身属性,不拷贝继承的属性。Object.assign方法实行的是浅拷贝,而不是深拷贝。也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用。同名属性会替换。Ob...转载 2019-07-08 17:08:55 · 206 阅读 · 0 评论 -
【转】 详解数组--sort()方法原理上
点击去原文 sort()方法在适当的位置对数组进行排序,并且返回数组。对于sort()方法,W3school给的定义是可知参数是可选的,也就是有两种情况,一是不加参数,另外一种是加函数参数,参数必须是函数。函数就是比较函数。先看第一种不加参数的情况: var arr=[1,3,10,4,2]; arr.sort(); alert(arr);...转载 2019-07-09 09:41:51 · 310 阅读 · 0 评论 -
【转】正则表达式三种模式:贪婪模式、懒惰模式、独占模式
周末快到了,今天为大家送上一篇很有意思的小文章,具有提神醒脑之功效。作者是来自阿里巴巴LAZADA产品技术部的申徒童鞋。1. 血案由来近期我在为Lazada卖家中心做一个自助注册的项目,其中的shop name校验规则较为复杂,要求:1. 英文字母...转载 2019-06-28 10:52:07 · 361 阅读 · 0 评论 -
【转】四种方式实现轮播图
转载自:http://www.jianshu.com/p/bd1f34e7e953不论是app,还是网站,基本上都会出现轮播图,今天和大家分享几种不同工具实现轮播图的几种方式。轮播图的基本样式和功能就不需要解释了,相信能根据题目选择看文章的话都知道啥是轮播图,如果哪位读者老爷真的让非要我解释一下啥是轮播图,求您饶了在下吧,真心词穷~为了方便大家观看,我把css,html,js都写在一...转载 2019-07-03 19:15:52 · 1298 阅读 · 0 评论 -
【转】常见的解析方式和解析器
解析方式:1.DOM:要求解析器把整个XML文档装载到内存,并解析成一个Document对象。a)优点:元素与元素之间保留结构关系,故可以进行增删改查操作。b)缺点:XML文档过大,可能出现内存溢出显现,解析速度慢。2.SAX:是一种速度更快,更有效的方法。它逐行扫描文档,一边扫描一边解析。并以事件驱动的方式进行具体解析,每执行一行,都将触发对应的事件。(了解)a)优点:处理速度快,可以...转载 2019-07-09 15:05:28 · 159 阅读 · 0 评论 -
【转】JavaScript引擎
点击去原文 什么是JavaScript引擎? JavaScript引擎是一个专门处理JavaScript脚本的虚拟机,一般会附带在网页浏览器之中。 什么是虚拟机呢? 虚拟机(英语:virtual machine),在计算机科学中的体系结构里,是指一种特殊的软件,可以在计算机平台和终端用户之间创建一种环境,而终端用户则是基于这个软件所创建的环境来操作软件。根据虚拟机的运用和直...转载 2019-07-09 15:48:08 · 113 阅读 · 0 评论 -
【转】JavaScript 深入了解对象中的属性
点击去原文 本篇主要介绍JS中对象的属性,包括:属性的分类、访问方式、检测属性、遍历属性以及属性特性等内容。目录1. 介绍:描述属性的命名方式、查找路径以及分类2. 属性的访问方式:介绍'.'访问方式、'[ ]'中括号访问方式3. 删除属性:通过delete关键字删除对象的某个属性4. 检测属性:介绍三种判断某个属性是否为对象的实例属性:in、obj.hasOwnProperty、o...转载 2019-07-09 17:32:08 · 137 阅读 · 0 评论 -
【转】avaScript中url 传递参数(特殊字符)解决方法及转码解码的介绍
点击去原文有些符号在URL中是不能直接传递的,如果要在URL中传递这些特殊符号,那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码 十六进制值 1. + URL 中+号表示空格 %2B 2. 空格 URL中的空格可以用+号或者编码 %20 3. / 分隔目录和子目录 %2F 4. ? 分隔实际的 URL 和...转载 2019-07-04 15:33:56 · 238 阅读 · 0 评论 -
【转】JavaScript 预编译(变量提升和函数提升的原理)
本文部分内容转自https://www.cnblogs.com/CBDoctor/p/3745246.html1.变量提升 1 console.log(global); // undefined 2 var global = 'global'; 3 console.log(global); // global 4 5 function fn () { 6 console.l...转载 2019-06-29 11:27:31 · 96 阅读 · 0 评论 -
JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解(含示例图)
点击去原文 这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight...转载 2019-07-14 11:03:07 · 287 阅读 · 0 评论 -
scrollWidth、clientWidth、offsetWidth、width的区别
scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。innerWidth:window.innerHeight=浏览器窗口的内部高度wi...转载 2019-07-14 12:26:02 · 286 阅读 · 0 评论 -
【转】通过document.domain实现跨域访问
点击去原文由于JavaScript同源策略的限制,脚本只能读取和所属文档来源相同的窗口和文档的属性。对于已经有成熟产品体系的公司来说,不同的页面可能放在不同的服务器上,这些服务器域名不同,但是拥有相同的上级域名,比如id.qq.com、www.qq.com、user.qzone.qq.com,它们都有公共的上级域名qq.com。这些服务器上的页面之间的跨域访问可以通过document.doma...转载 2019-07-10 14:30:35 · 440 阅读 · 0 评论 -
【转】HTMLCollection vs. NodeList
点击去原文>>> 引文这篇博客起源于我对一道作业题的思考,在DOM课程中,第二道作业题是:elem.children和elem.childNodes的区别?那么这两者的区别究竟是什么呢?当时我在回答的时候写了这样一段代码(这段代码只得到表面上的答案,是浅层次理解)。<div id="ct"> <p class="para">Lynd...转载 2019-07-10 15:15:00 · 111 阅读 · 0 评论 -
【转】关于document的三个方法:open、write、close
document.open会打开一个新文档,清除已加载的文档;document.write在HTML加载后调用会导致open方法调用一次;document.close会关闭打开的文档。直接看代码和效果图:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta n...转载 2019-07-10 17:21:32 · 432 阅读 · 0 评论 -
【转】property和attribute的区别
点击去原文 property是指类向外提供的数据区域。而attribute则是描述对象在编译时或运行时属性的,分为固有型和用户自定义型,其中用户自定义型可以利用Reflection在运行期获取。这两者是有本质区别的。资料上说二者一个是service的属性,而另一个是interface的。第一种好象更准确,摘要如下:在很多人的脑海中,Attribute就是类的属性,Prop...转载 2019-07-05 11:58:59 · 197 阅读 · 0 评论 -
【转】理解执行上下文
点击去原文执行上下文(Execution Context): 函数执行前进行的准备工作(也称执行上下文环境)运行JavaScript代码时,当代码执行进入一个环境时,就会为该环境创建一个执行上下文,它会在你运行代码前做一些准备工作,如确定作用域,创建局部变量对象等。具体做了什么先按下不表,先来看下JavaScript执行环境有哪些?JavaScript中执行环境全局环境函数环境...转载 2019-07-05 14:23:00 · 210 阅读 · 0 评论 -
【转】parentNode,parentElement,childNodes,children最经典讲解
点进去原文 首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点的类型一共有3种,元素节点,文本节点,属性节点,从图中可以看出属性节点属于元素节点的分支,一般不常考虑, 下来详细介绍,childNodes,childern, ch...转载 2019-07-11 09:52:37 · 353 阅读 · 0 评论 -
浅谈JS世界中&和&&
console.log(1&2);console.log(1&&2);上面打...转载 2019-07-15 16:26:10 · 355 阅读 · 0 评论 -
【转】JS 动态加载脚本的4种方法
点击去原文如果js文件都比较小,还是一个js好,这样可以减少连接数。下面是4种比较常用的方法,大家可以根据情况选择,最后脚本之家 将会给推荐一个。1、直接document.write 复制代码 代码如下:<script language=“javascript”> document.write("<script src=‘test.js’></script>"...转载 2019-07-11 14:08:35 · 2497 阅读 · 1 评论 -
深入理解Object.prototype.toString.call()
点击去原文 为什么Object.toString.call([1,2,3])返回[object Array]?可以直接[].toString()返回[object Array]吗?难道真的像自己理解的那样,是通过call将[1,2,3]作为Object.toString的实参传递了进去吗?不是。直接Object.toString([1,2,3])不能实现同样的功能吗?不能。...转载 2019-07-18 11:48:02 · 3434 阅读 · 1 评论 -
HTML条件注释
点击去原文 普通的HTML注释形式是<!-- 注释 --> 而IE5~IE9这5个版本的IE浏览器还另外支持一种特殊的if条件注释(感觉有点类似模板渲染时的语法结构)<!--[if IE]> html语句 <![endif]-->这样在处理IE浏览器兼容性问题的时候就可以把hack代码集中在一块了,或者其他意想不到的用途...转载 2019-07-18 14:27:37 · 175 阅读 · 0 评论 -
Jquery美元符(document)ready和windowonload的区别
[原文跳转]jquery $(document).ready() 与window.onload的区别 Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。1.执行时间 &nb...转载 2019-07-18 16:28:51 · 117 阅读 · 0 评论 -
函数作用域和作用域链
点击去原文在Javascript中,万物皆对象,但对象也有区别,大致可以分为两类,即:普通对象 Object 和 函数对象 Function。一般而言,通过 new Function 产生的对象是函数对象,其他对象都是普通对象。举例说明:?123456789101112131415161718192021function f1() { &nbs...转载 2019-07-16 18:54:37 · 89 阅读 · 0 评论 -
javascript中new关键字详解
点击去原文 javascript中new关键字详解 和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中分配一个实例对象。 但在 javascript 中,万物皆对象,为什么还要通过 new 来产生对象? 本文将带你一起来探索 javascript 中 new 的奥秘...一、认识new运算符:fun...转载 2019-07-16 19:32:03 · 209 阅读 · 0 评论 -
JS实现继承的几种方式
点击去原文前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。JS继承的实现方式既然要实现继承,那么首先我们得有一个父类,代码如下:// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = ...转载 2019-07-16 20:32:38 · 83 阅读 · 0 评论 -
jquery中的$("#id")与document.getElementById("id")的区别
点击去原文 以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天做特效的时候才发现并不是这么一回事,通过测试得到:1、alert($("#div"))得到的是[object Object]2、alert(document.getElementById("div"))得到的是[object HTM...转载 2019-07-19 11:50:54 · 254 阅读 · 0 评论 -
JavaScript 的in 操作符
点击去原文 在编写JavaScript时,遇到一个常见的问题“如何判断某值是否数组中的元素”?这让我想起了PHP中的in_array()函数和Python中in 操作符。但JavaScript似乎没有内置类似的函数,而其in 操作符的作用也有点不同。通过查询相关的资料,我发现JavaScript的in 操作符还是挺有用的。一、问题让我想到in 操作符...转载 2019-07-17 11:59:58 · 410 阅读 · 0 评论 -
搞定炫酷网页,关注ES6太有必要
原文链接导语温故而知新,可以为师矣。及时地复习和总结我们学过的知识,不仅有利于知识的体系化,还有利于知识的深入理解。笔者也是一个前端技术迷,并且之前也系统的学习ES6一段时间,并对此有一些心得感悟。以下,我将深入浅出地与大家谈谈ES6,希望各位不吝点评。1.let/constletjs中作用域分为:全局作用域、局部作用域、块级作用域es6中的六种变量声明方法:var functi...转载 2019-07-24 15:01:47 · 96 阅读 · 0 评论 -
JS中的圣杯模式
点击去原文 圣杯模式是Javascript中用来实现继承的一种方法,它的简单形式如下所示 function Father(){} function Son(){} Father.prototype.lastName=‘Jack‘; //圣杯模式 function inherit(Target,Origin){ function F(){}...转载 2019-07-17 17:02:02 · 343 阅读 · 0 评论 -
px,em,rem,vw的简单介绍
一、px,em,rem,vw的简单介绍1、pxpx其实就是像素的意思,全称pixel,也就是图像的基本采样单位。对于不同的设备,它的图像基本单位是不同的,比如显示器和打印机。而我们通常所说的显示器分辨率是指桌面设定的分辨率,不是显示器的物理分辨率,但是现在我们的桌面分辨率和物理分辨率几乎是一致的,因为这样显示效果最佳。所以总的来说px就是对应我们显示器的分辨率。这样就会有个问题就是如果使用px的话...转载 2019-07-24 22:23:20 · 718 阅读 · 0 评论