字节叔叔的博客_vue

为什么我的浏览器会被卡死，其他人的不会？——一次由 Vue Devtools 引发的递归地狱

摘要： Vue 3 + Pinia 项目中递归修改响应式数据时，若开启 Vue Devtools 会导致浏览器卡死，原因是 Devtools 深度追踪响应式对象引发循环依赖。解决方案包括：1) 深拷贝数据后再递归处理；2) 使用 toRaw() 去除响应式包装；3) 初始化时预处理数据结构。该问题在无痕模式（禁用插件）下不会复现，核心在于避免直接递归修改响应式对象。通有效规避性能陷阱。

#vue.js

#前端

#javascript

Vue

响应式

原创 5天前 30 阅读

Vue 3 中的 nextTick 使用详解与实战案例

nextTicknextTick在 Vue 3 中解决的是“响应式数据变更后，需要访问更新后的 DOM”的问题。表单校验提示后的自动滚动；弹窗打开后的输入框聚焦；Tab 页切换后图表初始化；动态组件挂载后的插件调用。

vue.js

前端

javascript

Vue

输入框

原创 4月前 110 阅读

面试官：vue中插件和组件的区别？

我们还可以通过template属性来编写一个组件，如果组件内容多，我们可以在外部定义template组件内容，如果组件内容并不多，我们可直接写

vue.js

javascript

前端

Vue

实例方法

原创 2024-05-21 15:50:18 85 阅读

若依源码解析：RuoYi-Vue权限系统设计

若依（RuoYi）是一款基于Spring Boot和Vue.js开发的快速开发平台，它的权限管理是通过RBAC（Role-based Access Control 基于角色的访

vue.js

java

mybatis

数据

sql

原创精选 2024-05-05 14:08:17 6937 阅读 3点赞 2收藏

ruoyi-vue前端的一些自定义插件介绍

可以查看src/plugins 文件夹index.js文件// 页签操作// 认证对象// 缓存对象// 模态框对象// 下载文件。

vue.js

前端

javascript

自定义

遮罩层

原创精选 2024-04-24 11:20:43 3023 阅读

解决IOS transform rotate后文字无法显示，backface-visibility导致@click事件失效

网上搜到可以用backface-visibility:hidden来解决，这样做文字是出来了，但是click事件无效了。

vue

css

javascript

点击事件

click事件

原创 2024-01-04 11:49:47 232 阅读

解决npm install时报：gyp ERR! configure error

降npm版本，之前用的是：16.13.1，现在改成：12.14.0。再跑npm install 就不报错了。建议装个nvm，相当好用。

npm

前端

node.js

好用

原创 2023-12-20 09:53:57 2159 阅读

若依管理系统RuoYi-Vue：权限系统设计详解

若依（RuoYi）是一款基于Spring Boot和V

vue.js

java

mybatis

数据

sql

原创 2023-05-13 09:07:36 6562 阅读 2点赞 1收藏

nginx部署vue项目,给访问路径加前缀的方法：vue.config.js配置publicPath和nginx配置alias

本文主要涉及到 Vue.js 项目部署在 Nginx 上的相关问题。其中，publicPath 选项可以用于设

vue.js

nginx

javascript

Nginx

Vue

原创 2023-04-22 07:46:49 4001 阅读

面试官：rem和vw有什么区别

"rem" 和 "vw" 都是用于网页设计的CSS单位。"rem" 是相对于根元素的字体大小来计算的单位不同。

css

html

css3

网页设计

响应式设计

原创 2023-04-13 06:57:38 319 阅读

二次封装element select，通过computed计算属性解决v-model父子组件传递值问题

项目中需要编写一个全局组件，继承element select，二次封装element select，不

javascript

前端

vue.js

数据

封装

原创 2023-04-11 15:45:18 434 阅读

SpringBoot+WebSocket+VUE实现一个简单的聊天机器人

要实现一个简单的聊天机器人，可以使用Spring Boot框架作为后端

spring boot

websocket

vue.js

elementui

聊天机器人

原创 2023-04-11 15:44:32 575 阅读

element ui textarea实现输入字数统计

最近看同行设计，input textarea如果限制字符，可以展示已输入多少个字符，总共限制多少个字符。觉得这个设计挺好，看了一下element官方文档，也可以这么实现。

javascript

前端

vue.js

原创 2023-04-11 15:22:26 903 阅读

