three vue js

``` var Vue, walker, node; walker = document.createTreeWalker(document.body,1); while ((node = walker.nextNode())) { if (node.__vue__) { Vue = node.__ ......

使用亚马逊云的AWS3sdk实现云存储对接，作为最大的云存储服务商国内腾讯的cos阿里的alicos以及minio 都兼容亚马逊的sdk，这样在对接时可减少很多工作量，同时也支持在服务商间快速切换 ### 说明 `cacheStsInfo`为由后端返回的sts配置信息，根据实际业务需要，具体信息包含 ......

下载kind editor后需要使用的文件如下（其他没用到的可删除）  封装成组件以及自定义上传插件 上传图片后生成i ......

Memoization：备忘录技术。由于纯函数对于给定的输入失踪产生相同的输出，所以可以缓存函数的结果，避免可能昂贵的重新计算。这个过程意味着只在第一次计算表达式并将结果缓存起来，供后续调用使用，称为备忘录技术。 斐波那契数列常用于此示例，因为它简单切隐藏了计算成本。当 n=0 时，fib(n)=0 ......

一：this.$route.query的使用 #1、传参数： this.$router.push({ path: '/index/detail', query:{itemId: item.id} }); #2、获取参数 this.$route.query.itemId #3、url的表现形式 htt ......

vue项目报错 不影响运行，但控制台看到这报错，属实不舒服 解决方法： 进入 \node_modules\sockjs-client\dist\sockjs.js 注释1603行 刷新页面，没报错了 ......

直播app开发搭建，Vue Element UI Upload 上传多张图片 <template> <div> <el-card> <h1>轮播图 - 图片上传管理</h1> <el-divider></el-divider> <!--注意：使用 :model="uploadImgForm" 不要使 ......

<template> <div> <ul> <li v-for="user in users" :key="user.id">{{ user.name }}</li> </ul> </div> </template> <script setup lang="ts"> import { ref, on ......

摘要：Python Web程序员必看系列，学习如何压缩 JS 代码。 本文分享自华为云社区《Python压缩JS文件，PythonWeb程序员必看系列，重点是 slimit》，作者： 梦想橡皮擦 。 本篇博客将学习压缩 JS 代码，首先要学习的模块是 jsmin。 jsmin 库 Python 中的 ......

显示效果 代码： <template> <div class="tip"> <el-tooltip :content="content" placement="top" width="400" :disabled="!isShowTooltip"> <span class="member-label ......

首先是按照常规的箭头函数引入的方法，结果报一下错误，且页面报错 const HelloWorld=()=>import('../components/HelloWorld.vue'); 解决办法 import { defineAsyncComponent } from 'vue' const Hel ......

首先看一个数据结构： 1：无缺陷 2：有缺陷-》缺陷1，缺陷2，缺陷3 3：审核不通过 把它们集成到一个平面数据，进行下拉所选就变成了： 1：无缺陷，2：审核不通过，3：缺陷一，4：缺陷二，5：缺陷三。 因为字典项是个平面的，所以在类似的大批量的情况下，有缺陷这个类如果还按照这种结构除非自己去归类。 ......

#! https://zhuanlan.zhihu.com/p/624744452 # 《Node.js 后端全程实战》自序 >  > > - 《JavaScript全栈开发》：https://book.douban.com/subject ......

防止 vue 自带的动画 css 覆盖你的动画效果，或者影响效果。可以添加:css="false"来阻止默认的 class. 通常，在第一次页面加载时会显示项目列表，由于元素已经在视图中，所以我们的动画不会起作用。为了触发动画，我们需要使用另一个过渡属性 appear，在页面最初渲染时立即触发动画。 ......

在 JavaScript 中， arguments 是一个特殊的对象，它代表了函数调用时传递的参数列表。它可以在函数内部访问，用于获取传递给函数的实际参数值。 arguments 对象包含了函数调用时传递的所有参数，无论是否在函数定义时明确声明这些参数。它是一个类数组对象，可以通过索引访问其中的参数 ......

``` const rootList = [ { id: 1, name: "父级", parentId: 0 }, { id: 2, name: "子级", parentId: 1 }, { id: 3, name: "子级", parentId: 1 } ] // 普通列表转换树结构 funct ......

