js

Grid 拖拽布局实现

最近有个需求需要实现自定义首页布局,需要将屏幕按照 6 列 4 行进行等分成多个格子,然后将组件可拖拽对应格子进行渲染展示。 示例 对比一些已有的插件,发现想要实现产品的交互效果,没有现成可用的。本身功能并不是太过复杂,于是决定自己基于 vue 手撸一个简易的 Grid 拖拽布局。 完整源码在此,在 ... »

自学 --day9---js中的数学操作和时间日期

typora-copy-images-to: media 一、数学处理 1、Math常用API 圆周率 Math.PI // 3.1415926535 生成随机数 Math.random() 生成的是0~1之间的随机小数,通常在实际项目中需要获取到一个范围内的随机整数,利用这个随机小数封装一个获取范 ... »

sml-ylz

图文剖析 big.js 四则运算源码

big.js,一个小型、快速的用于任意精度的十进制算术的JavaScript 库。 big.js 用于解决平常项目中进行算术运算时精度丢失引起的结果不准确的问题。和 big.js 类似的两个库 bignumber.js 和 decimal.js 也都是出自同一作者(MikeMcl)之手。 作者在 这 ... »

zsxblog

day2-JS基础&流程控制

typora-root-url: img 自增自减运算符 1、基本使用 内置提供 ++、--运算符 是用于将变量本身进行加1或者减1操作 // 1、基本使用 var i = 10; i++;//等价于语句 i+=1 console.log(i);//11 var m = 10; m--; conso ... »

sml-ylz

Node.js精进(12)——ElasticSearch

ElasticSearch(简称 ES)是一款基于 Lucene 的分布式、可扩展、RESTful 风格的全文检索和数据分析引擎,擅长实时处理 PB 级别的数据。 一、基本概念 1)Lucene Lucene 是一款开源免费、成熟权威、高性能的全文检索库,是 ES 实现全文检索的核心基础,而检索的关 ... »

offscreenCanvas+worker+IndexedDB实现无感大量图片缓存

一个有必要实现的需求 因为项目中需要使用canvasTexture(一个threejs3d引擎中的材质类型),绘制大量的图片,每次使用都会请求大量的oss图片资源,虽然重复请求会有磁盘缓存但毕竟这个磁盘缓存时效过短, 这里需要了解一下知识才能正常阅读。 Transferable objects ht ... »

zhaowendao233 js

js内置对象

Js 标准内置对象 Object Object 是 JavaScript 的一种数据类型。它用于存储各种键值集合和更复杂的实体。可以通过 Object() 构造函数或者使用对象字面量的方式创建对象。 Object.assign() Object.assign() 静态方法将一个或者多个源对象中所有可 ... »

JS逆向实战26——某店ua模拟登陆

声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! 目标 目标网站 aHR0cHM6Ly9kLndlaWRpYW4uY29tL3dlaWRpYW4tcGMvbG9naW4= 目标 ... »

使用js写一个音乐音谱图

我们经常看到在听乐音的时候,会有音谱图随着音乐的节奏不断变化给人视觉上的享受,那么我们通过js来实现以下这个效果,下面是简单的效果图 首先我们需要有一个绘制音频的函数 function draw() { // 请求下一帧动画 animationId = requestAnimationFrame(d ... »

JS判断点是否在线段上

本文利用向量的点积和叉积来判断点是否在线段上。 基础知识补充 从零开始的高中数学——向量、向量的点积、带你一次搞懂点积(内积)、叉积(外积)、Unity游戏开发——向量运算(点乘和叉乘 说明 点积可以用来判断两个向量的夹角,如果这个夹角是0或者180度,说明这个点在直线上; 叉积可以用来判断一个点到 ... »

weizwz js

推荐一个Node.js多版本管理的可视化工具

关于Node.js的开发者来说,在开发机器上管理多个不同版本的Node.js是一个常见痛点。之前在开发者安全大全专栏中,提到过解决方法:使用nvm,如果对于nvm还不了解的话,可以前往了解。 对于TJ来说,因为习惯敲命令了,所以nvm其实已经够用了。但是,有的小伙伴还是更喜欢可视化的管理工具。所以, ... »

didispace

原生JS实现视频截图

本文介绍使用canvas的drawImage进行视频截图,并用toDataURL和toBlob转化为图片地址的方法,且重点介绍了将bold信息转化为图片地址的方法。 ... »

从DPlayer说起,有哪些开源的H5播放器

引言 ​ H5指的是HTML5,也就是介绍网页播放器(只是列出而已)。首先我不是什么大佬,并没有完全体验过以下我会介绍的全部播放器;其次,因为我水平比较低,主要介绍拥有中文文档的播放器,不了解开发的朋友当成科普看看就行,平常用不到,了解的可以补充一下还有哪些,毕竟我收集的肯定不全,最好能补充中文文档 ... »

oldsaltfish

【原型链污染】Python与Js

【原型链污染】Python与Js 一、背景 最近在TSCTF的比赛题中遇到了Python的原型链污染题目,所以借此机会学习一下。说到原型链,最多的还是在Js中,所以就一并学习一下。(因为是菜鸡所以文章可能的存在一些错误,欢迎批评指正)。 二、JS原型链简介 原型是Js代码中对象的继承方式。其实和别的 ... »

capz

Node.js如何处理多个请求?

Node.js如何处理多个请求? 前言 在计算机科学领域,关于并发和并行的概念经常被提及。然而,这两个术语常常被混为一谈,导致很多人对它们的理解存在着很多混淆。本文小编将通过对并发和并行的深入解析,帮助读者更好地理解它们之间的不同特点和应用场景。同时,文章还将介绍Node.js如何高效地处理多个请求 ... »

powertoolsteam

极致性能优化:前端SSR渲染利器Qwik.js

引言 前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互,而前端框架的选择对于实现这些目标至关重要。然而,传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。 在这个充满挑战的背景下,我们引入了 Qwik.js 框架。Qwik.js 不仅是一个前端框架,更是一种前端 ... »

jingdongkeji

QQ空间自动点赞js脚本

QQ空间自动点赞评论脚本 F12 控制台 对于主页用以下代码 var x=5,y=10; function autoClick() { y=y+10+Math.floor(Math.random()*10); var zan = document.getElementsByClassName('it ... »

hfjh

【闭包应用】JS:防抖、节流

1、防抖:当进行连续操作时,只执行最后一次的操作。 //防抖的概念是 当进行连续操作时,只执行最后一次的操作。 function debounce(fn, delayTime) { let timeout = null; return function () { if (timeout) { cle ... »

liuyuanfang