效果 汽车three js
JS 两个数组并集，交集，差集
1、两个数组并集，交集，差集 const array1 = [33, 22, 22, 55, 33, 11, 33, 5, 7, 4] const array2 = [11, 11, 33, 44, 66, 66, 99, 99, 0, 789, 765, 765, 44444] //~ 不能有重复 ......
11月13日js语言常量与变量
目录js语言1.变量1.关键字var注意一点变量总结2.let关键字具体原因解析图片里面的代码3.常量 js语言 变量和常量 1.变量 1.关键字var 1.js的变量名可以使用下划线，数字，字母，不能以数字开头。 2.声明这是一个变量需要用到var关键字。 具体格式如下 var name = "A ......
webpack文档打包html,css,js文件
先用npm init -y，快速生成package.json文件，package-lock.json文件是用来固化依赖包的版本的，导入包后会自行生成，提交给他人项目时，只需要给这两个配置文件，然后输入npm i，即可自动下载依赖。 新建一个webpack.config.js配置文件，以下是配置文件的 ......
图文并茂手把手教你基于React多种方案使用实现ChatGPT打字机效果
代码仓库 码云仓库 前期准备 前端项目 后端接口（OpenAI接口即可） 启动一个新的 React 项目 如果小伙伴们有现有项目，可跳过此步骤直接进入下一步~ Next.js 是一个全栈式的 React 框架。它用途广泛，可以让你创建任意规模的 React 应用——可以是静态博客，也可以是复杂的动态 ......
11月12日js的基础引入和注释
目录1.js的引入1.在内部写入js代码2.外部引入js代码2.js的注释 1.js的引入 1.在内部写入js代码 在html文档中用script标签进行编写 <script> // 在这里写你的JS代码 </script> 2.外部引入js代码 html文档使用script来引入外部的js代码 < ......
JS 数组常用方法
JS 数组常用方法 目录JS 数组常用方法splice splice splice() 方法用于添加或删除数组中的元素。 array.splice(index,deleteCount,item1,.....,itemX):array - index：必需。规定从何处添加/删除元素。坐标从0开始 - ......
CSS3学习笔记-句子排版效果
CSS3提供了丰富的排版效果，可以通过样式属性来控制文本的排列方式、字体样式、行高、字间距等。以下是一些常用的句子排版效果示例： 文本对齐方式： .text-center { text-align: center; } .text-right { text-align: right; } .text ......
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好
一个很漂亮的鼠标移动特效，Javascript 脚本，可惜复制到博客园配置适配效果不好，暂时记录一下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(json.cn)</title> </head> <body> <s ......
vue2 vue.min.js和vue-cli-service build --target lib 构建的.min.js的压缩原理 源码分析
1 vue-cli-service --target lib https://github.com/vuejs/vue-cli/blob/f0f254e4bc81ed322eeb9f7de346e987e845068e/packages/%40vue/cli-service/lib/commands ......
class是js关键字，jsx中要用className
下面的 JSX 代码中，哪一个无法达到预期的效果？ A Hello World B C {msg} D Leo E F 正确答案：C 选c class是js关键字，这里要用className。对于E选项，在jsx中直接写行内样式时不能采用引号，而是style={{color:'red'}}的方式 选 ......
js执行的比dom渲染快很多，执行完一定的js才在页面渲染一次dom，UI渲染是宏任务
假设HTML有一个按钮id为btn，经过以下操作最终会变成什么颜色？ document.getElementById('btn').style = 'background: blue'; document.getElementById('btn').style = 'background: red' ......
js常见的继承方式包括原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承，以及ES6新增的class继承，但不包括关联继承
js常见的继承方式包括原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承，以及ES6新增的class继承，但不包括关联继承 https://www.cnblogs.com/Leophen/p/11401734.html 构造函数继承是每次继承都会把父类的所有属性方法全部拷 ......
下面哪些方式在同一个窗口下能够检测一个js对象是数组类型？
下面哪些方式在同一个窗口下能够检测一个js对象是数组类型？ A Array.isArray() B instanceof C typeof D Object.prototype.toString.call() 正确答案：ABD A：Array 为 js 的原生对象，它有一个静态方法：Array.is ......
Lodash-前端 js工具库
官网：Lodash 简介 | Lodash中文文档 | Lodash中文网 (lodashjs.com) import _ from 'lodash' const dialogHandler = (val) => { if (val) { listCompanyByCurrentUserIdFn() ......
js实现深拷贝
function deepClone(obj, hash = new WeakMap()) { if (obj null) return obj // 如果是null或者undefined我就不进行拷贝操作 if (obj instanceof Date) return new Date(obj) ......
Js选择器总结
Js选择器总结 一、原生JS选择器# JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll() A： ......
js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象，包括Error、EvalError、RangeError、ReferenceError、SyntaxError和TypeError。
JS中，可以将对象分为“内部对象”、“宿主对象”和“自定义对象”三种。 1，内部对象 js中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String以及各种错误类对象，包括Error、EvalError、Ra ......
虽然在绝大多数编程语言中，0是不能作为分母，但在js中，0是可以作分母的，0/0的结果为NaN，并不会抛出异常
执行以下程序，当用户在prompt输入框中输入0时，输出结果为（） var num = prompt('请输入分母:') try{ console.log('a'); value = 0 / num; console.log('b'); } catch(e){ console.log('c'); } ......
js 拿到对象里的 全部健，或者值 （Object.keys）（Object.values）
const j = {name:'佩奇',age:5} const keys = Object.keys(j) const values = Object.values(j) console.log(keys) console.log(values) ......
VS Code搭建Node.js环境
VS Code搭建Node.js环境 VS Code集成了方便的Node.js插件，使您可以轻松安装和配置Node.js环境。您可以采用以下步骤来搭建Node.js环境。 1. 安装VS Code 在VS Code官网上下载并安装VS Code 2. 安装Node.js插件 在VS Code插件市场 ......
vue中执行npm install提示：npm WARN deprecated core-js@2.6.12
场景： 在执行npm install时提示npm WARN deprecated core-js@2.6.12，导致安装不了 提示的意思是：版本低不再维护了，让升级upgrade your dependencies to the actual version of core-js. npm WARN ......
基于 three.js 加载器分别加载模型
点击查看代码 /** * 参数：模型文件路径，成功回调函数 * * 基于 three.js 加载器分别加载模型 * * 全部加载后通过回调函数传出打印 */ import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader.js' imp ......
鼠标悬停时导航菜单下边框从中展开的效果
要实现鼠标悬停时导航菜单下边框从中展开的效果，你可以使用CSS的transition属性和JavaScript的事件处理程序来实现。以下是一个示例代码片段，演示了如何实现这个效果： HTML: <ul class="menu"> <li><a href="#">菜单项1</a></li> <li>< ......
github的域名解析IP的文件——最直观的效果是GitHub图片可以正常加载，网页也稳定了——github图片不显示问题
该codebase提供了hosts文件： https://github.com/ineo6/hosts 主站: https://github.com/ineo6/hosts 镜像: https://gitlab.com/ineo6/hosts Github Pages: https://ineo6. ......
CSS：backdrop-filter实现磨砂玻璃(毛玻璃)的效果
一、什么是backdrop-filter backdrop-filterCSS 属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。 backdrop-filter与filter非常类似，可以取的值都是一样的 ......
请问以下JS代码在Node环境下的输出顺序是？
请问以下JS代码在Node环境下的输出顺序是？ Promise.resolve() .then(() => { console.log('p1'); }) .then(() => { console.log('p2'); }) process.nextTick(() => { console.log ......
vue-cli-service vue.config.js配置 productionSourceMap与webpack中的devtool 关联详细解释
https://webpack.js.org/configuration/devtool/ https://cli.vuejs.org/zh/config/#productionsourcemap https://github.com/vuejs/vue-cli/blob/f0f254e4bc81e ......
请问以下JS代码输出的结果是什么？
请问以下JS代码输出的结果是什么？ let obj = { num1: 117 } let res = obj; obj.child = obj = { num2: 935 }; var x = y = res.child.num2; console.log(obj.child); console. ......
请问以下JS代码的输出是？ 935、 ['read', 'write']
function father() { this.num = 935; this.work = ['read', 'write', 'listen']; } function son() {} son.prototype = new father(); let son1 = new son(); l ......