- 博客(40)
- 收藏
- 关注
RSS订阅原创 git将其他库中的代码导入到新库
是裸仓库，没有默认分支，所以需要手动推送所有分支。，并且可以在新仓库继续开发和管理代码。只包含 Git 版本控制的数据（目录，即你刚刚克隆的裸仓库。通常用于版本管理（如。，但不包含实际代码文件。将老库的代码导入到新库。或作为远程仓库使用。
2025-04-02 15:26:59
358
原创 gnvm切换node版本号
下载并解压缩 gnvm.exe 保存到任意文件夹，并将此文件夹加入到环境变量 Path。下载并解压缩 gnvm.exe 保存到 Node.js 所在的文件夹。v20.5.0 -- global 为当前使用的node版本。
2025-03-28 13:18:43
762
原创 vue项目使用k8s动态配置环境变量（运行时）
公司需要同一套代码部署两个系统，实现一个镜像同时发布两个项目，大佬们拍板决定在k8s配置env在运行时动态读取环境变量以下为gdp调研并结合项目代码，整合而得的实现步骤，已经发版部署，目前没有发现问题，项目成功在运行时读取环境变量。
2025-03-21 15:08:31
498
原创 vue怎样隐藏不需要显示的tab标签页
用户使用时每打开一个页面就会产生一个tab标签，当操作过多时，tab标签就会杂乱。为优化体验，仅主菜单项允许生成 Tab 标签，子页面将在当前标签内切换而不生成。，子页面默认不生成。如子页面需显示 Tab，可在路由配置中手动设置。属性，用于控制是否显示 Tab 标签。，则将页面添加至 Tab 数组；，则不生成 Tab 标签。
2025-03-07 14:43:37
166
原创 前端项目打包发布后自动刷新浏览器
在 Vue 前端项目中，每次打包发布后，用户可能会因为浏览器缓存而继续使用旧版本，导致代码不匹配、页面功能异常或缺失。为了解决这个问题，我们需要一种机制，能够在用户访问应用时自动检测新版本，并在版本不一致时强制刷新浏览器，以获取最新资源。在中存储版本号，每次打包时自动更新。在文件中，实现每次打包时自动更新。
2025-03-06 15:58:34
333
原创 vue2如何使用websocket异步导出文件
当导出文件过大，不能同步下载，需要后端异步导出成功后通知前端，前端更新下载状态，这时可以使用websocket要求在a、b、c、d几个页面中，无论打开哪一个都开启websocket，四个页面都关闭才能正常关闭websocket。
2025-03-06 13:28:28
297
原创 vue2怎样上传excel文件
on-change：文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用。show-file-list：是否显示已上传文件列表。auto-upload：是否在选取文件后立即进行上传。headers：设置上传的请求头。accept：接受上传的文件类型。limit：最大允许上传个数。drag：是否拖拽上传。
2025-03-05 18:31:28
309
原创 vue如何限制每条数据只能十分钟操作一次
后端要求，指定接口只能十分钟调用一次，而表格显示十条数据，每条数据都能调用这个接口，并且每条数据之前不会互相影响。而所有数据是从接口获取的，所以前端不能直接在数据里新增一个状态显示是否已经点击。因为一旦刷新页面或者重新获取数据，该状态就会刷新。
2024-09-24 13:46:18
275
原创 vue如何不下载图标，使用svg代码
在 src/assets 中创建 icons 文件夹，在 icons 的 svg 文件夹中新增 svg文件，文件名自定义。在 src/components 中创建全局组件 SvgIcon。在 icons 中新增 index.js 文件。选择一个图标点击下载，选择复制svg代码。内容为刚刚复制的svg代码。
2024-08-29 13:24:31
328
1
原创 vue如何使用第三方字体
阿里的是免费的，但是字体比较少。在src/assets/fonts中添加woff文件，新建fonts.css文件，引入字体。这里的font-family是自定义的字体名字，在css中可以直接使用。在main.js中引入fonts.css。
2024-08-29 11:20:37
425
原创 vue项目上线后强制清除缓存
我们可以通过给打包编译后的js文件、css文件名称添加时间戳来达到用户刷新时重新获取最新的js、css文件，进而获得最新代码。有时前端代码上线后，用户无法获取最新的代码显示，需要清除浏览器缓存，比较麻烦。vue.config.js 文件。
2024-03-28 16:16:26
1842
原创 在echarts中，如何自定义显示legend文本
需求是根据选择的参数做对比，动态生成echarts图，但是需要在legend中显示总数据，所以会出现legend文本与series的name不对应，需要自定义legend。
2024-01-18 15:27:30
3110
原创 element-ui表格如何实现跨页保留选中状态
在type="selection"的column中添加reserve-selection属性，在数据更新之后保留之前选中的数据（需指定。），跨页则会保留之前的选中状态。
2023-12-12 10:32:02
458
原创 利用事件监听模式进行组件通讯
如果加上 .native事件修饰符，就会变为原生事件，即便子组件中有$emit自定义事件操作，但是父组件中的事件仍旧会以“vue的原生事件”为优先，原生事件的优先级高于自定义事件。父组件中， 利用v-on进行事件的监听操作，可以不传递参数，也可以不加()，那么回调函数中的event就是默认的事件对象。@click.native 时事件会变为原生事件，会将事件绑定到子组件的根元素上，这时点击子组件的所有元素都会触发事件，因为产生了冒泡。toParent是自定义事件，自定义事件实现了子组件与父组件的通讯。
2023-12-02 13:20:39
71
原创 props的接收方式
只能进行属性的接收而已，但是无法实现类型判断，默认值设置、是否必需以及自定义校验规则。据类型的简单判断，但是无法实现默认值设置、是否必需以及自定义校验规则。对数据类型可以判断，确认是否必需，设置默认值，自定义校验规则。
2023-12-02 11:20:40
452
原创 作用域插槽
3.会把内容传到父组件中。1.父组件传递数组到子组件，子组件接收数组，父组件不会进行循环，子组件接收数组进行循环。2.子组件中接收数组，所以一定是子组件循环遍历。子组件中拿到传递过来的数组进行遍历，用。5.父组件拿到下标和对象可以任意布局。拿到的是子组件传过来的对象，，传过来是对象所以可以解构。
2023-12-01 15:04:22
53
原创 普通、具名、默认、默认值插槽
子组件中可以直接设置slot的名称，而父组件中所对应的slot并不一定必须存在，如果没有则默认显示子组件中的slot的元素内容，但如果父组件中进行了定义slot名称，并且与子组件中的slot名称所对应，那么则显示父组件中传递的内容。子组件：子组件中就利用slot属性并设置name对应父组件中slot的名称内容。子组件：只需要利用slot插槽就可以将父组件中带标签的内容进行显示。父组件：在父组件中可以设置slot属性，并且设置slot的名称。父组件：父组件中利用组件进行标签内容的包含操作。
2023-12-01 14:59:45
105
原创 vue的原生DOM事件、绑定组件、自定义事件
如果加上 .native事件修饰符，就会变为原生事件，即便子组件中有$emit自定义事件操作，但是父组件中的事件仍旧会以“vue的原生事件”为优先，原生事件的优先级高于自定义事件。父组件中， 利用v-on进行事件的监听操作，可以不传递参数，也可以不加()，那么回调函数中的event就是默认的事件对象。@click.native 时事件会变为原生事件，会将事件绑定到子组件的根元素上，这时点击子组件的所有元素都会触发事件，因为产生了冒泡。toParent是自定义事件，自定义事件实现了子组件与父组件的通讯。
2023-11-30 16:37:04
1214
原创 vue组件的创建
data是函数的话 会产生函数作用域，保证data只在当前组件起作用 , 可以保持函数返回的数据的私有性。如果data是对象，会影响其他组件的渲染。
2023-11-30 15:24:28
56
原创 自定义插件
这个方法的第一个参数是 Vue 构造器，不是实例，是Vue对象，第二个参数是一个可选 的选项对象。Vue.js 的插件应该暴露一个 install 方法。
2023-11-30 15:16:56
51
原创 自定义指令
v-highlight:background.delayed, binding 里的 modifiers 对象则多了 {delayed: true}v-highlight:backgroundt="'red'", binding里多了一个 arg: "background"v-highlight="'red'"时，binding里多了一个 value:"red"2-可以在 v-xxx="'value'" 进行值的设置。1-v-xxx可以进行自定义指令的调用。3-利用 : 进行自定义指令参数的传递。
2023-11-30 14:36:26
36
原创 vue的内置指令
v-cloak：{{表达式}} 的渲染需要一定的时间，如果网速慢，则会出现 {{}} 显示在界面上的情况，所以需要 [v-cloak] {display: none;那么display: none则不会起作用，页面也会正常渲染。v-pre：里面的内容不会进行插值表达式显示，会原样显示 {{content}}v-once：只会进行一次渲染，渲染完以后不会再次渲染。v-html:会对html格式进行解析操作。v-text:会原样输出数据内容。v-model：双向数据绑定。v-bind：单向数据绑定。
2023-11-30 14:32:51
34
原创 vue生命周期
模板已经在内存中编译, 但还没有挂载到页面上, 不能通过 ref 找到对应的标签对象。能找到$el,但是$el的子元素不能找到，虚拟dom没有转为真实dom。此时 data 和 methods 都已初始化完成, 可以通过 this 去操作, 可以在此发 ajax 请求。但是不能获得dom元素。实例销毁之前调用, 此时实例仍然可以正常工作(在内存中可以工作，对虚拟dom的处理，但是无法调用函数更改数据)在实例初始化之后调用, data 和 methods 都还没有初始化完成, 通过 this 不能访问。
2023-11-30 14:23:23
52
原创 vue如何更新响应式数组与对象的内容
3.直接进行数组元素的整体替换，是不行的 this.persons[1]={ name: 'zhangsan', age: 20, color: 'green' }2.用变异函数整体修改：this.persons.splice(1,1,{name: 'zhangsan', age: 20, color: 'green'})2.如果是新增响应式数据，则 this.$set(this.userInfo,'xxx','x')。this.ingredients.splice(1,1,"soup") // 成功。
2023-11-30 14:17:29
657
原创 动态样式绑定(数组模式)
数组，数组中可以是string也可以是object不同的数据类型的组合。主要掌握的是键名与键值的关系，键名是类名，键值是布尔值。true，那么键类的类名就超作用。否则将键名的类名从class中移除。数组中可以是string也可以是object不同的数据类型的组。可以是任意的样式名称，但是启不启作用在于样式有没有定义。
2023-11-29 19:52:11
126
1
原创 动态样式绑定(对象模式)
键名需要在style里定义，不然没有样式。键值是boolean,为true时类名起效果，false时移除类名。class前需要加冒号，:是v-bind的缩写，意为需要用到data里的数据，class里面是对象。属性计算最终返回的class绑定内容也是对象，键名是类名，键值是布尔值，可以是多个属性节点的操作。相当于 :class="{red:attachRed,blue:!
2023-11-29 19:50:37
131
1
原创 watch数据监控
设置了就可以监控到，但是 newValue和oldValue是一样的，当改变整个对象newValue和oldValue才会不一样。3. 当监控的数据是对象或者数组的引用数据类型，那么修改某个属性是监控不到的，需要当整个对象或数组发生改变才能监控到。4. 设置 deep:true 实现深度监控，不写的话改变某一个属性则监控不到，对象认为你没有改变。6.使用 vm.$watch 也可以实现监控,但不能实现深度监控和立即监控，建议写成对象形式。5. watch 既可以是函数模式，也可以是对象模式。
2023-11-29 19:43:16
122
1
原创 computed属性计算
3-3. 不管是methods还是computed，它们的来源都是es6当中的class，methods其实就是class当中的普通方法，而computed其实就是class中的get/set方法。3-2. computed是被动的，在调用以后会缓存处理，执行的时候不需要加()，不管执行几次computed计算函数都只被调用一次。3-1. methods是主动调用的，执行次数是根据调用次数来决定的，显然性能比较弱，执行的时候需要加上()2. 属性计算可以是函数形式，但它只是get操作。
2023-11-29 19:38:32
81
1
原创 键盘事件修饰符
备注：也可以使用keyCode去指定具体的按键（不太推荐）@keyup.alt.c：按下alt+c触发。@keyup.delete：按下删除触发。@keyup.enter：按下回车触发。@keyup.space：按下空格触发。@keyup.down：按下 ↓ 触发。@keyup.esc：按下esc触发。@keyup.tab：按下tab触发。@keyup.w：按下w触发。
2023-11-29 18:25:20
273
1
原创 VUE事件修饰符
click.prevent.stop.once：冒泡和默认事件还有当前点击事件只会阻止一次，下一次点击就是父级的点击事件与默认事件。@click.self：只当在 event.target 是当前元素自身时触发处理函数。@click.capture：使事件触发从包含这个元素的顶层开始往下触发 （事件捕获）@click.self.prevent：只会阻止对元素自身的点击。@click.prevent.stop：阻止冒泡和默认事件。@click.prevent.self：阻止所有点击。
2023-11-29 18:09:42
59
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人