JavaScript - 教程之家

34浏览

0评论

vue3关于RouterView插槽和过渡动效

目录vue3 RouterView插槽和过渡动效vue3中的插槽使用一、默认插槽二、具名插槽三、作用域插槽总结vue3 RouterView插槽和过渡动效RotuerView 组件暴露了一个插槽，可以用来渲...

2024-06-10

26浏览

0评论

关于Vue实例创建的整体流程

目录前言整体逻辑el或$mount挂载全局Watcher的具体逻辑Dep.target总结前言本篇是分析new Vue()过程相关的流程，主要了解如下两点：new Vue()整体处理流程挂载处理流程整体逻辑...

2024-06-10

43浏览

0评论

Vue elementui如何实现表格selection的默认勾选

目录需求如下图this.$nextTick可以放到具体的方法中总结需求弹出一个选择框，表格有勾选框，数据填充后，某些行设置默认勾选。如下图数据填充后默认是不勾选的，如果要勾选某些行，通...

2024-06-10

22浏览

0评论

Ant Design Vue resetFields表单重置不生效问题及解决

目录Ant Design Vue resetFields表单重置不生效几经搜索改进方法Vue重置表单的坑 resetFields方法坑1坑2坑3总结Ant Design Vue resetFields表单重置不生效使用 Ant Design...

2024-06-10

28浏览

0评论

vite build vue3项目配置开启sourcemap方式

目录Vue CLIVite注意总结在Vue 3项目中，配置Sourcemap主要取决于你使用的构建工具，通常是Vue CLI或者Vite。下面是在这两种情况下如何开启Sourcemap的步骤：Vue CLI对于使用Vue...

2024-06-10

35浏览

0评论

vue3 vue-draggable-next如何实现拖拽穿梭框效果

目录vue3 vue-draggable-next 拖拽穿梭框效果vue3 vue.draggable.next 拖拽插件简单介绍安装导入组件属性说明简单例子（只能在一组里拖拽切换排序）总结vue3 vue-draggable-nex...

2024-06-10

67浏览

0评论

Vue中SourceMap的使用解读

目录一、概述二、使用方法三、生成SourceMap四、优化五、结语一、概述Vue.js是一套构建用户界面的渐进式框架，通过HTML模板或者直接写render函数可以快速开发单页应用。在开...

2024-06-10

29浏览

0评论

解决vue-cli项目sourcemap因为文件重名导致的文件定位映射错误问题

目录vue-cli项目sourcemap文件重名导致的文件定位映射错误解决方案vue source-map设置，@符号使用Source Map@符号查找文件总结vue-cli项目sourcemap文件重名导致的文件定位映...

2024-06-10

89浏览

0评论

Vue中使用debugger在浏览器中不起作用的问题及解决

目录使用debugger在浏览器中不起作用问题描述解决方案vue中debugger报错 unexpected ‘debugger’ statement no-debugger说下原因方式一方式二总结使用debugger...

2024-06-10

34浏览

0评论

Vue组件传值过程接收不成功的问题及解决

