JavaScript - 网站分类

Nodejs（含js模块化+npm+express）

1. 简介 1.1 运行环境浏览器是 js 的前端运行环境 Node.js 是 js 的后端运行环境 Node.js 中无法调用 DOM 和 BOM 等浏览器内置 API 1.2 Node.js 可以做什么基于 Express 框架可以快速构建 Web 应用基于 Electron 框架可以快速 ...

Promise/A+ 规范 - 中文版本

Promises/A+ 这是一个开放标准，旨在让不同开发者实现的 JavaScript Promise 能够无缝衔接并应用——由前辈们制定，为其他后来者提供参考一个 promise 所表示的是异步操作的结果。与 promise 交互的主要方式是通过它的 then 方法，该方法会注册所传入的回调函数 ...

构建模块化 CLI：Lerna + Commander 打造灵活的基础脚手架

在现代软件开发中，创建定制化的命令行工具(CLI) 已成为满足公司业务需求的关键一环。这类工具可以辅助执行诸如代码检查、项目初始化等任务。为了提高开发效率并简化维护过程，我们将功能模块化，并通过多个子包来组织这些功能。本文将介绍如何使用 Lerna 来管理一个多包项目，并基于 Commander ...

ThreeJs-07操控物体实现家具编辑器

本章节实现效果，通过gui快速添加场景，家具，并且可以快速设置家具实现一个编辑器效果一.基础设置与物体添加列表用之前做过的一个案例来改首先不要这个模型，然后换个背景颜色，并且添加一个网格辅助器 1.1 添加场景先往事件对象里面添加一个函数，到时候点击就会调用这个函数，而这个函数就是往场景加这 ...

JavaScript是按顺序执行的吗？聊聊JavaScript中的变量提升

作为一位前端开发者，我们经常会听到这么一句话：“JavaScript的执行是按照顺序自上而下依次执行的。”这句话说的并没有错。但是它似乎又好像不完全对。我们先来看以下这段代码。你觉得结果会输出什么？ 1 showName() 2 console.log(myName) 3 4 var myName ...

ThreeJs-06详解灯光与阴影

一.gsap动画库 1.1 基本使用和原理首先直接npm安装然后导入比如让一个物体，x轴时间为5s 旋转同理动画的速度曲线，可以在官网的文档找到 1.2 控制动画属性与方法当然这里面也有一些方法，动画完成，动画开始等一些属性也可实现停止动画随时，给到一个变量双击暂停以及恢复二.灯光与 ...

Clipboard.js：一个被157317个项目疯抢的JS开源库

Clipboard（剪贴板）是一种临时存储和传输数据的工具。用户可以通过复制（Ctrl+C）将文本、图片等信息保存至剪贴板，随后通过粘贴（Ctrl+V）操作将内容插入至其他应用程序。本文将介绍剪贴板的基本功能、使用方法以及在提高工作效率中的作用。了解剪贴板，提升您的办公效率。 ...

qiankun 的 JS 沙箱隔离机制

Qiankun 目前提供三种 JS 隔离机制：SnapshotSandbox（快照沙箱）、LegacySandbox（单应用代理沙箱）和 ProxySandbox（多应用代理沙箱） ...

获取剪切板的图片 -> File -> Base64 -> Blob -> url -> Image，以及它们之间的各种相互转换

‍ 写在开头点赞 + 收藏学会一、获取剪切板的图片（拿到 File 对象） js粘贴事件paste简单解析及遇到的坑 - 云+社区 - 腾讯云 (tencent.com) document.addEventListener('paste', function(event) ...

qiankun 的 CSS 沙箱隔离机制

Qiankun 提供了三种 CSS 隔离机制：动态样式隔离、影子DOM 沙箱和作用域沙箱，以实现主应用和子应用之间的样式隔离...... ...

JS 预编译代码实例分析

了解 JavaScript 引擎在执行代码过程中所做的一些行为是非常必要的，这有助于我们在遇到莫名其妙的调用时，能够大致定位问题所在。在我学习了预编译的相关知识，并基于该文章，引用其中的一段代码，结合“变量提升”、“函数提升”的小示例，对其进行详细的分析，算是留作一份笔记巩固记忆、加深理解。代码 ...

ThreeJs-04详解材质与纹理

一.matcap材质这个材质不会受到光照影响，但是如果图片本身有光就可以一直渲染这个图片本来的样子，用来将一个图片纹理渲染到物体上的材质代码实现加载模型后，开启纹理渲染，并把它的材质变为这个材质，并且贴上纹理图二.Lambert材质 Lambert网格材质是Three.js中最基本和常用的材 ...

ThreeJs-03材质进阶

一.uv贴图在3D计算机图形学中，UV映射是一种将2D纹理映射到3D模型表面的方法。在这里，“U”和“V”代表了2D纹理空间的坐标，这与2D笛卡尔坐标系统中的“X”和“Y”是类似的。在3D模型的每个顶点上，都会有一组对应的UV坐标，它们定义了3D模型在这个顶点上的表面应当对应纹理图像的哪个部分。 ...

ThreeJs-02Threejs开发入门与调试

这两天没有上传笔记，在解决图床的问题，主打一个白嫖，所以要费点心思，先是用了gitee的图床好不容易配好后发现居然加了防盗链，后面又转了github的咱目前来说github也是最稳定且免费的，但是有个问题，这玩意得用梯子才能看到，作为国内的博客谁随时挂个梯子上来，所以最后还是用了收点费不是很多，但能 ...

命令行应用开发初学者指南：脚手架篇、UI 库和交互工具

在日常的前端开发工作中，我们经常依赖各种命令行工具来提高效率和代码质量。例如，create-react-app 和 eslint 等工具不仅简化了项目的初始化过程，还能自动执行代码检查和格式化任务。当我们使用这些工具时，它们通常会通过一系列互动式的问答来收集必要的信息，从而根据我们的选择进行相应的配 ...

Threejs的三维坐标系

title: 05-三维坐标系在三维空间中，所有的物体和相机都需要基于一个统一的坐标系来进行定位和操作。理解坐标系的基本概念，对于创建稳定、准确的三维效果至关重要。基础 Three.js 采用的是右手坐标系，这意味着如果你将右手的三个手指伸直，分别指向 X、Y 和 Z 轴的方向，你的拇指指向的方 ...

pnpm 是如何颠覆 npm 和 yarn 的？

今天研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击。我们从包管理工具的发展历史，一起看下到底好在哪里？ ...

Driver.js：轻量级用户引导插件，小而美的界面，让用户体验飞起来！

Driver.js是一个轻量级、易用的JavaScript库，专为网站用户引导而设计。它通过在页面元素上添加交互式箭头和说明，帮助用户快速了解网站功能。使用Driver.js，开发者能够轻松创建引导流程，提升用户体验。 ...

vxe-table 秒级渲染万级数据、极致流畅横向虚拟滚动与纵向虚拟滚动+自适应动态行高

官网：https://vxetable.cn/ 以前老版本不支持虚拟滚动动态行高，vxe-table 新版本发布后，已经可以支持虚拟滚动和动态行高了。如果需要同等行高，只需加上 show-overflow 就可以了，同等行高的渲染性能是最优的，动态行高支持的最大数量低非常多。建议非必要的场景应该使 ...

js+jquery实现贪吃蛇经典小游戏

项目只使用到了html,css,js,jquery技术点，没有使用游戏框架，下载本地直接双击index.html 运行即可体验游戏效果。项目展示进入游戏游戏开始游戏暂停 html文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...