JavaScript
文章平均质量分 59
敏小静
专注前端技术研究和学习。
展开
-
禁用系统键盘,使用自定义键盘光标删除
需求:使用自定义键盘,并且实现光标删除思路:1、需要显示光标的同时禁止弹出系统键盘:把input的readonly属性设置为false;当弹起系统键盘时添加计时器把readonly属性设置为true;(光标显示和键盘的显示不是相关联)2、控制光标定位到文本的指定位置:当点击自定义键盘赋值给input的时候,让input聚焦,使用setSelectionRange定位光标,input聚焦之后引起系统键盘弹起,使用思路1禁用系统键盘this.vinnumber.el.getInputElemen原创 2021-02-26 18:56:06 · 614 阅读 · 0 评论 -
DOM事件流
“DOM2级事件”规定的事件流包括三个阶段:事件捕获阶段、目标阶段和事件冒泡阶段。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="mj">click me</div></body>原创 2020-11-01 14:58:32 · 237 阅读 · 0 评论 -
你不知道的Javascript中同名的函数与变量的提升和覆盖
规则是:对于同名的变量声明,Javascript采用的是忽略原则,后声明的会被忽略,变量声明和赋值操作可以写在一起,但是只有声明会被提升,提升后变量的值默认为undefined。对于同名的函数声明,Javascript采用的是覆盖原则,先声明的会被覆盖,因为函数在声明时会指定函数的内容,所以同一作用域下一系列同名函数声明的最终结果是调用时函数的内容和最后一次函数声明相同对于同名的函数声明和变量声明,采用的是忽略原则,由于在提升时函数声明会提升到变量声明之前,变量声明一定会被忽略,所以结果是函数声明有效原创 2020-10-30 18:29:18 · 1186 阅读 · 0 评论 -
val、let和const
一、varvar是ES5的语法,没有块级作用域;执行环境为上下文,也分全局作用域和局部(函数)作用域。var a = 10;function fun(){ console.log(a);//当前的执行环境为fun函数的局部作用域,函数外部无法访问,函数内部才可以访问;var存在变量提升,所以这里输出undefined var a = 5; //假设这里去掉var,就是相当于定义了意外的全局变量,等价于window.a = 5;这时第一个console输出语句中a的值在fun局部作用域没有找到,就会原创 2020-10-30 17:38:09 · 471 阅读 · 0 评论 -
最新的 ECMAScript 标准定义了 7 种数据类型以及检测类型方式
一、6种原始数据类型基本数据类型(按值访问)Null(js中的数据在底层是以二进制存储,如果前三位为0,那么就会判定为object,而null的所有都为0)Undefined基本包装类型(当读取基本类型的某一个值时,后台会为该创建 String/Boolean/Number 类的一个实例类,在实例上调用指定的方法。如str.substring(2),然后销毁)vascript之基本包装类型(Boolean,Number,String)基础篇var s1='some text';var s2原创 2020-10-28 22:44:32 · 420 阅读 · 1 评论 -
js之深入认识防抖和节流
在前端开发中遇到写频繁触发事件的事情,会引起一些性能上的问题;我们就需要用防抖节流进行处理,结合实际场景和防抖节流的原理,自行考虑要哪个。以下就是频繁触发事件的一些操作:window 的 resize、scrollmousedown、mousemovekeyup、keydowninput输入框动态搜索数据…防抖 深入了解防抖原理: 你尽管触发事件,但是我一定在事件触发 n 秒后才执行,如果你在一个事件触发的 n 秒内又触发了这个事件,那我就以新的事件的时间为准,n 秒后才执行,总之,就是原创 2020-10-25 14:37:23 · 106 阅读 · 0 评论 -
js运行机制----Event Loop 事件循环机制
先出一条题,测试一下自己是否做对了,做对就说明你理解了,做错了就继续看下去吧。// 执行一个宏任务async function async1() { console.log( 'async1 start'); await async2(); // 执行完 async2() 后,遇到微任务await,(await后面的代码)放入微任务队列 console.log( 'async1 end'); } async function async2() { c原创 2020-10-23 21:41:49 · 132 阅读 · 1 评论