排序
面试官:“只会这一种懒加载实现思路?回去等通知吧”
思路一:监听滚动事件 监听滚动事件指的是:通过监听页面的滚动事件,判断需要懒加载的元素是否进入可视区域。当元素进入可视区域时,动态加载对应的资源。这种方式需要手动编写监听滚动事件的...
消息队列和eventloop:页面是怎么“活”起来的
前面的总结: 每个渲染进程都有一个主线程,处理 DOM、计算样式、处理布局,还要处理同步/异步 JS 任务和各种输入事件。要让这些不同类型的任务在主线程中有条不紊地执行,需要一个统筹调度系统...
我在前端修马路——three.js
这是three.js系列的第三篇文章。本文的内容包含基础场景的创建、模型加载、模型动画播放、碰撞检测等。 这里是预览地址 一、基础环境的搭建 这个部分主要内容是说明基础环境的搭建,初始化项目...
浅谈js的EventLoop
JavaScript的单线程语言 单线程和多线程最简单的区别: 单线程同一个时间只能做一件事,而多线程同一个能做多件事. 而JavaScript之所以设计为单线程语言,主要是因为它作为浏览器脚本语言,主要的...
深入探讨 JavaScript 中的继承:实现继承的五种经典方式(附图解)
前言 在 JavaScript 中,实现继承的几种常见方式包括: 原型链继承: 此种方式也有两种方式 1.1 共享同一个父类实例 1.2 绕过父类实例,共享同一个类型原型 构造函数继承(借用构造函数) 组合继...
前端创意探索:速览「50projects50days」项目精华 – 第三部分(11-15 天)
前言 主打:快速获取完善开发思想。 您是否在众多文章中看到过「50projects50days」项目的详细描述?垂涎三尺了?没有时间?如果您时间有限,或者只想快速领略其中的亮点,那么您来对地方了。 5...
前端开发小技巧 – 【JavaScript】 – for in 与 for of 之间的区别 以及 for of循环获取index(索引)
前言 for in 在实际的使用中应该是很少看到它的身影,即使对象的遍历也很多少使用它; for of 循环使用起来很是方便,要比 forEach 好用很多; 但是在使用 for of 的时候,无法获得 数组 / 字符...
认识package,你必须知道的Dependencies和peerDependencies的关系,应该用哪个?
在此之前我们需要知道,什么是依赖项? 依赖项是一个 npm 包,我们的包依赖于它才能运行。通常作为依赖项添加的一些流行包是 lodash、axios 和 moment。 场景 假设你正在创建一个 Vue 库,甚至...
从零实现的Chrome扩展
从零实现的Chrome扩展 Chrome扩展是一种可以在Chrome浏览器中添加新功能和修改浏览器行为的软件程序,例如我们常用的TamperMonkey、Proxy SwitchyOmega、AdGuard等等,这些拓展都是可以通过WebE...
一、JavaScript基础
一、JavaScript基础 1、基本数据类型介绍 所有的编程语言都有数据类型的概念。 在JavaScript中,数据类型可以分为==基本数据类型==和==引用数据类型==。其中基本数据类型包括Undefined,Null,Boo...
vue3 虚拟table组件el-table-v2使用jsx渲染自定义组件
背景 最近一直在用 Element Plus 虚拟 Table 组件渲染自定义组件,在此记录一下 有关于 Element Plus 的虚拟 Table 组件的例子和各类属性事件等,请查看官网, 这里只说下注意事项 注意事项 在...
前端请求大比拼:Fetch、Axios、Ajax、XHR
当涉及前端网络请求时,有许多工具/技术可供选择,包括 Fetch、Axios、Ajax 和 XHR 等。这些技术在发送和处理HTTP请求方面提供了不同的功能和方法。本文将深入探讨这些技术的特点、优势和用法,...
重学JavaScript Promise API
原文链接:www.sitepoint.com/overview-ja… 在这篇教程中,我们将掌握如何在JavaScript中创建并使用Promise。我们将了解Promise链式调用、错误处理以及最近添加到语言中的一些Promise静态方法...
面试高频的事件循环
事件循环(Event Loop) JavaScript是一门单线程的语言,在同一时间只能做一件事,js里面的代码要按照顺序逐行执行代码?比如说我们浏览新闻想要获取新闻图片,如果网络卡顿,获取了很长时间,难道就...
Declare 关键字在 TypeScript 中如何正确使用?
如果您编写 TypeScript 代码的时间足够长,您就已经看到过declare关键字。但它有什么作用,为什么要使用它? declare关键字告诉 TypeScript 编译器存在一个对象并且可以在代码中使用。 本文解释...
JavaScript进阶知识汇总~
JavaScript 进阶 1.原型链入门 1) 构造函数 当我们自定义一个函数时(箭头函数与生成器函数除外),这个函数就默认为一个构造函数【虽然它可以当做普通函数来使用】。 约定: 构造函数通常约定首...
《JavaScript高级程序设计(第四版)》(更新中,更新到第3章…)
好像一直以来都没有从头到尾看过一本技术书籍,这次想试试,顺便记录一下阅读过程中的所见所思。。。 1.什么是 JavaScript JavaScript 是一门用来与网页交互的脚本语言,包含以下三个组成部分。...
NPM 发包那些事
前言 随着 npm 社区的发展,其发包规范与包的解析机制也在不断完善,最直观的体现就是package.json支持的字段增多,以及各种打包工具的特性支持变多,发包能力也在不断完善。 那么,在如今...
Three.js 进阶之旅:实现王国之泪神庙能量光环 ?
摘要 如封面图所示,本文将基于 Vue3 + Three.js + GLSL 的相关知识,实现游戏《塞尔达传说:王国之泪》中低配版神庙能量光环效果。通过本文的阅读和学习,你将学习到的知识点包括:在 Three.js...
每个前端开发者都应知道的14个实用网站
微信搜索 【大迁世界】, 我会第一时间和你分享前端行业趋势,学习途径等等。 本文 GitHub github.com/qq449245884… 已收录,有一线大厂面试完整考点、资料以及我的系列文章。 快来免费体验Chat...