three vue js

import { createRouter, createWebHistory } from 'vue-router' import Home from '@/view/Home.vue'; import Login from '@/view/Login.vue' const routes = [ ......

推荐：将NSDT场景编辑器加入你的3D工具链 其他系列工具：NSDT简石数字孪生 前面几篇文章通过缓冲类型几何体BufferGeometry给大家讲解了顶点位置、颜色、法向量、索引数据，本节课给大家引入一个新的threejs几何体APIGeometry。几何体Geometry和缓冲类型几何体Buff ......

js -- 跨域问题 前言 出于浏览器同源策略的影响，浏览器会阻止一个域的 js 脚本和另一个域的内容进行交互，因此产生了跨域问题，该问题也经常在面试和开发中遇到，本文来总结一下相关知识点。 正文 1、什么是同源策略 因为浏览器出于安全考虑，存在同源策略，就是说如果协议、域名、端口号有一个不同就产生 ......

异步组件 Vue 中异步组件的写法有很多，主要用作大的组件异步加载的markdown组件editor组件。就是先渲染一个注释标签，等组件加载完毕，最后再重新渲染 forceUpdate（图片懒加载）使用异步组件会配合 webpack 原理：异步组件默认不会调用 Vue.extend()方法 所有Ct ......

js--promise、async 和 await 相关知识总结 前言 promise 是前端开发人员必须掌握的知识点，本文来总结一下相关学习笔记。 正文 1、什么是prommise，promise 解决了什么问题 a、promise 是什么 Promise 是承诺的意思，承诺它过一段时间会给你一个 ......

js--预加载、预渲染、懒加载、懒执行 ......

1.计算rem值的比例，这里是1920的设计图； setRem(){ /** * @file: index.vue * @method: setRemPc * @param: * @return: * @description:计算rem大小 * @date: */ var whdef = 100/ ......

首先先介绍JS的基本概念： 比如是单线程，动态，弱类型等等。 除了这些东西之外还有： 下面的一些基础概念： JavaScript 是一种脚本语言，通常在网页上运行。 JavaScript 不需要编译，因为它是一种解释性语言。 在网页上添加 JavaScript 的方式有多种，包括内联脚本、嵌入式脚本 ......

扩展数组方法 Array.prototype.groupBy = function groupBy(key) { const hash = {}, result = []; for (const el of this) { if (hash[el[key]]) { hash[el[key]].pus ......

const intersectionObserver = new IntersectionObserver((entries) => { // 如果 intersectionRatio 为 0，则目标在视野外， // 我们不需要做任何事情。 if (entries[0].intersectionRa ......

vue3 ts 项目文件夹解析 layouts 文件夹通常用于存放应用程序中的布局组件或布局相关的文件。 布局组件是用于包装应用程序中的页面内容的组件，通常包含头部导航、侧边栏、页脚、页面标题等等。布局组件可以在不同的页面中共享，并且可以为应用程序带来一致的外观和体验。 core 存放应用程序中的核 ......

实现如下效果： 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; height:300px;"></div> 3 </template> 4 <script> 5 /* ......

原文连接：https://blog.csdn.net/weiguang102/article/details/123083770?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168258601016800213082578%2522 ......

Vue3 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 组件代码文件结构： src/components/StampBadge/src/StampBadge.vue 文件代码： <template> <div class="first-r ......

基本知识 知识点1：复制文本内容 vue中提供了vue-clipboard2是前端能够调用剪切板的一个插件。 知识点2：移动端拉起本地短信功能，并填充内容 安卓 sms:?body=内容 苹果 sms:&body=内容 问题： 针对苹果系统： 当内容中携带链接时，而链接需要携带多个参数时，我们正常的 ......

1.构造函数 构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和实例的概念，并且实例和实例之间是相互独立的，即实例识别。构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写。 另外就是调用方式的不同，普通函数是直接调用，而构 ......

一、问题描述 两个同级组件公用一个子组件，需要根据不同的组件，动态显示子组件的内容，比如A需要这么多的Radio,但是B不需要 二、解决思路 父组件向子组件传值，子组件根据传入的内容进行判断 三、代码 // 父组件引入子组件 通过自定义名称传入父组件的值 <statusChange :isShowR ......

JS工具之三元运算符 【1】格式 三元运算符: 条件表达式?语句1:语句2; let a = 10; let b = 20; let d = a > b? a: b console.log(d); 注释： 条件运算符在执行时，首先对条件表达式进行求值， 如果该值为true，则执行语句1，并返回执行结 ......

JS进阶之eval函数和hook函数 【一】eval eval() 函数计算 JavaScript 字符串，并把它作为脚本代码来执行。 如果参数是一个表达式，eval() 函数将执行表达式。 如果参数是Javascript语句，eval()将执行 Javascript 语句。 eval(string ......

JS-Function对象之call和apply方法 call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的， 因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。 既然 ......

1、准备工作（你可以检查，清楚的话可以不用管） 1.1、检查nodejs版本：node -v 1.2、检车npm版本:npm -v 1.3、查看VUE脚手架版本:vue --version或vue -V（大写的V） 1.4、卸载VUE2版本命令：npm uninstall vue-cli -g 1. ......

JS-Function对象之window对象 window 是客户端浏览器对象模型的基类， window 对象是客户端 JavaScript 的全局对象。 一个 window 对象实际上就是一个独立的窗口，对于框架页面来说，浏览器窗口每个框架都包含一个 window 对象。 （1）全局作用域 在客户 ......

JS-Function对象之prorotype原型对象 案例1: // 创建方式1 var foo = new Function("console.log('hello world!')") foo() // 创建方式2 function Person() { console.log("hello ......

JS进阶之ES6新语法 1. var、let以及const ES6 中引入了关键字 let 和 const 作为 var 的替代。 它们非常有用，如今几乎每个 JavaScript 开发人员都在使用它们。 与关键字 var 不同，这两个关键字具有块作用域。 这意味着当你在块中声明它们时，它们只能在该 ......

JS工具之三元运算符 【1】格式 三元运算符: 条件表达式?语句1:语句2; let a = 10; let b = 20; let d = a > b? a: b console.log(d); 注释： 条件运算符在执行时，首先对条件表达式进行求值， 如果该值为true，则执行语句1，并返回执行结 ......

1.<div style="z-index: 1000; position: absolute; filter: Alpha(opacity = 90); width: 100px;padding: 10px; border: 1px solid #333" id="img" align="cent ......

错误截图： 解决办法： npm i eslint-plugin-import 参考： https://juejin.cn/post/7033416976064053278 ......

......

创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel（带水印） 公共方法 * @param header v 为头，k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......

一、创建数组 1、使用数组字面量表示法 var arr = []; //创建一个空数组 var arr1 = [1]; //创建一个包含1项数据为1的数组 var arr2 = ['a','b','c']; //创建一个包含3个字符串的数组 2、使用 Array 构造函数 var arr1 new ......