出品 | 前端充电宝（ID：FE-Charge) 随着 Web 技术的不断发展，JavaScript在3D图形处理方面的能力越来越强大。借助JavaScript 3D 库，我们可以轻松地在网页上实现各...
10个必知 JavaScript 3D 库，打造顶级三维炫酷效果！
阅读全文
React、Next、Vue…流行的9大前端js框架，知道几个？
市面上有很多不同的 JavaScript 框架，我们很难对它们一一进行关注。在本文中，我们将重点介绍最受欢迎的几种，并探讨开发人员喜欢或不喜欢它们的原因。 1.React React 是一个用于构建用...
Rollup——JavaScript 模块打包器
介绍 Rollup 是一个 JavaScript 模块打包器，用于将多个模块（如 ES6 模块）组合成一个或多个文件，以便在浏览器或 Node.js 环境中使用。与其他打包工具（如 Webpack 和...
怎么使用 JavaScript 来识别不同的浏览器？
在前端快速发展的今天， JavaScript 代码可以在不同的运行环境中执行。为了更好的适应各种运行环境，需要判断当前代码是在哪个运行环境中执行的，下面提供Vue是如何判断运行环境的： vue/src...
原生JavaScript+PHP多图上传实现功能代码
摘要 很多场景下需要选择多张图片上传，或者是批量上传以提高效率，多图上传的需求自然就比较多了，本文使用最简单的XMLHttpRequest异步上传图片。 界面 上传示例 代码 index.html &...
JavaScript语法：什么是表达式语句？
JavaScript语法：什么是表达式语句？ 表达式语句实际上就是一个表达式，它是由运算符连接变量或者直接量构成。 一般表达式语句要么是函数调用，要么是赋值，要么是自增，自减，否则表达式的计算结果没有...
javascript数据结构与算法：冒泡排序及其优化方式
基本概念 冒泡排序是一种基础的排序算法。其基本思想是通过不断地比较相邻元素并在必要时进行交换，将最大（或最小）的元素"冒"到序列的一端。 排序步骤 先来感受到冒泡排序的步骤吧 以数组 [5, 3, 8...
揭秘JavaScript类型转换(最全总结篇)
值类型转换 将值从一种类型转换为另一种类型通常称为类型转换，分为 隐式强制类型转换 和 显示强制类型转换。两者的区别在于是否可直观看出。 如下代码： var a = 42; var b = a + "...
JavaScript Web编程难点之一：原型链
本文作者为奇舞团前端开发工程师 概述 JavaScript 是 Web 的编程语言，简单易学，功能强大，但由于过于灵活设计理念，导致初学者经常一脸懵，本文要谈的是JavaScript中难点之一原型链。...
JavaScript优化：避免内存泄漏的垃圾收集机制
背景 JavaScript作为一种动态语言，在执行过程中使用内存来存储数据和变量。然而，疏忽或错误可能导致内存泄漏，进而造成物理内存溢出。为了解决这个问题，JavaScript具备了垃圾收集机制，通过...
前端面试基础题：javascript获取DOM元素、鼠标、键盘事件…
✨ 获取DOM元素 document.getElementsByTagName('tagName') document.getElementsByClassName('class') document...
前端面试基础题：JavaScript变量声明、装箱和拆箱…
✨ script标签defer和async <script>：如果遇到script标签，会阻塞HTML的解析，等到script下载执行完成之后再继续解析HTML。 <script d...
原生JavaScript实现Vue transition fade过渡动画效果
Vue有一个过渡动画，很多网页都在用，主要是体验还不错，所以很多使用Vue构建的页面如果考虑使用动画，基本就会使用这个fade动画，我现在使用原生的JavaScript来实现。 代码 代码如下： &l...
JavaScript中call、apply和bind方法的原理和使用场景
JavaScript中的call、apply和bind方法是用于改变函数执行上下文和预先设置参数的强大工具。它们在编写可维护和优雅的代码时起到了重要的作用。本文将介绍这些方法的原理和使用场景，并展示如...
JavaScript 中异步操作Promise: 从基础到实践的深入探究
JavaScript 中，异步操作是经常用到的操作，比如 Ajax 请求、读取文件等等。但是，由于单线程的限制以及 JS 的事件循环机制，这些异步操作可能会带来一些问题。比如，当有多个异步操作需要顺序...
ES、CommonJS、AMD三种 JavaScript模块化方案的区别与实现原理
前端技术的不断发展，大型 web 应用越来越复杂和庞大，为了使代码更加规范化、可读性更好、易于维护和重构，也为了支持模块化编程，各大浏览器和 Node.js 都提供了自己的 JavaScript 模块...
Javascript代码：数组去重
function unique(arr) { var arr1 = []; for (i = 0; i < arr.length; i++) { if (arr1.indexOf(arr[i])...
JavaScript将数组的值倒过来输出
AI配图魔改 let arr = [1, 2, 3, 4, 5]; let newarr = []; for (let i = arr.length - 1; i >= 0; i--) { ne...
JavaScript函数编写完成数组翻转
function sb(bn) { let cv = []; for (i = bn.length; i >= 0; i--) { cv[cv.length] = bn[i]; } return...
15个最好用的 JavaScript 压缩工具
JavaScript 代码压缩是指去除源代码里的所有不必要的字符，而不改变其功能的过程。这些不必要的字符通常包括空格字符，换行字符，注释以及块分隔符等用来增加可读性的代码，但并不需要它来执行。 在这篇...
JS代码：防止网页被Frame框架调用
先看看防止网页被Frame框架调用的JS代码： <script language="javascript"> if(window.self != window.top){ wind...
使用js对二维数组进行快速排序的写法实例
js数组的排序方法有很多，冒泡法，插入法等等，不过对于数组的排序来说，js提供了一个非常实用的函数sort()，可以对数组进行自动排序，不需要我们手写函数代码进行排序。然而，当我需要排序的数据是一些二...
javascript匀速、缓冲、弹性运动及模拟重力场实现代码
一、匀速运动 可以通过offsetLeft/top获取自身的实时位置，在自身的位置的基础上，通过定时器不断执行，每次在自身位置的基础上再加上一个恒定的速度值，即可形成一个简单的匀速运动。 functi...
javascript高级：Babel开始认识AST抽象语法树
AST抽象语法树想必大家都有听过这个概念，但是不是只停留在听过这个层面呢。其实它对于编程来讲是一个非常重要的概念，当然也包括前端，在很多地方都能看见AST抽象语法树的影子，其中不乏有vue、react...