three vue js

先通过 npm 下载 Excel npm install xlsx -S 在需要数据的页面进行引入 import * as XLSX from "xlsx"; 以下这俩个方法直接复制粘贴，不需要改动. //导出excel相关函数 sheet2blob(sheet, sheetName) { //将文 ......

我们知道 .vue 文件的基本结构是： <template> ........ </template> <script> export default { name: "demo" } </script> <style scoped> .demo { font-size: 28px; } </sty ......

#### 1. 什么是节流（throttle）和防抖（debounce） 1. 概念 - **节流**（throttle）：是函数在一定时间内，不管调用了多少次，实际只会在最后的时候执行一次 - **防抖**（debounce）：是函数在一定时间内，每次调用，都会重置倒计时，直到规定时间内没有再次调 ......

## 1. 引言 Three.js是著名的JavaScript 3D图形库，用于浏览器中开发 3D 交互场景的 JS 引擎，可以快速的搭建三维场景 Three.js官网为：[创建一个场景 – three.js docs (threejs.org)](https://threejs.org/docs/ ......

1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......

参考： https://segmentfault.com/a/1190000007535316 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise https://devel ......

1、当子路由以/开始时，它会被视为根路由，并且会显示在URL的根路径中  2、当子路由不以/开始时，它将 ......

全局安装 首先配置淘宝镜像 cmd打开，输入 npm config set registry https://registry.npm.taobao.org 安装命令 npm install -g @vue/cli 发现报错如下，没有权限！！使用管理员模式。 重新开始，完美！！ 然而输入查看vue ......

# props * 父子组件之间通信最好的方式 ``` // 父组件 props:这里是父组件 // 子组件 我是子组件 {{props.money}} {{money}} 修改props数据 ``` # 自定义事件 * 父子组件通信 ``` // 父组件 点击我传递多个参数 // 子组件2 我是子 ......

推荐：将 NSDT场景编辑器 加入你的3D工具链 其他系列工具： NSDT简石数字孪生 模型对象旋转平移缩放变换 点模型Points、线模型Line、网格网格模型Mesh等模型对象的基类都是Object3D，如果想对这些模型进行旋转、缩放、平移等操作，如何实现，可以查询Threejs文档Object ......

这个是eslint的报错，严格模式下的话不会允许未使用的字段存在 两个解决方案，要么把定义但是没用到的东西输出（console.log(参数)），要么就关闭严格模式 项目下看看有没有.eslintrc.js文件把这个配置改一下然后重新运行一下 没有这个文件的话就找找package.json里面的es ......

我们可以这样create一个object： const person1 = { name: "Chris", introduceSelf() { console.log(`Hi! I'm ${this.name}.`); }, }; 但是当我们需要创建多个对象的时候，每次都要重复同样的code，这时 ......

解码 function decode(str){ return str.replace(/\\x(\w{2})/g,function(_,$1){ return String.fromCharCode(parseInt($1,16)) });} 编码 function encode(str){ re ......

点击查看代码 ``` /** * @description 查找包含自身节点的父代节点 * @param list 列表数据 * @param id 节点 id * @param pid 节点的父id */ export function listToTree(list, id, pid) { li ......

学习如逆水行舟，不进则退~ 最近接了一个n年前的老项目增加新功能，本以为手到擒来结果再写页面上的效果时还是翻车了，特此记录一下~ 将近三四年没写jsp的页面了，基本忘光了，现在是要做一个批量下载的功能，但是又要是特定的某一个才有这个功能所以就有了以下的过程。 一、实现效果当我在下拉框选择特定code ......

let checkOS = () => { let agent = navigator.userAgent; // let index = agent.indexOf("WOW64"); let index = agent.indexOf("F68V1_0"); if (index == -1) { ......

vue列表逐个进入过渡动画 vue2，vue3，通过vfor产生列表，使子元素逐个进入效果 文章详情：https://www.cnblogs.com/Llshy/articles/17430695.html ......

很简单，直接在vite.config.ts里面添加配置即可： export default ({ mode }) => defineConfig({ build: { minify: "terser", terserOptions: { compress: { //生产环境时移除console dr ......

## 问题描述 单页面应用中一般把样式文件写在.vue文件中，如下: ``` ``` ......

Iframe是一个历史悠久的HTML元素，根据MDN WEB DOCS官方介绍，Iframe定义为HTML内联框架元素，表示嵌套的Browsing Context，它能够将另一个HTML页面嵌入到当前页面中。Iframe可以廉价实现跨应用级的页面共享，并且具有使用简单、高兼容性、内容隔离等优点，因此... ......

## 1. 是什么 Promise是一种异步编程的解决方案，用于处理异步操作并返回结果。 主要作用是解决回调函数嵌套（回调地狱）的问题，使异步操作更加清晰、易于理解和维护。 ## 2. 怎么用 Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败 ......

### 易错点解析 - 遍历嵌套数据:外层套里层,外层的数据得先有,由于里层的数据依赖外层,才能继续渲染 ``` - 数据格式类似这样: [ { id:1 name:'xxx' categoryChild:[...] // 继续上面的套路,包裹一个个对象,里面再包裹[]... } {...} {.. ......

我们在做VUE项目开发的时候，经常会遇到需要绑定多个判断条件，多个class，多个style的情况，下面就整理一下： 一、绑定多个判断条件 二、绑定多个class 1、绑定一个类名 <div :class="{'active':isActive}"></div> 或三元表达式： <div :clas ......

这篇文章介绍了 Moment.js 库，它是一个非常方便的 JavaScript 库，可帮助开发人员轻松处理日期和时间。前端通用框架VUE，React各版本中都有它的身影。该库具有广泛的功能和格式化选项，包括时区转换、日期算术、时间范围计算和本地化日期格式等。借助 Moment.js 库，无论是在网... ......

<input id="uploadify" type="file" onchange="imgUp()" name="uploadify" accept="image/*"> function imgUp() { var file = $('#uploadify')[0].files[0]; var ......

相信很多公司的前端开发人员都会选择使用vue+element-ui的形式来开发公司的管理后台系统，基于element-ui很丰富的组件生态，我们可以很快速的开发管理后台系统的页面（管理后台系统的页面也不复杂，大多都是分页查询类需求和增删改查）。但一个前端框架有优点，就必然会有一些缺点或bug存在，e... ......

VSCode的Minify自动压缩html css js插件 11-26分类: VSCode25个赞 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css ......

本文将学习如何使用滚动控制 ScrollControls 来控制模型的的动画播放和相机动画，通过滚动鼠标滚轮或者上下移动触摸板，来控制模型的动画播放进度或者相机的方位视角，从而呈现出惊艳的视觉效果。通过本文的阅读和案例页面的实现，你将学习到的知识包括：R3F 生态中的 ScrollControls、... ......

## 前言 鉴于各种繁杂的需求，`quill.js` 编辑器也面临着各种挑战，例如我们需要添加“table”布局样式以适应邮件发送格式，手动扩展表情符号功能等等。本文将对这些可定制化功能进行讲解和实现。 ## 区分 format 和 module 首先需要明确的是，我们应该清楚自己所需的扩展具体是什 ......

## 01. 组件化思想 当我们面对一个复杂问题的时候，常见的、高效的做法就是对复杂问题进行拆分， 将复杂问题拆分成一个个小的、简单的问题， 逐一解决小问题，再将处理好的小问题整合到一起， 如此解决复杂问题。 ![image-20230525000514877](https://img2023.cn ......