字节叔叔

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

我们还可以通过template属性来编写一个组件，如果组件内容多，我们可以在外部定义template组件内容，如果组件内容并不多，我们可直接写在template属性上。编写一个组件，可以有很多方式，我们最常见的就是vue单文件的这种格式，每一个.vue文件我们都可以看成是一个组件。插件的注册通过Vue.use()的方式进行注册（安装），第一个参数为插件的名字，第二个参数是可选择的配置项。全局注册通过Vue.component方法，第一个参数为组件的名称，第二个参数为传入的配置项。如 vue-router。

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

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

而Less则使用Less处理器，它的语法更接近于常规的CSS。语法：SCSS是基于CSS的超集，它使用和CSS相同的语法，并通过添加一些新的功能和规则来扩展CSS。SCSS和Less是两种流行的CSS预处理器，它们在语法和功能上有一些区别，尽管它们的目标都是提供更灵活和可维护的CSS编写方式。SCSS（Sassy CSS）是一种CSS预处理器，它是CSS的扩展，允许开发者使用更灵活、可维护和可扩展的方式编写样式表。嵌套（Nesting）：SCSS允许在样式规则中使用嵌套的语法，以表示样式的层次结构和关系。

一个基于 Vue、ElementUi、C-Lodop 的打印模板设计器。实现打印模板的设计、预览和打印功能。示例。

当元素祖先的 transform、perspective、filter 或 backdrop-filter 属性非 none 时，容器由视口改为该祖先。fixed的元素的父级元素有任意一个的 transform、perspective、filter 或 backdrop-filter不为空，则会基于这个容器而定位，而不是浏览器窗口了。element-admin在切换tab的时候，会有一个动画效果，是基于transform来实现的。

若依（RuoYi）是一款基于Spring Boot和Vue.js开发的快速开发平台，它的权限管理是通过RBAC（Role-based Access Control 基于角色的访问控制）模型来设计的。RBAC模型将权限控制分为角色管理和权限管理两个部分。在若依中，角色是指对系统的一类用户或操作者的定义，而权限是指对系统中某个资源或操作的访问控制。通过为每个角色分配相应的权限，可以实现对系统的全面管理和控制。

本文主要涉及到 Vue.js 项目部署在 Nginx 上的相关问题。其中，publicPath 选项可以用于设置 Vue.js 项目的访问路径前缀，alias 指令可以用于 Nginx 中将请求路径映射到指定的文件系统路径。同时，通过设置 Nginx 配置文件，可以将多个 Vue.js 项目部署在同一个域名下的不同路径中。使用 alias 指令可以更加方便地管理多个 Vue.js 项目，并使配置文件更加简洁易读。

每个管道都会创建一个新的函数，这会导致更多的函数创建和执行，而这些函数可能只是对数据进行了一些简单的操作，这些操作完全可以在组件中使用计算属性或方法来完成。Vue3 组合式API（Composition API）则很好地解决了这个问题，可将同一逻辑的内容写到一起，增强了代码的可读性、内聚性，其还提供了较为完美的逻辑复用性方案。是 Vue 3 中的工具函数，可以将一个响应式对象转换成一个由所有属性都为响应式对象的普通对象。当响应式对象中的某个属性发生改变时，这个改变会被追踪，并且会触发视图更新。

Pinia和Vuex都是Vue状态管理库，但是它们有一些区别。

Vue 3 支持两种模板语法：JSX 和 Template。它们都有自己的优缺点和适用场景。JSX 是一种 JavaScript 语法扩展，它允许开发者在 JavaScript 代码中嵌入 HTML。JSX 代码在编译时会被转换成普通的 JavaScript 代码，这样就可以被浏览器或者 Node.js 运行环境识别和执行。在 JSX 中，可以使用大括号 {} 来插入变量或表达式：在 Template 中，则使用双花括号 {{}}：条件循环在 JSX 中，可以使用 JavaScript 的条

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

br>在HTML中，可以使用元素来强制换行，也可以使用CSS的word-break或属性来实现自动换行。

"rem" 和 "vw" 都是用于网页设计的CSS单位。"rem" 是相对于根元素的字体大小来计算的单位，即相对于 "html" 标签的字体大小。例如，如果 "html" 标签的字体大小为 16px，那么 "1rem" 就等于 16px。"vw" 是相对于视口宽度的单位，即相对于浏览器窗口的宽度。例如，如果视口宽度为 1000px，那么 "1vw" 就等于 10px （因为1vw相当于视口宽度的1%）。因此，两者的区别在于计算的基础不同。

要实现一个简单的聊天机器人，可以使用Spring Boot框架作为后端，使用WebSocket协议实现实时通信，使用VUE作为前端实现聊天界面。

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

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

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

后端的实现相对简单，网上一大堆参考案例。前端主要是拿ImageUpload改造一下。

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

若依vue默认是使用element ui的，但是现在大部分项目都用ant design，ant design的组件也比element多，所以最近有想更改成ant design。网上搜了一下，已经有现成的了。

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

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

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

项目需求需要根据字典的value来获取label进行展示，若依提供了selectDictLabel, selectDictLabels两个方法通过value获取label。

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

最近项目有个需求，当页面刷新时更新vuex。看了若依vue里面的操作，在router.beforeEach方法里判断store.getters.roles长度是否为0，如果是0，则代表刷新，如果不是则代表路由跳转。

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

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

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

项目中需要编写一个全局组件，继承element select，二次封装element select，不用重复去写封装组件数据的代码。这里面遇到了父子组件传递值不成功的问题，通过computed计算属性解决。

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

本文介绍了vue-router中params和query的区别。 1. query方式生成的url为/xx?id=id，params方式生成的url为xx/id 2. this.$router.push根据path来处理的话，只能用query，不能用params 3. params方式需要注意的是需要定义路由信息如：path: '/xx/:id',这样才能进行携带参数跳转，否则url不会进行变化，并且再次刷新页面后参数会读取不到。

ctrl+click $download不能自动跳转，只能通过ctrl+T（显示所有符号 Show all Symbols）来定位。定义的一些全局变量，不能自动跳转，感觉还是不是那么的智能，同样的webstorm就可以。ctrl+T：显示所有符号，vscode会在项目里面找这个符号的定义的位置。...

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

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

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