胖蔡叨叨叨
你听我说

标签:javascript

[前端面试题] JS面试题(一)-胖蔡叨叨叨
JavaScript

[前端面试题] JS面试题(一)

胖蔡阅读(8)评论(0)赞(0)

一、谈谈你对回流和重绘的理解? 当元素添加或者删除可见的DOM元素,当元素的位置发生改变,元素的尺寸发生改变,内容改变和页面第一次渲染的时候页面会进行回流。 当改变元素的color、background、box-shadow、visibil...

JavaScript中如何控制this指向?-胖蔡叨叨叨
JavaScript

JavaScript中如何控制this指向?

胖蔡阅读(276)赞(0)

通常情况下,当我们执行一段代码的时候如执行一个函数,其指向的this指针都是当前运行的函数执行上下文,也可以理解为一个变量。当为了实现的需求,我们需要对某些运行的代码修改this指向,这时就可以使用JavaScript中提供的修改this指...

JavaScript中let、const和var的使用介绍-胖蔡叨叨叨
JavaScript

JavaScript中let、const和var的使用介绍

胖蔡阅读(335)赞(0)

var是JavaScript在ES6之前使用的变量定义关键字。通过var声明的变量,会挂载在当前定义的函数执行上下文。若在最外层定则变量就挂载在全局执行上下文,即window对象下。而const和let则是ES6中提出的定义变量或常量关键字...

JavaScript运行机制浅析-胖蔡叨叨叨
JavaScript

JavaScript运行机制浅析

胖蔡阅读(307)赞(0)

前端开发中JS属于一个重点知识点,了解JavaScript的运行机制更能有助于我们了解前端的开发逻辑和流程。本篇文章主要是通过了解进程和线程是什么、浏览器进程以及浏览器的渲染流程来了解整个JavaScript运行机制。

JavaScript 之宏任务与微任务-胖蔡叨叨叨
JavaScript

JavaScript 之宏任务与微任务

胖蔡阅读(402)赞(0)

JavaScript是单线程的,JavaScript将运行任务分为同步任务与异步任务,同步任务由JavaScript主线程依次执行,异步任务委托给宿主环境执行,对于已完成的异步任务对应的回调函数,会被加入任务队列中等待执行。然后任务队列依次...

Js中的Map和WeakMap的区别-胖蔡叨叨叨
JavaScript

Js中的Map和WeakMap的区别

胖蔡阅读(532)赞(2)

Map Map 中存储的是 key-value 形式的键值对, 其中的 key 和 value 可以是任何类型的, 即对象也可以作为 key . 这比用对象来模拟的方式就灵活了很多。 如果 Map 的键是一个简单类型的值(数字、字符串、布尔...

JavaScript

性能优化—Preload&Prefetch

胖蔡阅读(784)赞(0)

在preload和prefetch之前,我们一般根据编码需求通过link或者script标签引入页面渲染和交互所依赖的js和css等;然后这些资源由浏览器决定优先级进行加载、解析、渲染等。 然而,有些情况我们需要某些依赖在浏览器进入渲染的主...

JavaScript

jQuery从$开始

胖蔡阅读(730)赞(1)

jQuery requires a window with a document.jQuery版本3.6.0 使用jQuery的第一行代码总是从$(document).ready(function(){});或者$(function(){}...

jQuery 常见选择器分类及使用方法-胖蔡叨叨叨
JavaScript

jQuery 常见选择器分类及使用方法

胖蔡阅读(701)赞(0)

  Jquery库可以通过选择器来让我们实现元素的快速定位和对选中元素的DOM操作。现在我们认识到过于频繁的DOM操作会影响应用的性能,但对于VUE、REACT框架不显的时代,Jquery的出现可以说是前端的一大神器,极大的缩减了...

JavaScript

Gulp 通过gulp-preprocess实现简单的环境配置部署

胖蔡阅读(2534)赞(1)

通过Gulp可以对于前端代码进行一个代码的多页面构建,避免不必要的重复性工作,提高代码的可读性,为了实现通过参数控制不同环境的打包编译,我们引入了gulp-preprocess插件,该插件在gulp代码编译期间就实现了分环境配置的功能。 配...