
javascript学习之路
文章平均质量分 91
js学习
angulaer
这个作者很懒,什么都没留下…
展开
-
什么?还有1024程序员节?
10月24日,有没有觉得这个数字很熟悉?没错!1024!身为程序员的我们,angula不允许大家不知道这是我们的日子一起来看看吧1024程序员节是广大程序员的共同节日。1024是2的十次方,二进制技术按的基本计量单位之一。针对程序员经常周末加班与工作日熬夜的情况,部分胡来那我机构倡议每年的10月24日为1024程序员节,在这一天建议程序员拒绝加班(小声bb,默默加班中)程序员就像是一个1024,以最低调,踏实,核心的功能模块搭建起这个科技世界。1G=1024M,而1G与1级谐音,有一级棒的原创 2020-10-24 15:45:01 · 526 阅读 · 0 评论 -
GEEK+原创投票
优快云原创·博主大赛TOP 50榜单投票开始啦,小白有幸入选,求各位大佬投“_angula”一票如何投票点击此链接为我投票吧投票入口进入之后点我投票,然后登入自己的qq哦然后一直往下面翻,由于按照字母排序,所以靠后面啦感谢大家为我投票,非常感谢!!!有用的着在下的地方,一定不遗余力!!!...原创 2020-09-21 15:24:20 · 512 阅读 · 1 评论 -
js之节流函数
节流原理规定一个单位时间,在这个单位时间内,只能有一次触发事件的回调函数执行,如果在同一个单位时间内某事件被触发多次,只有一次能生效。实现时间戳实现注意:第一次事件会被触发,最后一次不会触发函数throttle.jsfunction throttle(func, wait) { let _this, args; // 之前的时间戳 let old = 0; return function () { // 保存this _this = this; //保.原创 2020-09-15 17:38:42 · 6450 阅读 · 0 评论 -
js之防抖函数
防抖防抖原理事件响应函数在一段时间后才执行,如果这段时间内再次调用,则重新计算执行时间也就是说,在这个时间内,无论你怎么触发事件,我都不会执行,只有这段时间无操作后才会执行!例如:假如防抖设置为3秒第一次执行事件后,开始倒计时3秒然后等到还剩余1秒时,再次触发了事件重新倒计时,从三秒开始这样第一次到第二次触发事件就经历了5秒,极大的减轻了服务器的压力先来认识防抖函数的使用:防抖函数实际上已经封装好了,我们只需要用cdn引入就可以进行使用了,但是我们依然要明白其中的原理!<!D.原创 2020-09-14 22:13:40 · 15728 阅读 · 1 评论 -
js严格模式下有哪些不同?
不允许不使用 var 关键字去创建全局变量,抛出 ReferenceError不允许对变量使用 delete 操作符,抛 ReferenceError不可对对象的只读属性赋值,不可对对象的不可配置属性使用 delete 操作符,不可为不可拓展的对象添加属性,均抛 TypeError对象属性名必须唯一函数中不可有重名参数在函数内部对修改参数不会反映到 arguments 中淘汰 arguments.callee 和 arguments.caller不可在 if 内..原创 2020-09-09 15:34:06 · 725 阅读 · 0 评论 -
聊聊js的深拷贝与浅拷贝
js 变量类型js 的变量有两种类型的值基本类型值 存放在栈中的一些简单的数据段Undefined String Symbol(es6 新增) Null Number Boolean引用类型值 引用类型值是引用类型的实例,它是保留在堆内存中的一个对象,引用类型是一种数据结构最常用的是 Object Array Function 类型,另外还有 Date RegExp Error浅拷贝对于浅拷贝的理解:创建一个新对象,这个对象有着原始对象属性值得一份精确拷贝。如果属性是基本类型,原创 2020-09-02 22:57:27 · 3146 阅读 · 6 评论 -
13个你必须知道的js数组技巧
在js中,数组是一个重要切常见的知识点,我们经常将数据存储在数组中,并且数组是面试中重要的考察对象,所以数组我们必须要运用自如,下面将展示一些数组操作技巧原创 2020-08-27 08:46:03 · 1115 阅读 · 0 评论 -
js的八大数据类型以及四种检测方法
js数据类型js的数据类型一共存在8种。在es5中存在6种数据类型 undefined String Object Number Null BooleanES6新增了一种数据类型 Symbol :这种类型的对象永不相等,即便创建的时候传入相同的值也不相等主要用于解决属性名冲突问题谷歌也出现了一种bigInt,指的是安全存储,操作大整数所以js数据类型包含了以上八种 undefined String Object Number Null Boolean Symbol bigInt当然可以这原创 2020-08-16 15:46:39 · 3848 阅读 · 1 评论 -
推荐几个好用又好玩的vscode插件!
推荐几个有用的插件,会提高你的开发效率!走过路过不要错过一、koroFileHeader先来一个镇场子的!一键生成佛祖保佑!!!下载koroFileHeader插件安装之后,新建一个文件这时候会自动生成一个模板,显示作者的相关信息,当然,这个模板是可以自定义的,先上重头戏,然后再说怎么自定义!codeDesign按下快捷键,ctrl+shift+p 输入codeDesign下面喜欢哪一个点击即可使用!比如佛祖模板哈哈,是不是还是挺有意思的!下面的我就不再展示啦,可以自己去.原创 2020-07-21 19:18:07 · 38344 阅读 · 116 评论 -
js之遍历数组的一些方法
有几种方法可以遍历数组,下面将逐个罗列!while循环let index = 0;const array = [1, 2, 3, 4, 5];while (index < array.length) { console.log(array[index]); index++;}for循环const array = [1,2,3,4,5];for(let index=0;index<array.length;index++){ console.log(a原创 2020-06-22 21:35:59 · 1404 阅读 · 0 评论 -
实现文字跑马灯效果
思路:1.判断文字的长度和容器的长度,如果文字长度大于容器长度,则开始滚动,否则不滚动。2.获取滚动条到元素左边的距离,递归滚动,直到滚动后的距离等于文字的长度退出递归。判断文字和容器的长度可以通过offsetWidth来判断。如果文字长度大于容器长度,则开始滚动。 window.onload = function(){ //比较文字与盒子长度的大小 if(boxWidth>textWidth){原创 2020-06-16 18:57:20 · 2415 阅读 · 1 评论 -
全面解析this指向问题!
this是一种特别复杂得机制,是一个很特别得关键字,被自动定义在所有函数得作用域中,所以我们有必要去了解,并且搞懂它!文章目录调用位置绑定规则一、 默认绑定严格模式二、隐式绑定隐式丢失三、显示绑定硬绑定API调用的“上下文”四、new绑定箭头函数中的this指向判断this的优先级调用位置在理解this得绑定过程之前,首先要理解调用位置:调用位置就说函数在代码中被调用得位置(注意:不是声...原创 2020-05-07 01:40:00 · 8819 阅读 · 104 评论 -
一篇文章搞懂js中的闭包
如果你还没有真正理解闭包得话,那么理解闭包可以看作某种意义上得重生原创 2020-04-23 17:25:59 · 3700 阅读 · 29 评论 -
恕我直言!你不是真的懂js中的作用域!
如果对于作用域,词法作用域你还不是很清楚,那么你可就要好好读读这篇文章了,它可是理解闭包的关键!原创 2020-04-22 01:32:15 · 7264 阅读 · 52 评论 -
你了解http和https的区别吗?
什么是httphttp是一种协议:超文本传输协议,是目前应用最广泛的一种协议,是一个客户端和服务器端请求和应答的标准tcp,用于从www服务器传输超文本到本地浏览器的传输协议https是做什么的?https和http看着很像,其实,二者本就同出一源,也是一种超文本传输协议(安全套接字层超文本传输协议)是HTTP的安全版,以安全为目标的http通道。HTTP协议是以明文的方式发送内容,不提供任...原创 2020-04-16 16:40:42 · 2163 阅读 · 27 评论 -
理解var let const区别
js中存在三种声明变量的方式 var let const,但是他们之间的区别很多却分不清varvar只有函数作用域,没有块作用域,可以声明全局/局部变量(在一共函数内声明的变量,只在该函数有效)var定义的变量不能跨函数访问,但是可以跨块访问!var 定义的变量如果不初始化会输出undefined,但不会报错可以重复定义,后定义的会覆盖先定义的//3var aaa;consol...原创 2020-04-05 14:13:34 · 2222 阅读 · 27 评论 -
js之垃圾收集机制
JavaScript具有自动垃圾收集机制,即执行环境会负责管理代码执行过程中使用的内存。原理:找出那些不再继续使用的变量,然后释放其占用的内存。为此,垃圾收集器会按照固定的时间间隔,周期性的执行这一操作。 函数中局部变量的正常生命周期:局部变量只在函数执行的过程中存在。在这个过程中为为局部变量 在栈(或堆)内存上分配相应的空间,以便存储他们的值,在...原创 2020-03-31 00:20:06 · 1002 阅读 · 14 评论 -
js之事件冒泡,事件捕获,事件委托
事件捕获:当一个事件触发后,从window对象出发,不断经过下级节点,直到目标节点,这个过程就是事件捕获。自内而外,从根到叶,从小到大。事件冒泡:即是事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点。当事件到达目标节点之后,会沿着捕获阶段的路线原路返回,同样所有经过节点会被触发。即是自内而外,从叶到根,从小到大。说起来很复杂,其实用一个示列就很容易理解<!DOCTYPE...原创 2020-03-28 18:20:20 · 1187 阅读 · 30 评论 -
简述JSON
关于json最重要的时理解它是一种数据格式,不是一种编程语言,虽然具有相同的语法形式,但json并不从属于JavaScript。而且,并不是只有JavaScript种才使用json,毕竟json只是一种数据格式,很多编程语言都有针对json的解析器和序列化器;json的语法可以表示三种类型的值:简单值:使用与JavaScript相同的语法,可以在json中表示字符串、数值、布尔值和null...原创 2020-03-19 23:43:20 · 1056 阅读 · 7 评论 -
淘宝的图片定时播放你会吗?还不来看看?
这个实现起来比较简单,就是其中一些地方需要注意一下点击开始按钮时会开启多个定时器,造成图片播放速度较快,暂停按钮无法使用,因此需要关闭该元素得定时器,这样最后只会留下一个定时器//关闭该元素得其他定时器 clearInterval(timer);其次主要存储图片得数组的长度,不要让索引越界无效采用两种解决方法/*使图片循环播放* if(index>=imgArr.le...原创 2020-02-28 17:18:36 · 936 阅读 · 6 评论 -
利用键盘控制小方块的移动
原理1. 利用键盘控制移动,则需要了解onkeydown函数,表示某个按键被按下,可以以此绑定一个事件响应函数,当键盘被按下时候,触发此事件,进行移动2. keyCode 对于keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。 因此我们可以根据ke...原创 2020-02-28 16:28:03 · 3412 阅读 · 3 评论 -
实现图片的拖拽功能(三)
解决浏览器的一些兼容性问题这时候会出现一些浏览器的兼容性问题,当我们一不小心按住atrl+a的时候,会网页上所有的内容进行选中,然后我们再进行div的移动的时候,浏览器就会默认对网页中的文字去搜索引擎中搜索,这是我们不希望看到的,此时会导致拖拽功能的异常。但是这个是浏 览器的默认行为,如果不希望发生这个行为,则可以通过return false来取消默认行为,但是在IE8以及以下版本的浏览器却并...原创 2020-02-25 21:25:55 · 1200 阅读 · 6 评论 -
实现图片的拖拽功能(二)
上一篇博客{实现图片的拖拽功能(一)}讲述了简单的实现图片的拖拽功能,但是有一些小的问题,下面来解决一下简单说一下出现的问题当鼠标点击div块的时候,鼠标会直接窜到div块的左上角,无论鼠标点击什么地方都会出现这种情况,这种虽然不影响功能的实现,但是毫无疑问这样会使得用户的体验感极差,因此需要做一些优化解决办法- - - 这种情况是由于鼠标的坐标位置引起的,当我们进行移动的时候鼠标位置发...原创 2020-02-25 20:41:48 · 2190 阅读 · 3 评论 -
实现图片的拖拽功能(1)
实现图片的拖拽功能就好像电脑桌面的软件图标可以跟随鼠标改变位置一样在这里我用一个div块来代表图片首先讲一下实现的原理首先确定div块被鼠标点击,即是鼠标按下 使用onmousedown()函数其次当鼠标被按下之后要开始进行移动 使用onmousemove()函数然后在被移动之后要松开鼠标,然后div块被固定 使用onmouseup()函数然后了解了这个大致的逻辑就可以上手进行写...原创 2020-02-24 20:31:40 · 2851 阅读 · 23 评论 -
实现div块跟随鼠标移动,并解决浏览器不兼容性问题
在网页上设置小窗口跟随鼠标移动的时候,由于浏览器的特性会出现一些浏览器不兼容的问题首先实现div块跟随鼠标移动,简单设置一个div块<body style="height:1000px"> <div id="box1";></div> </body>一个简单的div块,下面直接配置一下style,但此时一定注意,style上面一定要设置...原创 2020-02-23 15:35:40 · 1231 阅读 · 15 评论