【JavaScript】作用域、作用域链和闭包

1. 作用域 作用域是指可访问的变量和函数的集合。 作用域可分为全局作用域和局部作用域。 1.1 全局作用域 全局作用域是指最外层函数外面定义的变量和函数的集合。 换言之,这些最外层函数外面定义的变量和函数在任何地方都能访问。 举个例子: // 最外层定义变量 var a = 1; console. ...

蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快

蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法。如果你在使用 Vue3,那么本期内容会告诉你如何完成高性能的渲染函数;React 的开发者也可以在本期中找到 T ...

WEB前端第三十四课——js事件对象this、event

1.this对象 this 是在函数运行时,自动生成的一个用来“指代函数调用者”的对象 this只能在函数内部使用 2.event对象 当DOM Tree中某个事件被触发的时候,会同时自动产生一个用来描述事件所有相关信息(如触发事件的元素、事件类型等)的对象,这个对象就是event(事件对象) 获取 ...

JavaScript学习笔记:内置API

本文更新于2020-09-10。 说明:下文中,大写为自定义变量(个别大写的类型除外),根据实际情况填写。使用<>引起表示内容可选,|表示使用左侧或右侧内容,...表示重复之前内容。 本文只说明简要的使用,更详细的使用可参阅MDN文档:https://developer.mozilla.org/en ...

常用的js函数

JavaScript 数组反转: arr内元素[0,1,2] 反转后: [2,1,0] arr.reverse(); for循环 for (i = 0; i < arr.length; i++) { }; arr.forEach(function(value,index,array){ consol ...

前端项目内网怎么npm install以及安装node-sass

最近项目都要切到内网开发,最令人头疼的就是代码迁移和项目重启。前端项目都要npm install安装依赖,外网自然不必说,这里总结了几个内网项目重启的方法: 1.整个项目打压缩包拷进内网,简单粗暴 外网项目打压缩包时不要去掉node_modules文件夹。然后拷进内网,直接npm start走起。 ...

JavaScript预编译和暗示全局变量

1. 暗示全局变量 未声明的变量称为暗示全局变量。 var a = 1; //函数体外声明的变量称为全局变量 b = 2; // 无论函数体外或函数体内未声明的变量都称为暗示全局变量 function fn() { var c = 3; //函数体内声明的变量称为局部变量 d = 4; // 暗示全 ...

node.js(一)

1、随机产生33位数字: var arr=[]; for(var i=1;i<=33;i++){ arr.push(i); } 2、随机取6位数字; 存放位置:当循环完一次之后,将当前arr数组对应的索引删除,不会出现重复的元素 var newArr=[]; for(var i=0;i<6;i++) ...

IOS移动端滚动问题之-webkit-overflow-scrolling

-webkit-overflow-scrolling 1.概述 1.1 定义 属性控制元素在移动设备上是否使用滚动回弹效果 1.2 取值 auto:使用普通的滚动效果。当手指从设备的触摸屏上离开时,滚动会立即停止 touch:使用具有回弹效果的滚动。当手指从设备的触摸屏上离开时,滚动区域的内容会继续 ...

WEB前端第三十三课——js事件处理-键盘、触摸

1.键盘事件 键盘事件是指当用户操作键盘的时候会自动被触发的事件,通常分为以下三种 ① keydown,用户按下任意键都可以触发这个事件,如果按住不放,事件会被连续触发 ② keypress,用户按下任意键都可以触发这个事件,如果按住不放,事件会被连续触发 这里的任意键是指可显示的键,不包括功能键 ...

JavaScript数据类型

1. 前言 JavaScript区别于其他编程语言(如Java、C等),在定义变量时无需指定特定的数据类型(如数值、字符串等),使用var就能定义所有数据类型的变量,因为在程序运行期间,会自动判断变量的具体数据类型。 那么JavaScript在内部定义了哪些数据类型呢? 主要可分为基本类型和引用类型 ...

防抖节流的简单实现

在日常工作当中总会遇到一些时间连续触发(比如搜索查询,用户输入搜索过程中不断调用后端api查询数据、widow触发resize或滚动时间等),这个时候为了不浪费资源、优化性能我们常常采用防抖/节流的方法来处理 防抖定义:函数执行过一次后,在等待某时间段内不能再次执行,在等待时间内触发此函数,则重新计 ...

WEB前端第三十二课——js事件处理-文档、焦点

1.文档事件 主要是指添加给整个文档的事件,文档事件中,绝大部分不需要用户触发调用,而是通过文档的不同状态进行自动执行 主要事件: ① load / error,加载成功/失败事件 ② DOMContentLoaded,当DOM加载完成时触发事件 ③ beforeunload,页面(文档)发生卸载时 ...

函数中的this

1.this是什么? * 任何函数本质上都是通过某个对象来调用的,如果没有直接指定就是window * 所有函数内部都有一个变量this * 它的值是调用函数的当前对象 2.如何确定this的值? * test(): window * p.test(): p * new test(): 新创建的对象 ...

JS数据类型

两大类 1.基本(值)类型 *string: 任意的字符 *number: 任意的数字 *boolean: true/false *undefined: undefined *null: null 2.对象(引用)类型 *Object: 任意对象 *Function: 一种特别的对象(可以执行) * ...

WEB前端第三十一课——js事件处理-鼠标

1.事件基础 事件,是一种可以被js检测到的行为,本质是一种交互操作 事件的作用: ① 各个元素之间可以借助事件进行交互 ② 用户和页面之间也可以通过事件交互 ③ 后端和页面之间也可以通过事件交互 注意,事件通常与函数配合使用,事件发生时触发函数执行 2.事件传递 js中规定,事件不仅能和触发者交互 ...

html和js中对“空格”的使用

1.&nbsp; 转义字符的写法。 在html标签中使用。 可以写多个,每有一个则会渲染出一个空格,不会像按多个空格键一样,最终只显示一个。 <div>1 2</div> // 1 2 <div>1&nbsp; &nbsp;&nbsp;&nbsp;2</div> // 1 2 注意:&和结尾的;都不 ...

<1···192021···167>