路由 程式vue js

两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......

vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......

JavaScript的异步编程已经从回调(Callback)演进到Promise，再到如今广泛使用的async/await语法。后者不仅让异步代码更加简洁，而且更贴近同步代码的逻辑与结构，大大增强了代码的可读性与可维护性。在掌握了基础用法之后，下面将介绍一些高级用法，以便充分利用async/awai ......

export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......

<el-button type="button" @click=" handleCopy "> 批量打印 </el-button> handleCopy(){ if (!this.getSelectRows()) return; if(this.selectRows.some(r => r.star ......

商城类应用开发中经常要遇到秒杀价或者到时间点开始优惠，这种业务了逻辑通常需要使用到倒计时功能。 主要使用到setTimeout方法，循环的不断调用清除调用清除，具体代码实现 import { cancelRaf, rAF } from '@/utils/raf' import { ref, comp ......

vue3使用svg图标 安装 // 通过命令安装2个插件 npm i vite-plugin-svg-icons -D npm i fast-glob -D 在vue.config.js中配置 //vue.config.js import { fileURLToPath, URL } from 'n ......

一、实例比较 数据传递常需要编码后传递，接收还需反编译，定义url： var url = "https://www.cnblogs.com/?username='小森森'&password='666666'"; escape 与 unescape console.log(escape(url));/ ......

1、主要利用Audio的监听事件addEventListener，监听到声音播放结束ended，播放下一个文件 audio.addEventListener('ended', function () { console.log('音频播放结束'); }); 2、示例： var voiceList = ......

官方文档说明地址 https://swagger.io/docs/specification/2-0/grouping-operations-with-tags/ 创建一个自定义的特性类 public class ControllerGroupAttribute : Attribute { publ ......

总结: 1.escape/unescape 这两个方法不能用于URL编码,但有很多人用,特此指出,因为它的真正作用是返回一个字符的Unicode编码值,不会对"+"进行编码,但是我们知道，网页在提交表单的时候，如果有空格，则会被转化为+字符。服务器处理数据的时候，会把+号处理成空格。 2.encod ......

vue发布到IIS后，需要通过二级域名访问： 1、找到config->index.js 节点assetsPublicPath，设置你要的二级域名名称 2、IIS创建站点后，在站点下添加应用程序web （跟上面同名） ......

代码解析 function handleAuthReady() { const ywAuth = (window as any).ywAuth; if (ywAuth) { return Promise.resolve(ywAuth); } return new Promise(resolve => ......

原型链实现 let UserFactory = function (role) { if (this instanceof UserFactory) { let s = new this[role] return s } else { return new UserFactory(role) }}U ......

一、前言 百度地图已经有了 react 相关的组件库，本人用的百度地图 v3.0 和 vue3 我仅仅是抛砖引玉，百度地图 webgl、高德地图都是一样的，因为底层都是通过 js 控制地图 如果用组件的方式开发，比如我将 BMap.Marker 作为一个组件，我暴露一个参数position，其目的是 ......

工作需求，将本地node.js升级到v20+，踩坑踩了1个多小时，故整理一篇攻略自用。 下载与安装 1. Node.js官网下载安装包：https://nodejs.org/en（我下载的是20.10.0） 2. 安装时修改安装目录，网上教程大多不建议放在C盘；其余默认。 3. 安装完后启动命令行工 ......

在某些特殊场景下，特别是在库和框架的开发过程中，需要动态加载JS文件并执行它们。下面是使用 Promise 的简单封装。 function loadJS(files, done) { // Get the head tag const head = document.getElementsByTag ......

1.单线程 js是单线程的，一个任务执行完才会执行下一个任务 for (let i = 0; i < 2000; i++) { console.log(1); } setTimeout(() => { console.log(2); }, 0); setTimeout(() => { console ......

什么是事件流 事件流指的是浏览器处理事件的方式 在js中，事件流分为3个阶段：捕获阶段，目标阶段，冒泡阶段 这三个阶段的发生顺序：先是捕获阶段，再是目标阶段，最后是冒泡阶段 捕获阶段 事件从最外层的文档对象（document）开始，逐级向下传播，知道到达事件的目标节点 目标阶段 事件到达目标节点，触 ......

全局作用域 全局作用域是指代码中任何地方都可以访问的变量，在整个应用程序中都是可见的 局部作用域（函数作用域) 局部作用域是指在函数内部定义的变量，它们只能在函数内部访问，函数外部无法访问 块级作用域 这是一个特殊的作用域，在es6之前，js中没有块级作用域。 在es6中，使用let和const关键 ......

实例项目使用 vite5 + vue3 + ts，项目地址 vite-vue3-charts，预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址，然后在 应用管理 -> 我的应用 里，创建应用，创建好后复制 AK 2. 在 ......

vue中和后台交互，首先要引用vue-resource.js vue-resource.js是专门和后台进行交互 <!-- 引入vue-resource插件 ><script src="../js/vueJs/vue-resource.js"></script> vue中ｇｅｔ请求 function ......

网络层路由技术 1、移动承载网络中的网络层协议 2G/3G的业务模式更多的是点到点的模式，直接实现基站和基站控制器之间的数据传递。 在4G LTE业务中， 第一，核心网侧的服务器集中化部署，基站允许在某个业务服务器出现故障之后同另外的服务器进行通信。第二，基站和基站之间的业务转发需求出现，出现一对多 ......

iOS中WKWebview原生与网页端JS交互常用的方法是 首先在web view中注入标定好的方法名，例如标定一个request方法 let config = WKWebViewConfiguration() let userContent = WKUserContentController(); ......

🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......

1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b ......

路由的 两种传参方式： 一： 声明式 <router-link :to="{ path: '/login' }">Home</router-link> 二： 编程式 $router.push(...) //该方法的参数可以是一个字符串路径，或者一个描述地址的对象。 不带参数写法： // 字符串（对应 ......

前言：遇到科学计数法转字符串的问题。用如下toNonExponential可解决 function toNonExponential(num) { var m = num.toExponential().match(/\d(?:\.(\d*))?e([+-]\d+)/); return num.to ......

效果图 文件图 直接贴代码 emotion.vue <template> <div class="emotion-container beauty-scroll-livechat"> <div class="emotion-btn" @click="toggleEmotionShow"> <span ......

const rowDrop = () => { let tbody: any = document.querySelector(".sortableArea .el-table__body-wrapper tbody"); sortable.value = Sortable.create(tbody ......