目录Vue组件传值过程接收不成功第一个方式第二种方式Vue组件异步数据传值问题场景解析v-ifrefreactive总结Vue组件传值过程接收不成功第一个方式 watch: { currentleCod...

2024-06-10

25浏览

0评论

JavaScript事件监听之键盘事件详细介绍

目录一、keydown：按下键盘上的任意键时触发。二、keyup：释放键盘上的任意键时触发。三、keypress：在按下并释放能够产生字符的键时触发（不包括功能键等）。四、input：在文本输入框...

2024-06-10

47浏览

0评论

Vue之关于异步更新细节

目录前言更新逻辑Object.defineProperty set操作Dep notify实例方法Watcher update实例方法queueWatcher执行逻辑nextTick + flushSchedulerQueue为什么需要对queue中watche...

2024-06-10

34浏览

0评论

vue如何解决sass-loader的版本过高导致的编译错误

目录vue sass-loader的版本过高导致的编译错误解决办法在VUE项目中安装scsssass-loader高版本问题，解析就报错！！解决办法总结vue sass-loader的版本过高导致的编译错误解决办法...

2024-06-10

30浏览

0评论

vue/cli3版本打包如何去掉soucemap文件

目录vue cli3版本打包去掉soucemap文件vue打包后js文件夹中出现一些map文件的解决方法(map.js文件移除掉)总结vue cli3版本打包去掉soucemap文件正常打包会出现下面的这么多...

2024-06-10

104浏览

0评论

vue项目debugger调试看不到源码的问题及解决

目录vue项目debugger调试看不到源码解决方案vue页面中debugger失效1.F12打开开发者工具，找到设置2.去掉自定义排除规则总结vue项目debugger调试看不到源码在搭建vue项目时，在v...

2024-06-10

30浏览

0评论

vue如何禁止打开调试模式方法

目录vue禁止打开调试模式vue提供的三种调试方式一、在 VS Code 中配置调试二、debugger语句三、Vue Devtools总结vue禁止打开调试模式//在app.vue添加一下代码<template> <...

2024-06-10

33浏览

0评论

vue elementui异步给dom赋值无效问题

目录vue elementui异步给dom赋值无效vue elementui前端异步方法转同步总结vue elementui异步给dom赋值无效最近在研究el-admin，角色管理里面有个功能是点击左侧的表格里面的...

2024-06-10

29浏览

0评论

一文了解Vue 3 的 generate 是这样生成 render 函数的

目录前言看个demo生成render函数中的函数名称和参数生成render函数中return的内容总结前言在之前的面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？文章中讲了tran...

2024-06-10

21浏览

0评论

Javascript中点击(click)事件的三种写法举例

目录方法一：方法二：方法三：附：js连续指定两次或者多次的click事件（解决办法）总结方法一：<!DOCTYPE html><html><head> <title>Javascript中点击事件方法一</title></head><body> <...

2024-06-10

28浏览

0评论

Vue子组件如何修改父组件数据的方法及注意事项

目录子组件修改父组件数据的方法及注意事项1. Vue中的单向数据流2. 父组件向子组件传递数据3. 子组件改变父组件数据的方法3.1 使用事件3.2 使用.sync修饰符总结子组件修改...

2024-06-10

36浏览

0评论

vue cli如何配置开发环境下的sourcemap

目录配置方法配置后配置前开发环境的最佳品质的source map旧版vue.config.js总结配置方法vue.config.js：module.exports = { lintOnSave: false, devServer: { //开发环...

2024-06-10

34浏览

0评论

vue3选项式api如何监控数组变化

目录1、vue3数组监控的问题2、解决方案2.1 vue版本2.2 vue3选项式api深度监控的写法3、结论1、vue3数组监控的问题vue3中使用监控器 watch 能够完成一些基本类型数据的监控，...

2024-06-10

56浏览

0评论

vue3中template使用ref无需.value原因解析

目录前言看个demorender函数setup方法总结前言众所周知，vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时，无需使用.value就可以直接修改ref...

2024-06-10

45浏览

0评论

Vue如何实现数据的上移和下移

目录Vue实现数据的上移和下移场景解决方案禁用上下移逻辑Vue表单批量上移下移效果图总结Vue实现数据的上移和下移场景点击上移或下移按钮进行列表移动，第一行则不能上移，最后...

2024-06-10

24浏览

0评论

vue cli 3.0下配置开发环境下的sourcemap问题

目录vue cli 3.0下配置开发环境下的sourcemap问题描述问题分析vue如何关闭sourceMap问题解决办法总结vue cli 3.0下配置开发环境下的sourcemap问题描述vue cli 3.0环境下开...

2024-06-10

18浏览

0评论

JS中的Select框实现模糊搜索功能

您可以使用JavaScript来实现模糊搜索的功能，以下是一个简单的示例代码：HTML部分：<select id="select"> <option value="1">Apple</option> <option value="2">Banana</option...

2024-06-10

42浏览

0评论

vue3使用vuedraggable和grid实现自定义拖拽布局方式

目录使用vuedraggable和grid实现自定义拖拽布局实现思路效果图总结使用vuedraggable和grid实现自定义拖拽布局实现思路使用vuedraggable实现拖拽功能，拖拽改变的是模块在list...

2024-06-10

31浏览

0评论

vue如何通过插槽组件之间数据传递

目录vue通过插槽组件之间数据传递1.父向子传值2.子向父传值vue跨组件动态插槽传递需求及基本信息说明代码总结vue通过插槽组件之间数据传递1.父向子传值//--->Father.vue<te...

2024-06-10

22浏览

0评论

vue element实现多个Formt表单同时验证

目录vue element多个Formt表单同时验证多个Form内容统一提交验证vue多个表单校验 (巧用new promise)场景方案总结vue element多个Formt表单同时验证多个Form内容统一提交验...

2024-06-10

42浏览

0评论

Vue中的assets和static目录:使用场景及区别说明

目录assets和static目录：使用场景及区别解析1. assets目录2. static目录3. 区别与使用场景4. assets目录中的文件在构建时会经过哪些处理和优化最后assets和static目录：使用场...

2024-06-10

17浏览

0评论

Vue3中如何检测数组的变化方式

目录watch和watchEffect1. watch2. watchEffect3. 区别3.1 监听的方式3.2 追踪依赖3.3 调用时机3.4 返回值总结watch和watchEffectVue 3中，watch和watchEffect函数是用于监听...

2024-06-10

31浏览

0评论

vue3之声明式和编程式导航详解

目录vue3声明式和编程式导航编程式router.push(…) 多种写法导航横跨历史为什么vue3中声明响应式一般用const防止响应式被替换丢失链接使用ref维持响应式总结vue3声明...

2024-06-10

30浏览

0评论

vue elementUi+sortable.js实现嵌套表格拖拽问题

目录vue elementUi+sortable.js嵌套表格拖拽html部分data部分methods部分总结vue elementUi+sortable.js嵌套表格拖拽首先说下项目需求，一个多层嵌套的表格，行可以进行拖拽排...

2024-06-10

24浏览

0评论

Vue CLI4.0 webpack配置属性之productionSourceMap用法

目录productionSourceMap用途用法扩展什么是 source map?请看例子总结productionSourceMapType: booleanDefault: true用途设置生产环境的 source map 开启与关闭。用法modu...

2024-06-10

24浏览

0评论

React中mobx和redux的区别及说明

目录1. 简介1.1 MobX1.2 Redux2. 区别比较2.1 数据流模型2.2 学习曲线和复杂性2.3 生态系统2.4 性能3. 示例代码3.1 MobX示例3.2 Redux示例4. React Hooks总结React是一种流...

2024-06-10

136浏览

0评论

JS 监听用户页面访问&页面关闭并进行数据上报操作

前言最近在做安全方面的项目，有个需求是在用户访问页面和关闭页面的时候，发送对应的数据。刚拿到需求的时候，觉得没啥东西，init 的时候发送一次，页面 unload 的时候发送一次就行...

2024-05-26

109浏览

0评论

Vue 3 组件基础与模板语法详解

Vue 3 简介1. Vue 3 的新特性Vue 3引入了许多新的特性，以提高框架的性能和可维护性。下面是一些主要的新特性： Composition API：这是Vue 3中最大的变化之一，它提供了一种更灵活...

2024-05-26

76浏览

0评论

使用Vue3在浏览器端进行zip文件压缩

在前端开发中，我们时常需要处理文件上传和下载的功能。有时，用户可能希望将多个文件打包成一个zip文件以便于下载。今天，我将分享一个使用Vue3和JSZip库在浏览器端实现zip文件...

2024-04-30

129浏览

0评论

vue3 快速入门系列 —— 状态管理 pinia

Piniavue3 状态管理这里选择 pinia。虽然 vuex4 已支持 Vue 3 的 Composition API，但是 vue3 官网推荐新的应用使用 pinia —— vue3 pinia集中式状态管理redux、m...

2024-04-27

111浏览

0评论

JavaScript 如何实现一个响应式系统

第一阶段目标数据变化重新运行依赖数据的过程第一阶段问题如何知道数据发生了变化如何知道哪些过程依赖了哪些数据第一阶段问题的解决方案我们可用参考现有的响应式系统（vue）v...

2024-04-25

137浏览

0评论

Web3开发者技术选型：前端视角(next.js)

引言在现代Web开发的世界中，Web3技术的兴起为前端开发者开辟了新的可能性。Web3技术主要指的是建立在区块链基础上的分布式网络，使用户能够通过智能合约和去中心化应用（DApps）直...

2024-04-23

85浏览

0评论

vue-manage-system 版本更新，让开发更加简单

vue-manage-system 近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了官方文档网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需...

2024-04-23

105浏览

0评论

vue3 快速入门系列 —— 其他API

他API前面我们已经学习了 vue3 的一些基础知识，本篇将继续讲解一些常用的其他api，以及较完整的分析vue2 和 vue3 的改变。浅层响应式数据shallowRefshallow 中文：“浅层的...

2024-04-23

109浏览

0评论

Vue 3 进阶用法：异步组件

一、代码分割一个大型前端应用，如果所有代码都放在单一文件，体积会特别大，下载时间长，白屏时间久，用户体验差。代码分割是一种有效的优化方式。提前把代码切分为多个小块，只下载当...

2024-04-19

108浏览

0评论

vue3 快速入门系列 —— 组件通信

vue3 快速入门系列 - 组件通信组件通信在开发中非常重要，通信就是你给我一点东西，我给你一点东西。本篇将分析 vue3 中组件间的通信方式。Tip：下文提到的绝大多数通信方式在 vu...

2024-04-17

141浏览

0评论

setTimeout(fn, 0) // it works - JavaScript 事件循环动画演示

在前端代码中很经常看到使用 setTimeout(fn, 0)，如下面代码所示，乍一看很多余，但是移除了可能会出现一些奇奇怪怪的问题。要解释这个就需要理解事件循环（Event Loop），下面会通过...

2024-04-17

127浏览

0评论

JavaScript 迈入 AI 新纪元

随着人工智能技术的不断进步，JavaScript 也迎来了自己的 AI 时代。JS-Torch 是一个全新的深度学习库，专为 JavaScript 设计，其语法习惯与广受欢迎的 PyTorch 框架高度相似。这...

2024-04-11

123浏览

0评论

试官：只知道v-model是:modelValue和@onUpdate语法糖，那你可以走了

前言我们每天都在用v-model，并且大家都知道在vue3中v-model是:modelValue和@update:modelValue的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和@update:mo...

2024-03-26

136浏览

0评论

如何使用 JavaScript 导入和导出 Excel

前言在现代的Web应用开发中，与Excel文件的导入和导出成为了一项常见而重要的任务。无论是数据交换、报告生成还是数据分析，与Excel文件的交互都扮演着至关重要的角色。本文小...

2024-03-26

170浏览

0评论

vue3中使用simple-keyboard实现虚拟键盘（带中文切换数字键盘）

效果图官网simple-keyboard官网：https://hodgef.com/simple-keyboard/ 打不开的话请用魔法不足中文语言包支持度不够。不过自己可以找语言包替换依赖安装npm install simple-...

2024-03-26

热门文章