面试官：在vue3中 jsx 和 template语法，你更推荐哪个？

目录语法区别插值使用条件循环传递属性和事件自定义组件引入其他区别使用方式：类型检查：IDE 支持：总结Vue 3 支持两种模板语法：JSX 和 Template。它们都有自己的优缺点和适用场景。JSX 是一种 JavaScript 语法扩展，它允许开发者在 JavaScript 代码中嵌入 HTML。JSX 代码在编译时会被转换成普通的 JavaScript 代码，这样就可以被浏览器或者 Node

javascript

前端

vue.js

JSX

HTML

原创 2023-03-25 23:26:12 274 阅读

实现vue3版本uniapp hbuilder 转 vue-cli

有个开源项目是用hbuilder编译的，现在想通过vue cli实现。本文记录过程中的采坑。

vue.js

uni-app

javascript

webview

ci

原创 2023-03-21 14:36:36 477 阅读

以element ui为例分析前端各种弹窗和对话框的使用场景与区别

本文研究分析element ui 中的各种弹窗和对话框，包括了：Dialog 对话框，Drawer 抽屉，MessageBox 弹框，Popconfirm 气泡确认框，Message 消息提示，Notification 通知。同时说明了Dialog 对话框与Drawer 抽屉的区别、MessageBox和Dialog的区别以及Message消息提示与Notification通知的区别。

vue.js

ui

前端

消息提示

ico

原创 2023-01-18 11:12:52 597 阅读

windows 安装jenkins运行发布vue项目到linux服务器

由于服务器上运行jenkins很卡，所以对于小公司而言，就不在服务器上跑jenkins，这两天公司正好有一台闲置的windows主机。就在这个上面尝试安装jenkins来进行自动打包，并且发布到linux服务器。安装插件安装nodej插件Publish over SSH系统配置Publish over SSH全局工具配置设置node构建项目创建一个freestyle的项目Discard old buildsgit命令报错Host key verification failedBuild

jenkins

服务器

vue.js

git

Jenkins

原创 2023-01-06 17:39:04 181 阅读

Module not found: Error: Can‘t resolve ‘core-js/modules/es.error.cause.js‘

在自己笔记本上运行好好的，没什么问题，在jenkins编译的电脑上就出现了Can't resolve 'core-js/modules/es.error.cause.js'我用的core-js@3.19.1版本有点老了，不再维护了。我的jenkins服务器上面的node版本比笔记本的高，高版本的node对低版本的core-js支持不行。

javascript

vue.js

服务器

ci

json

原创 2023-01-06 16:27:37 1860 阅读

JS分子结构编辑器：基于SMILES来绘制分子结构，类似于Marvin JS

如果想显示化学结构式, 是不是也有相应的Javascript库可用呢?最近开源了一套VUE编写的化学分子编辑器、化学结构编辑器DEMO,集成了JSME，ketcher。支持在台式电脑以及iPhone、iPad和Android智能手机和平板电脑等手持设备上绘制和编辑分子和反应。https://gitee.com/zccbbg/vue_molecule_editor

javascript

编辑器

前端

git

智能手机

原创 2022-12-06 10:44:37 696 阅读

vue-ant-design a-table 报 row-key Duplicate keys detected: 1. This may cause an update error

这个错误很明显，是row-key重复了，但是我已经确保了数据里面的key都不重复的。然后才发现column里面也有key，key的值可能和数据的key冲突了。

vue.js

前端

javascript

数据

git

原创 2022-10-21 08:59:52 551 阅读

ant-design-vue Table pagination分页实现

但如果想要与后端配合着写，则需要传入pagination参数来自定义，onShowSizeChange ：只有pageSize 变化才会回调。onChange：页码改变的回调，参数是改变后的页码及每页条数。

vue.js

javascript

前端

分页

自定义

原创 2022-10-20 21:06:37 1157 阅读

记录一次：封装el-cascader组件后默认值一旦被改变无法回显的问题

Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时，视图会进行更新。但是Vue 不能检测以下数组的变动。

vue.js

前端

javascript

数组

Vue

原创 2022-10-20 17:43:25 716 阅读

npm、yarn、pnpm的区别

yarn相对于npm的主要优点：速度快。pnpm复刻了npm所有的命令，所以使用方法和npm一样，并且在安装目录结构上做了优化，特点是善用链接，且由于链接的优势，大多数情况下pnpm的安装速度比yarn和npm更快。

