JavaScript利用canvas实现鼠标跟随特效
目录 前言 创建canvas画布 定义鼠标 x / y 初始化canvas 画箭头 循环动画 鼠标事件 前言 canvas是一个很神奇的玩意儿，比如画表格、画海报图都要用canvas去做，前几天有用css去做一个鼠标跟随的恶魔之眼的动画效果，想着能不能用canvas也做一个鼠标跟随的效果呢 »
JavaScript移动端常用事件之touch触摸事件详解
目录 前言 1.触摸事件 2.触屏事件 3.TouchEvent触摸事件对象 4.拖动元素 总结 前言 移动端浏览器兼容性较好，不需要考虑JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。如触屏事件touch (也称触摸事件) ， Android和IOS都有 »
一文教会你如何在JavaScript中使用展开运算符
目录 前言 语法 功能以及参数 创建数组 创建对象 将 NodeList 转换为数组 从数组中删除重复项 扩展运算符与休息运算符 结论 总结 前言 在本教程中，您将了解在 JavaScript 中使用扩展运算符的不同方式，以及扩展运算符和剩余运算符之间的主要区别。 由三个点 ( ...) »
JavaScript面试Module Federation实现原理详解
目录 基本概念 1、什么是 Module Federation？ 2、Module Federation核心概念 3、使用案例 4、插件配置 工作原理 1、使用MF后在构建上有什么不同？ 2、如何加载远程模块？ 3、如何共享依赖？ 应用场景 1、代码共享 2、公共依赖 总结 基 »
如何在 JavaScript 中使用媒体查询
前言 说起媒体查询想必大家最先想到的都是CSS中@media，没错，这是我们最常用的媒体查询方法，主要用来为我们的网站做适配处理。 比如： h1 { font-size: 2rem; color: green; } @media (min-width: 600px) { h1 { »
JavaScript 中的一些奇怪问题
JavaScript 中的一些奇怪问题 JavaScript 中的一些奇怪问题 JavaScript 在开发过程中可能会出现很多奇怪的问题，以下是一些示例： 1、变量提升问题： 变量提升是 JavaScript 中一个常见的问题，特别是当没有充分理解变量作用域和声明提升时。以下是一个变量 »
JavaScript this绑定与this指向问题的解析
目录 一、this 绑定 怎么理解 this？ this 是如何绑定的？ this 绑定优先级 二、this 指向 判断准则 判断顺序 常见的指向问题 三、改变 this 指向 有四种方式 变量保存 this call bind apply call ，apply ，bind 三者的区 »
javascript如何读写本地sqlite数据库
目录 javascript读写本地sqlite数据库 javascript直接操作sqlite数据库demo 总结 javascript读写本地sqlite数据库 sqlite这种单文件数据库，类型简单功能强大效率也不错，非常适合单机软件开发。 把一个我以前写的JavaScrip »
深入浅出JavaScript中base64编码原理
目录 前言 base64 由来 base64 的编码原理 base64 编码对照表 base64 的编码转换规则 base64 优缺点 JavaScript 的 base64 转码方法 Web API 二进制与 base64 转换 base64 转二进制 base64 转成 Blob 前 »
这些 JavaScript 笔试题你能答对几道？
这些 JavaScript 笔试题你能答对几道？ 收藏 javascript-questions 这个仓库很久了，趁着周末来锻炼下自己的 JS 基础水平 因为逐渐也在承担一些面试工作，顺便摘录一些个人觉得比较适合面试的题目和方向 事件流（捕获、冒泡） 源链接 以下代码点击结 »
javascript与java有什么关系（区别与相似）
目录 什么是Java？ 如何开始用 Java 编写代码 用Java编写一个简单的代码 代码说明 什么是 JavaScript？ 如何开始使用 JavaScript 编写代码 如何编写你的第一个JavaScript 程序 代码说明 Java 和 JavaScript 之间的主要区别 Ja »
怎么快速高效创建JavaScript二维数组
本篇内容主要讲解“怎么快速高效创建JavaScript二维数组”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么快速高效创建JavaScript二维数组”吧! 引言 在 JavaScript 中，创建二维数组是一个常见的需求，尤其是在开发 Web 应用程 »
JavaScript手写防抖和节流函数代码详解
目录 1. 手写防抖debounce 2. 手写节流throttle 1. 手写防抖debounce 首先介绍一个防抖的应用场景。假如需要监听一个输入框在输入文字后触发的change事件，那么通过keyup事件，每次输入文字后都会触发change事件，频繁触发的情况会影响系统的性能。因此可 »
详解JavaScript是如何验证URL的
目录 前言 URL验证 如何执行URL验证 如何使用正则验证 安全使用JavaScript 前言 当开发者需要为不同目的以不同形式处理URL时，比如说浏览器历史导航，锚点目标，查询参数等等，我们经常会借助于JavaScript。然而，它的频繁使用促使攻击者利用其漏洞。这种被利用的风险是我们 »
JavaScript 如何验证 URL
前言 当开发者需要为不同目的以不同形式处理URL时，比如说浏览器历史导航，锚点目标，查询参数等等，我们经常会借助于JavaScript。然而，它的频繁使用促使攻击者利用其漏洞。这种被利用的风险是我们必须在我们的JavaScript应用程序中实现URL验证的原因。 URL验证检查URL是否遵循正确的U »
JavaScript中怎么实现SPA单页面
这篇“JavaScript中怎么实现SPA单页面”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“JavaScript中怎么实现SPA单页面”文章吧。 一、什么是SPA SPA（sing »
JavaScript中对于SPA单页面的理解
目录 一、什么是SPA 二、SPA和MPA的区别 单页应用与多页应用的区别 单页应用优缺点 三、实现一个SPA 四、如何给SPA做SEO 一、什么是SPA SPA（single-page application），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过 »
JavaScript 中的 apply、call、bind
在 JavaScript 中，apply、call、bind 是三个与函数调用相关的方法，它们都允许你在调用函数时手动设置函数的上下文（即 this 指向）。 1、apply 方法：apply 方法允许你调用一个函数，并且手动设置函数的上下文（即 this 指向）以及传递一个参数数组。其语法如下： ... »
JavaScript数据类型对函数式编程的影响示例解析
目录 前言 JavaScript中 的数据类型中的可变数据 原始类型（基本类型） 对象类型（引用类型） JavaScript 为何能会让纯函数变得不纯？ 如何解决可变数据的影响？ 数据拷贝 使用不可变数据方案 总结 前言 本篇文章是JavaScript 函数式编程 学习系列 »
【JavaScript】JS引擎中执行上下文如何顺序执行代码
首先我们知道JavaScript引擎包括一个调用栈和堆，调用栈是代码实际执行的地方，使用执行上下文(执行环境)来完成；堆是非结构化的内存池，存储了应用程序所需要的所有对象。 执行上下文是什么？ 执行上下文包括全局执行上下文和执行上下文。 全局执行上下文：代码编译完成后进入调用栈执行首先创建全局执行上 »