幻灯片 幻灯impress js
使用ChatGPT和Next.js构建一个开源项目
小介绍，我以前从未编码过，这对我来说看起来非常难，2 个月前我决定为什么不现在。🤷♀️ 我的朋友建议我从开源项目开始，还帮助我完成了最初的简单设置步骤。 我几乎在每一步都使用了 ChatGpt，从弄清楚如何设置、安装、将 API 连接到代码的含义，如何重写函数或更改大小。 现在我要详细介绍一下我 ......
babylon.js 学习笔记(10)
今天来学习下车床(lathe)建型及粒子系统，babylon.js有一个很强大的函数CreateLathe，可以将一段路径经过旋转后，形成1个shape，这么说有点抽象，比如下面这张图： 其中的关键点坐标为： const fountainProfile = [ new BABYLON.Vector3 ......
使用 Vue.js 的 CDN（内容分发网络）来添加 Vue.js
在您的 HTML 文件中添加 script 标签，并指定 Vue.js 的 CDN 地址。通常可以通过在 <head> 标签或 <body> 标签的底部添加该标签来加载 Vue.js。 下面是一个常用的 Vue.js CDN 地址： <script src="https://cdn.jsdelivr ......
记录--封装一个通过js调用的全局vue组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在使用vue项目编写的时候，不可避免的会碰到需要时js api来调用组件进行显示的情况 例如饿了么element ui 的 Notification 通知、Message 消息提示等组件 虽然已经提供了，但是由于api的限制，我们只 ......
vue3+vite+web3.js报错ReferenceError: process is not defined
在vite最新版本中使用web3会报错只需要在vite.config.ts添加如下代码即可解决报错 import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@ ......
js拦截XMLHttpRequest
需要做一个扩展，拦截XMLHttpRequest，修改response里面部分值，查阅资料后一般是通过下面方法拦截 ``` let oldOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function(me ......
js实现canvas保存图片为png格式并下载到本地
function exportCanvasAsPNG(id, fileName) { var canvasElement = document.getElementById(id); var MIME_TYPE = "image/png"; var imgURL = canvasElement.to ......
js中循环判断找到满足条件的单项后结束循环
关于跳出循环的详细介绍可以看这篇：https://blog.csdn.net/Code_King006/article/details/130565506 说下自己的业务场景：判断数组中是否有满足条件的套餐，如果有就接着判断下一个条件不再查询后续数组（也就是需要终止当前循环），否则返回false原本 ......
js的new做了什么
new对象底层发生了什么 ```javascript function Person(phone, age) { this.age = age; this.phone = phone; this.showone = function () {}; } Person.prototype.docall ......
关于js单线程的问题
## 为什么说 js 是单线程？ 为了搞清楚这个问题，我们需要先了解这几个问题： > 1. 什么是线程？什么是进程？他们之间的关系？ > 2. 什么是任务队列( Event Queue )，任务分类（宏任务、微任务）？ > 3. 什么是事件循环？ > 4. 为什么说 js 是单线程？ > 5. 为什 ......
tween.js简单案例
‘ init(); animate(); function init() { var output = document.createElement( 'div' ); output.style.cssText = 'position: absolute; left: 50px; top: 300p ......
Fabric.js 选中元素不置顶（防止显示到顶层挡住其它元素）
初始化画布的时候把preserveObjectStacking的属性改成true，默认是false this.canvas = new fabric.Canvas('mycanvas',{ preserveObjectStacking: true }); 其它 【Fabric.js 元素被遮挡的部分 ......
js的sessionStorage和localStorage使用
localStorage生命周期是永久，除非用户主动清除localStorage信息，否则这些信息将永远存在。 sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页关闭，那么当前窗口或标签页通过sessionStorage存储的数据也就被清空了。 不同浏览器无法共享localSt ......
包含js代码的dom元素从页面上消失后发生了什么
最近遇到了一个问题：有一个数据看板的页面运行了n天后突然页面崩溃了，爆出了out of memory的错误。页面不复杂，几个图表定时更新数据，实在没明白为什么长时间运行后会out of memory。 在每次请求后使用 console.log(window.performance.memory); ......
react性能优化篇之umi.js打包去掉console和开启gzip压缩
react性能优化篇之umi.js打包去掉console和开启gzip压缩 工边页字 2022年05月31日 17:33 · 阅读 1162 本人已参与「新人创作礼」活动，一起开启掘金创作之路。 前言 本次打包针对react --version 17.0.2 和 umi --verison 3.5 ......
web worker进程和线程的区别，Chrome 中有哪些常⻅进程，如果我有⼀个耗时很⻓的同步计算任务，如何让 JS 代码达到多线程并发执⾏的效果
进程（Process）和线程（Thread）都是操作系统中用于多任务处理的概念。简单地说，一个进程就是一个程序的执行空间，而一个线程则是在执行空间内独立运行的执行路径。 区别： 1. 进程是系统分配资源的最小单位，线程是操作系统调度的最小单位。 2. 各个进程之间是独立的，各个线程之间共享一些资源。 ......
javascript，js，node.js等之间的区别
javascrip简称为js，是一门语言。 node.js是一个平台。 https://blog.csdn.net/liuxiaoniudechuntian/article/details/109830258 ......
直播app开发，JS 获取当天、上周、本周，下周开始时间
直播app开发，JS 获取当天、上周、本周，下周开始时间 <script> // 注释：Date.parse() // 转化时间戳 // 时间 var now = new Date(); // 当前日期 var nowDayOfWeek = now.getDay(); // 今天本周的第几天 var ......
js保留小数位数（进位舍去）问题
toFixed(x) 这个方法在使用时，它内部对于进位舍去并没有使用四舍五入方法，而是使用的是银行家舍去法，即： 舍去位的数值小于5时，直接舍去 舍去位的数值大于等于6时，进位舍去 当舍去位的数值等于5时，分为两种情况：5后面还有其他数字（非0），则进位后舍去；若5后面是0，则根据5前一位数的奇偶性 ......
Qt+QtWebApp开发笔记（六）：http服务器html实现静态相对路径调用第三方js文件
前言 前面做了一些交互，网页是直接通过html对response进行返回的，这里QtWebApp与传统的web服务器不同，传统的web服务器可以调用同级目录相对路径或者绝对路径下的js，而QtWebApp的httpserver是response返回当前页面的问题，默认是无法调用的。 为了解决调用一些 ......
Node.js 开发常用到的库和插件工具，同事看到后也悄悄收藏了……
Node.js是一个功能强大，并且非常流行的 JavaScript 运行时环境，使开发人员能够高效率的构建高性能应用程序。下面介绍了8个常见的应用程序开发中用到的库和函数，可以用于缓存数据、操作日期、处理图像、发送电子邮件、发出 HTTP 请求、记录请求和响应、压缩数据和哈希密码等。通过使用这些库， ......
js保留小数的方法（如保留一位小数）
js保留小数的方法如下：（以保留两位为例） 1、toFixed()方法 需注意，保留两位小数，将数值类型的数据改变成了字符串类型 // 1. 四舍五入var num = 1.7321;num = num.toFixed(2);console.log(num); //1.73console.log(t ......
js日期格式补0 ，获取当前时间，判断，补0，进行字符串拼接
js日期格式补0，获取当前时间，判断，补0，进行字符串拼接 https://blog.csdn.net/m0_56272227/article/details/127803556 背景：一般情况下需要对日期做补0操作 方法一： getTime(){ const time = new Date() c ......
js正则格式化日期时间自动补0的两种解法 将2022-3-4这种日期格式转化为2022-03-04
js正则格式化日期时间自动补0的两种解法 将2022-3-4这种日期格式转化为2022-03-04 https://www.jb51.net/article/225324.htm +目录背景 解法一 思路：代码：解法二 思路：总结 参考 背景 时间日期格式化的需求很常见，也有很多工具类转换方法，比如 ......
js 将对象转成url参数，url参数转成对象
/** * 获取url的参数，并转成对象 */ function getUrlParamJson() { var url = window.location.href; if (url.indexOf("?") == -1) { return {}; } var obj = {}; url = ur ......
svn: E155015: Commit failed (details follow): svn: E155015: Aborting commit: 'modules/user.js' remains in conflict
这个意思是冲突了，签出来的时候，会有几个文件。 user.mine.js user.r389.js user.js ... 代表了几个版本 然后合并以后，发现签不上去。 % svn resolved user.js “user.js”的冲突状态已解决 这样再签就可以了。 参考：https://www ......
js~在浏览器中对用户名和密码进行存储
# base64函数 `btoa()` 和 `atob()` 是 JavaScript 中的标准函数，通常在现代浏览器中都能正常工作。然而，它们在处理非 ASCII 字符时可能存在一些兼容性问题。 这些函数的主要限制在于它们仅支持 ASCII 字符集，对于非 ASCII 字符（如 Unicode 字 ......
js的NaN深入了解
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript</title> <style> </style> </head> <body> <script> // 下面的字符串转换成NaN结果，但是 ......
Three.js教程：平行光与环境光
推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 平行光与环境光 本节课通过平行光DirectionalLight (opens new window)和环境光AmbientLight (opens new window)进一步了解光照对应模型Mesh表面的影响。 点 ......