效果 汽车three js
关于vue.js
一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给 ......
js实现html页面翻译
引入js库 <script src="https://res.zvo.cn/translate/translate.js"></script> 在页面最底部加入js代码 //translate.ignore.tag.push('span'); //翻译时追加上自己想指定忽略的tag标签，凡是在这里面 ......
JS:.split()
参考网址： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/split split() 方法接受一个模式，通过搜索模式将字符串分割成一个有序的子串列表，将这些子串放入一个数 ......
JS:.pop()
参考网址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/pop Array.prototype.pop() pop() 方法从数组中删除最后一个元素，并返回该元素的值。此方 ......
62.实现鼠标放在图片上自动放大效果
鼠标放在图片上自动放大，移开图片还原成原来大小 1 <template> 2 <div class="container"> 3 <img 4 class="image" 5 :class="{ zoomed: hovered }" 6 src="./path/to/your/image.jpg" ......
js内存空间问题
1 let a = { n: 1 }; 2 const b = a; 3 a.x = a = { n: 2 }; 4 console.log('a.x:', a.x); // undefined 5 console.log('b.x:', b.x); // {n:2} 在b=a时，堆栈中引用的是同一 ......
Web攻防--JS算法逆向--断点调试--反调试&&代码混淆绕过
# Web攻防--JS算法逆向--断点调试--反调试&&代码混淆绕过 ## JS算法逆向 在进行渗透测试过程中，在一些功能点进行参数注入或者枚举爆破等过程中，会出现参数进行加密的情况，但是我们输入参数并不是加密状态，即便测试点存在漏洞也不可能测试成功，这时候便需要将所提交参数进行加密后在进行注入，针 ......
记录--前端使用a链接下载内容增加loading效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 问题描述：最近工作中出现一个需求，纯前端下载 Excel 数据，并且有的下载内容很多，这时需要给下载增加一个 loading 效果。 代码如下： // utils.js const XLSX = require('xlsx') // 将一 ......
技术科普：汽车开放系统架构AUTOSAR
01.AUTOSAR简介 汽车是现代人类实现“千里江陵一日还”的交通工具，而计算机则是使人脱离繁杂重复脑力劳动的生产技术，两者的结合催生了汽车电子产业的蓬勃发展。 21世纪初，随着汽车电子应用需求的不断增多与硬件资源不断丰富，软件系统也随之变得日趋复杂。汽车电子的主要任务本应是实现新的功能，然而越 ......
js富文本处理函数
```javascript const formatRichText = (html) => { let newContent = html.replace(/]*>/gi, function(match, capture) { match = match.replace(/style="[^"]+ ......
数据可视化【原创】vue+arcgis+threejs 实现流光立体墙效果
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 效果图： 素材： 主要思路： 先用arcgis externalRenderers封装了一个ExternalRendererLayer，在里面把arcgis和threejs的context关联，然后再写个子类继承它，这部 ......
Js-sku商品规格【电商】
## 直接上代码片段 ``` const options = [{ title: "颜色", values: ["红色", "蓝色", "绿色"] }, { title: "尺寸", values: ["S", "M", "L"] }, { title: "材质", values: ["棉", "丝 ......
如何通过集群扩展 Node.js 应用程序
# 如何通过集群扩展 Node.js 应用程序 - [原文链接](https://www.digitalocean.com/community/tutorials/how-to-scale-node-js-applications-with-clustering#prerequisites) - [ ......
web杂记(8)-js(4)
[TOC] # indexof slice splice ```javascript a=[1,2,3,4,5,6]; b=[100,200,[11,22,33]]; console.log(a.indexOf(3)); console.log(b.indexOf(22)); console.log ......
详细讲解js实现电梯导航
点击当前元素高亮的实现；点击右侧按钮，滚动到对应区域；滑动到对应区域右侧按钮自动高亮；scroll 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航 ......
为何大多数人都从 D3.js 切换到了billboard.js？
为何大多数人都从 D3.js 切换到了billboard.js？ 首发2023-07-12 06:35·高级前端进阶 大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发，您的支持是我不断创作的动力。 今天给 ......
2023-08-31 js 笛卡尔积之商品规格组合
假设我们的商品规格数据为： let arr = [ { name: '材质', value: ['花岗岩','玄武岩'], }, { name: '体积', value: ['10克'], }, { name: '颜色', value: ['白色'], }, ]; 我们想要的最终数据： [['花岗岩 ......
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆
基于Cesium.js的【3D地球可视化】设计实例，个个炫酷到爆 2023-08-30 16:56·零玖UI设计 Cesium.js是一个强大的JavaScript库，用于创建高性能的3D地球可视化应用程序。它提供了许多功能和工具，使得设计出炫酷的3D地球可视化成为可能。下面是一些设计实例： ......
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果
一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果 原创2023-06-01 14:37·那些免费的砖 使用简单，但做出来的动画非常丝滑，也能实现很多专业的动画效果，推荐给大家。 关于 GSAP GSAP 的全名是 GreenSock Animation Platform，项目诞生非 ......
利用PDF.js在微信小程序里预览PDF文件
在微信小程序可以通过wx.downloadFile 和 wx.openDocument 两个api下载并打开pdf文件。这种方式主要有不少的缺点： 1、需要下载才可以查看，且每次打开都需要下载生成一个临时文件，如果PDF文件比较多的话，临时文件会越来越多，且如果PDF文件比较大的话，打开会比较慢。2 ......
2023-08-31 js 判断内容有值才运行 ==》if (!!str) {//内容有值则运行}
一般新手判断一个值是否不为null且不为undefined且不为空都会这样写 str != '' && str != undefined && str != null 或者 str !== '' && typeof(str) !== undefined && str !== null 其实有一种简洁 ......
探讨三维模型OBJ格式轻量化在三维展示效果上的重要性
三维工厂K3DMaker是一款三维模型浏览、分析、轻量化、顶层合并构建、几何校正、格式转换、调色裁切等功能专业处理软件。可以进行三维模型的网格简化、纹理压缩、层级优化等操作，从而实现三维模型轻量化。轻量化压缩比大，模型轻量化效率高，自动化处理能力高；采用多种算法对三维模型进行几何精纠正处理，精度高，... ......
js_使用axios请求图片资源, 并读取图片资源为base64格式
- 情景再现: 今天在写页面时遇到这么一个请求: 有一张图片, 默认隐藏, 要求在该图片加载完毕后, 执行取消隐藏的动画. 目的是不要在执行动画期间图片有空白的样子. 第一个想到的当然是img的onload回调函数. 但是天生反骨不爱用行内元素. 于是想到使用ajax请求图片资源, 再使用FileR ......
js获取父元素id
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
css或js实现隔行换色
```css /* 用CSS实现隔行换色*/ /* table tbody tr:nth-child(odd) { background-color: #c7cac9; } table tbody tr:nth-child(even) { background-color: #ccc; } */ ` ......
JS对象数组的遍历和解构的一起使用
<!DOCTYPE html> <html class="no-js"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title></title> <meta nam ......
分享一个在线二维码生成器（基于qrcode.js开发）
> 一种二维码扫描与生成的工具, 它可生成个性化二维码, 支持文本、网址、图片、短信、电话等格式及主题,提供融合码功能 ### 演示地址 [https://qrcode.gitapp.cn](https://qrcode.gitapp.cn) ### 关键代码 ``` var qrcode = ne ......
js模拟打字机效果
通用方法定义 /** * * @param {*} text 打字文本 * @param {*} callback 完成打印效果回调 * @param {*} timeout 完成打印效果多久回调 */ export function textPrinter({ text, change, comp ......
js模板引擎--构造渲染函数
在上一篇中我们已经将模板解析为了一条条的js语句，那么只要把这些语句连起来，构造一个可执行函数，然后传入模板数据，就可以得到填充过数据的html片段。 ```javascript // 构造渲染函数 function buildRender(scriptTokens) { var codeArr = ......