# 把JavaScript文件同意生成到js目录中 在`webpack.config.js`配置文件的`output`节点中，进行如下的配置： ```JS {test: /\.jpg|png|gif$/, use: 'url-loader?limit=470&outputPath=images'} ......

前面我们学习了如何画一堆房子（如下图），显然这单调的绿色大地，看上去效果并不好。 babylon.js中，可以用图片模拟出地势高低不同的效果，比如下面这张图片： 颜色越深的地方，表示地势越低（即：盆地），而颜色越浅的地方，地势越高（即：高山），可以参考下面的代码： const createScene ......

如何操作（增、删、改、查）常见的 HTML 元素呢？（包含原生 js 和 JQuery 语法对照） 一、通用的操作示例 1、查询 根据 id 查询（结果为单个对象） // 原生 js 写法 var elementobj = document.getElementById("elementid"); ......

1.ref：接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性 .value 1.1为了读写通过ref()创建的响应式变量，你需要通过.value属性来访问，可以使用unref直接获取返回值，如果unref()的参数是一个ref，就会返回其内部值。否则就返回参 ......

**1、项目介绍** 困扰管理层的许多问题当中,摄影跟拍预定管理一定是不敢忽视的一块。但是管理好摄影跟拍预定又面临很多麻烦需要解决,例如有几个方面:第一,往往用户人数都比较多,如何保证能够管理到每一用户;第二,如何在工作琐碎,记录繁多的情况下将摄影跟拍预定的当前情况反应给领导相关部门决策等。在此情况 ......

关于 vue3 + vite 开发一个管理后台，并在后台中使用 自定义的 svg 图片左右路由icon #### 安装依赖 * `npm i vite-plugin-svg-icons --D` 或者 * `yarn add vite-plugin-svg-icons --D` 等其它的安装工具 # ......

# 1、 new Vue - > create(vue) #### 2.0  #### 3.0 ![](https ......

webpack只能打包处理`一部分`高级的JavaScript语法。对于那些webpack无法处理的高级js语法，需要借助于`babel-loader`进行打包处理。例如webpack无法处理下面的JavaScript代码： ```js //定义装饰器函数 function info(target) ......

记忆方法： for in : ES5先出，index,遍历索引，适合对象 for of : ES6后出，遍历属性，适合数组 for in 和 for of 是js中常用的遍历方法；两者的区别如下： 一，遍历数组 1，for in 是ES5的语法标准，而for of则是ES6语法标准。 const a ......

# js 沙盒的实现原理 最近研究微前端，qiankun 框架的源码。看到了沙盒的概念，于是研究了一下沙盒的原理及实现方案。记录一下。 ## 沙盒的原理 - 为什么我们需要沙盒 在浏览器中，全局的this 实际指向的是window。如果我们运行js,我们有可能会往window 这个对象中写入一些数据 ......

接上回继续，今天继续捣腾动画，上一节咱们让汽车的轮子动了起来，回顾一下核心代码： //轮子转动 const wheelAnimation = (scene, wheels) => { //定义一个动画，每秒30帧，绕y轴转动 const animWheel = new BABYLON.Animati ......

什么是D3.js D3指的是Data-Driven Documents，js即Javascript，是后缀名。先看看官网上对D3.js库的定义： D3.js 是基于数据驱动文档工作方式的一款JavaScript函数库，主要用于网页作图、生成互动图形，是最流行的可视化库之一。D3使你有能力借助HTML ......

<template> <div> <el-button type="primary" @click="test">按钮</el-button> <p> </p> </div> </template> <script> import currency from 'currency.js' export ......

......