javascript
文章平均质量分 78
舒畅娜拉
这个作者很懒,什么都没留下…
展开
-
浏览器中JS的执行机制
变量提升 先看段代码,你觉得下面这段代码输出的结果是什么? showName() console.log(myname) var myname = '张三' function showName() { console.log('函数 showName 被执行'); } 使用过 JavaScript 开发的程序员应该都知道,JavaScript 是按顺序执行的。若按照这个逻辑来理解的话,那么: 当执行到第 1 行的时候,由于函数 showName 还没有定义,所以执行应该会报错; 同样执行第 2原创 2021-09-23 17:23:06 · 243 阅读 · 0 评论 -
webpack 分享
webpack5.0 简介:webpack是一个基于node.js的模块打包工具 安装/卸载 初始化目录(创建一个node的包文件) npm init //npm init -y 直接跳过询问 全局安装 cnpm install webpack webpack-cli -g 查看是否安装成功 webpack -v 局部安装 cnpm install webpack webpack-cli --save-dev 查看是否安装成功 npx webpack -v 或者 ./node_modules/原创 2021-06-22 10:31:13 · 174 阅读 · 0 评论 -
This 指向问题
this指向问题 事件调用 谁触发事件,this指向谁 let content = document.getElementById('content'); let content1 = document.getElementById('content1'); let move = function(){ console.log(this) } content.onclick = move content1.onclick = move 全局环境 浏览器 :window原创 2021-02-21 00:49:00 · 67 阅读 · 0 评论 -
防抖和节流
一、前言 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 window对象的resize、scroll事件 拖拽时的mousemove事件 射击游戏中的mousedown、keydown事件 文字输入、自动完成的keyup事件 实际上对于window的resize事件,实际需求大多为停止改变大小n毫秒后执行后续处理;而其他事件大多的需求是以一定的频率执行后续处理。针对这两种需求就出现了debounce和throttle两种解决办法.原创 2021-02-23 23:09:21 · 112 阅读 · 1 评论