npm

javascript

前端

缓存

包管理器

原创 2022-09-26 18:05:20 600 阅读

若依vue中字典Dict插件的研究

比较关键的步骤：this.dict.init(this.$options.dicts) 将vue页面上定义的dicts数组传进去，组装数据，请求后端，获取对应字典数据。

vue.js

javascript

前端

Vue

Data

原创 2022-09-09 16:40:19 2482 阅读

JavaScript ES6 Map 对象在 Console中打印

在调试代码时发现：JavaScript ES6 Map 对象，JSON.stringify(mapObject)打印不出来，需要用…mapObject.entries()才可以。

javascript

JSON

ES6

原创 2022-09-08 11:38:05 279 阅读

VUE2中routes和router,$route和$router的区别

本文介绍VUE2中routes和router,$route和$router的区别以及不同的使用场景

vue.js

前端

javascript

User

字段

原创 2022-09-01 11:07:27 128 阅读

编写一个全局组件，继承element table，二次封装element table，实现row-click点击某一行能选中

项目中需要编写一个全局组件，继承element table，二次封装element table，实现row-click点击某一行能选中。这样每个页面只需调用这个组件就行，不需要每个页面都写一个方法来处理row-click点击某一行能选中。...

vue.js

javascript

ico

共享数据

复选框

原创 2022-08-29 14:44:00 254 阅读

vue-router中params和query的区别

本文介绍了vue-router中params和query的区别。 1. query方式生成的url为/xx?id=id，params方式生成的url为xx/id 2. this.$ro

vue.js

javascript

前端

刷新页面

带参数

原创 2022-08-21 12:18:24 1231 阅读

vscode 智能识别@开头的文件，Ctrl+Click 到目标文件的方法和变量

对于webpack 自定义的别名, 需要在项目的根目录创建或者编辑 jsconfig.json/tsconfig.json 文件，但是定义的一些全局变量，不能自动跳转，感觉还是不是那么的智能，同样的webstorm就可以。

vscode

vue.js

javascript

Vue

自动跳转

原创 2022-08-19 09:12:09 254 阅读

vue2中component和components在组件注册和路由中的区别

本文介绍vue2中component和components在不同使用场景（组件注册、路由）下的区别。

vue.js

javascript

前端

ide

Vue

原创 2022-08-17 09:21:32 260 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb6434dfab2dde5的博客

为什么我的浏览器会被卡死，其他人的不会？——一次由 Vue Devtools 引发的递归地狱

Vue 3 中的 nextTick 使用详解与实战案例

面试官：vue中插件和组件的区别？

若依源码解析：RuoYi-Vue权限系统设计

ruoyi-vue前端的一些自定义插件介绍

解决IOS transform rotate后文字无法显示，backface-visibility导致@click事件失效

解决npm install时报：gyp ERR! configure error

若依管理系统RuoYi-Vue：权限系统设计详解

nginx部署vue项目,给访问路径加前缀的方法：vue.config.js配置publicPath和nginx配置alias

面试官：rem和vw有什么区别

二次封装element select，通过computed计算属性解决v-model父子组件传递值问题

SpringBoot+WebSocket+VUE实现一个简单的聊天机器人

element ui textarea实现输入字数统计

面试官：在vue3中 jsx 和 template语法，你更推荐哪个？

实现vue3版本uniapp hbuilder 转 vue-cli

以element ui为例分析前端各种弹窗和对话框的使用场景与区别

windows 安装jenkins运行发布vue项目到linux服务器

Module not found: Error: Can‘t resolve ‘core-js/modules/es.error.cause.js‘

JS分子结构编辑器：基于SMILES来绘制分子结构，类似于Marvin JS

vue-ant-design a-table 报 row-key Duplicate keys detected: 1. This may cause an update error

ant-design-vue Table pagination分页实现

记录一次：封装el-cascader组件后默认值一旦被改变无法回显的问题

npm、yarn、pnpm的区别

若依vue中字典Dict插件的研究

JavaScript ES6 Map 对象在 Console中打印

VUE2中routes和router,$route和$router的区别

编写一个全局组件，继承element table，二次封装element table，实现row-click点击某一行能选中

vue-router中params和query的区别

vscode 智能识别@开头的文件，Ctrl+Click 到目标文件的方法和变量

vue2中component和components在组件注册和路由中的区别

欢迎