随笔分类 - js技巧
摘要：1.JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。2.HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。Javascript 脚本代码可被放置在 HTML 页
阅读全文
摘要：addEventListener 主要用于监听原生 DOM 事件，而不是 Vue 或其他框架中的自定义事件。自定义事件通常是通过框架提供的机制（如 Vue 的 $emit）来处理的 findIndex找到的第一项索引为0，因此判断的时候要注意，if(index)可能在index为0的时候依然为假，但
阅读全文
摘要：1.rem css3中的rem是一个相对单位，是相对根元素字体大小的单位；使用rem的优点就是在计算子元素有关的尺寸时，只要根据html元素字体大小来计算即可. 注意：这个根元素是最大的那个根也就是html，见下图，一般浏览器默认的值是16px，也就是随着他的改动而改动。修改其他父元素的字体是不会影
阅读全文
摘要：前言： 图片懒加载通常是修改src而不是控制渲染的首尾索引，这是因为这样控制更方便，不需要更多的dom操作和资源管理，也可以通过占位符的设置提升用户体验。 一.图片懒加载 1.原生html实现 (1) img标签的loading属性 使用 loading="lazy" 的方式来实现一个图片懒加载的功
阅读全文
摘要：前言：事件的绑定方式主要有两大类：在html中直接绑定和在js中绑定，细分的话可以有三种（js有两种）。 函数名或者函数表达式后面紧跟 () ，则会自动调用。 1.内联模式：将函数名直接作为html标签中的属性的属性值 这种的缺点是：不符合行为分离的基本规范 这种方式叫做内联绑定事件，HTML的元素
阅读全文
摘要：实例： 是由类或构造函数创建的具体对象，通过 new 关键字调用构造函数创建，或通过 class 关键字定义类并创建 类方法/静态方法：它是定义在类或构造函数本身上的方法，通过类或构造函数调用，不能通过实例调用 1.通过构造器创建实例创建静态方法 函数通过关键字 function 定义。函数同样可以
阅读全文
摘要：首先，滚动加载和虚拟滚动都是为了解决数据量大的渲染性能问题，但是也有区别，滚动加载并没有从根本上解决问题，只是滚动到可视区域底部动态加载，二虚拟滚动是永远只渲染固定数量（通常是可视区域内）的所以可以从根本上解决这种性能问题。 如果只想了解滚动加载只看第一部分即可。 这两种技术网上都有现成的插件，安装
阅读全文
摘要：首先要明确变量的初始化就是给变量赋一个初值 前言： 1.let 和 const 是es6 新出来的语法 2.由此可见，let 和var声明的变量值可以修改，而const不可以修改 3.由此可见，const声明的常量必须初始化，否则会报错（翻译过来就是：常量声明中缺少初始值设定项）。如果你要声明一个常
阅读全文
摘要：一.什么是ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指⼀种创建交互式⽹⻚应⽤的⽹⻚开发技术。2005年被提出 Ajax 是⼀种⽤于创建快速动态⽹⻚的技术。 Ajax 是⼀种在⽆需重新加载整个⽹⻚的情况下，能够
阅读全文
摘要：https://segmentfault.com/a/1190000018605776
阅读全文
摘要：前言： 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。 第一次进入某个网站的时候会比较慢，因为本地没有缓存，全部需要去麻烦服务器。再次访问这个网站的时候，大部分静态文件浏览器已经缓存起来了，
阅读全文
摘要：1.为什么需要处理？ 在进行窗口的resize、scroll、输出框内容校验等操纵的时候，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常之差。 那么为了前端性能的优化也为了用户更好的体验，就可以采用防抖（debounce）和节流（throttle）的方式来到达这种效果，减少调
阅读全文
摘要：数据类型共有8中 （1）基本数据类型：String、Number、Boolean、Null、Undefined、Symbol(ES6)、BigInt （2）引用数据类型：Object【Object是个大类，function函数、array数组、date日期...等都归属于Object】 由于js中拥
阅读全文
摘要：1.HTML DOM removeAttribute() 方法 这是可以删除指定的属性，如需移除若干个属性，请使用空格分隔属性名称。例如：style,readonly等。 实例： let cc = document.getElementsByTagName("Input"); //此时使用的是寻找标
阅读全文
摘要：前言 EMCAScript规定在调用函数时，可传入任意数量，任意类型的参数，可以不跟函数定义时传入的形参数量相对应。为什么会这样呢？ 原因就是 EMACAScript中的参数在内部是用一个数组来表示的，函数接收的始终是这个数组，而不关心包含哪些参数。而且，在函数体内也可以通过arguments这个对
阅读全文
摘要：概念： 执行上下文：指当前执行环境中的变量、函数声明，参数（arguments），作用域链，this等信息。分为全局执行上下文、函数执行上下文，其区别在于全局执行上下文只有一个，函数执行上下文在每次调用函数时候会创建一个新的函数执行上下文。 为什么包含这三个东西呢？首先我们要明白，什么叫做执行上下文
阅读全文
摘要：一.鼠标事件获取的位置信息 来源：一般是鼠标事件如click、dbclick、mousemove、mouseover等获取的位置信息。 事件对象可作为参数掺入事件处理函数中，事件对象中包含了许多有用的属性，例如： clientX 和 clientY：鼠标相对于浏览器视口的位置。 pageX 和 pa
阅读全文
摘要：所有对象都具有toLocaleString()，toString()和valueOf()方法。 其中，调用数组的toString()方法会返回由数组中每个值的字符串形式拼接而成的一个以逗号分隔的字符串， valueOf()返回的还是数组（valueOf() 方法返回 Array 对象的原始值。通常由
阅读全文
摘要：引言：this的理解 this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 call 、bind 、 apply 这三个函数的第
阅读全文
摘要：定义：作用域就是限制某个变量只能在某个区域内有效。全局变量拥有全局作用域，而局部变量拥有局部作用域。 在js中，作用域一共分为三类：全局作用域、局部（函数）作用域、块级作用域。 3.块级作用域 块级作用域是ES6新推出的概念，用let和const关键字声明变量。所有{}都会形成独立的块级作用域，例如
阅读全文
