vue-print-nb vue插件 功能
可视化—AntV G6 紧凑树实现节点与边动态样式、超过X条展示更多等实用小功能
通过一段时间的使用和学习，对G6有了更一步的经验，这篇博文主要从以下几个小功能着手介绍，文章最后会给出完整的demo代码。 1. 树图的基本布局和使用 树图的布局，使用的模板是官网所提供的 紧凑树模板，在此基础上，进行一些定制化的改造，官网紧凑树案例 属性说明： graph = new G6.Tre ......
Vue 中给图片添加时间水印
Vue 中给图片添加时间水印，可以通过在图片上叠加一层带有日期时间的透明图层来实现。具体的实现方式及步骤如下： 在 Vue 的 template 中加载原始图片和水印图片。 在 Vue 的 script 中计算日期时间字符串，并根据需要生成对应的日期时间图片（可以借助 Canvas API 来绘制） ......
vue3定义变量ref、reactive、toRefs的特征和应用
1.ref() 函数 ref() 函数用来根据给定的值创建一个响应式的数据对象，传入的为基本数据类型，例如字符串、数字、boolean 等,返回值是一个对象，这个对象上只包含一个 value 属性 ref定义的变量，改变值要.value,而且在template中不用写.value <div>{{ms ......
vue-qr引入时报错You may need an appropriate loader to handle this file type. 问题
今天研究了一下vue生成二维码的功能，在使用vue-qr插件的时候，在所需页面引入，报错，于是就研究了一番。 解决方法 找到node_modules/vue-qr/dist/vue-qr.js文件，搜...e,将...去掉，然后重新运行就好。 ......
MyBatis Generator插件使用(配置详解)
https://www.404bugs.com/details/1081229982964699136 Hibernate 根据写好的 pojo启动服务器会自动帮助我们生成对应的数据表。 Mybatis Generator简称 MBG，是一个专门为 MyBatis和 ibatis框架使用者提供的代码 ......
Nacos配置中心功能
Nacos的配置管理模型# 对于Nacos配置管理，通过Namespace、group、Data ID能够定位到一个配置集。 命名空间(Namespace)# 命名空间（namespace）可用于进行不同环境的配置隔离。例如可以隔离开发环境、测试环境和生产环境，因为它们的配置可能各不相同，或者是隔离 ......
vue 实现下拉滑动触底加载
实现下拉滑动触底加载可以分为以下几个步骤： 监听滚动事件，判断是否到达底部。 到达底部后，发起数据请求，获取数据。 将获取到的数据添加到页面上。 下面是一个基于Vue.js的示例代码： <template> <div class="container" ref="container" @scroll ......
一个让程序员可能失业的插件Copilot，在Visual Studio 中的使用
首先来看看什么是Copilot，Copilot是GitHub 去年联合 OpenAI，推出了一款智能工具，全名是“GitHub Copilot”，可以根据上下文自动写代码，将程序员从重复的编写中解放出来。比如让Copilot写个冒泡排序算法，Copilot会马上在你要求的下面写一段冒泡排序算法，是不 ......
vue-router学习笔记
入门 router-link // Go to Home router-view //router-view 将显示与 url 对应的组件。 ##动态路由匹配 带参数的动态路由匹配（$route.params） const User = { template: '<div>User</div>', ......
vue项目手动上传文件并展示进度条
问题： 1.上传文件可能会跨域，查找跨域解决办法。（查找资料表明用手动上传，new FormData()方式可以解决，先用这个试一试） 2.手动上传没有进度条，查找进度条实现方式。（自定义axios,添加请求参数onUploadProgress） 3.进度条的进度和上传的对勾显示时机不一致。（解决办 ......
vue全家桶进阶之路24：Mock
Mock 是一个 JavaScript 库，用于生成随机数据或模拟 HTTP 请求响应，用于前端开发中的单元测试、功能测试、集成测试等场景。 Mock 可以生成各种类型的数据，包括字符串、数字、布尔值、对象、数组等等，并支持多种数据格式，例如 JSON、XML、YAML 等。Mock 还支持自定义数 ......
Vue.js 路由的params参数
视频 6.路由的params参数 配置路由，声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name: ......
Vue.js 命名路由
视频 5.命名路由 作用：可以简化路由的跳转。 如何使用 给路由命名： { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:' ......
Vue.js 路由的query参数
视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数，to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数，to的对象写法 ......
同城跑腿小程序开发功能介绍
同城跑腿小程序开发有哪些功能? 1、多种跑腿类型选择 通过同城跑腿小程序软件，能够详细地为用户提供多种跑腿类型，让用户可以更好地选择相关内容，解决生活中的各项跑腿需求问题。 2、线上查看跑腿价位 相关的跑腿服务价位会以信息化的形式为用户呈现出来，让用户了解到相关的价格、跑腿估算时长以及注意事项等等。 ......
拒绝“爆雷”！GaussDB(for MySQL)新上线了这个功能
摘要：智能把控大数据量查询，防患系统奔溃于未然。 本文分享自华为云社区《拒绝“爆雷”！GaussDB(for MySQL)新上线了这个功能》，作者：GaussDB 数据库。 什么是最大读取行 一直以来，大数据量查询是数据库DBA们调优的重点，DBA们通常十八般武艺轮番上阵以期提升大数据查询的性能：例 ......
Vue2使用setup、ref、reactive等Vue3的组合式api
有些同学想在当前项目中体验Vue3组合式api，setup、ref、reactive等，而且一步就可以升级到Vue3，但是vue确实2.x版本，不改变当前版本怎么办呢？ vue2.7.0开始自带composition-api可以放心体验，当然不支持 <script setup>语法糖，还需要retu ......
在vue3中读取本地txt文件
碰到运营提出需求，提供了一个.txt文件，要求输入框校验文件提供的敏感词汇，故以此记录： 上传文件： <input @change="uploadFile" type="file"> 操作函数： const fileContent = ref(''); const uploadFile = asyn ......
vue动态切换组件
多个组件挂在到同一个组件上，通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
nginx配置vue打包npm build的静态页面
nginx 配置vue项目 server { listen 8081; server_name 10.8.8.8; index index.html; root /home/www/crm/vue/dist; #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则 #error ......
MyBatis添加功能
添加 编写接口方法：Mapper接口 参数：除了id之外的所有数据 结果：viod 编写SQL语句：SQL映射文件 执行方法，测试 MyBatis事务： openSession()：默认开启事务，进行增删改查操作后需要使用sqlSession。commot(); 手动提交事务 openSession ......
代码格式化插件prettier配置
.prettierrc.js module.exports = { // 一行最多可以有多少个字符 printWidth: 160, // 一个tab相当于多少个空格 tabWidth: 4, // 是否使用使用tab缩进 useTabs: false, // 是否在每个语句的末尾添加分号 semi ......
Vue2 计算属性
说明： 计算属性指的是通过一系列运算之后，最终得到一个属性值。 间的的理解，当我们拥有一些数据时，我们需要将这些数据整合到一起，这时候计算属性就会完成这个操作，整合到一起的数据会变成实例的一个新属性值。当用户改变某个数据时，计算属性也会动态的调成整合后的数据。 这个动态计算出来的属性值可以被模板结构 ......
微信公众号跳转小程序 wx-open-launch-weapp，在vue3+vite中使用 (多个问题集锦)
写这篇文章为了解决现在没有⼀个合集 ，所以我参考其他文档， 及自己的测试最后得出完整的方案 1. 公众号后台关联小程序 要求已认证的服务号 ，在服务号中关联要跳转的小程序 配置 JS接口安全域名 2. 调用wx.config配置‘wx-open-launch-weappʼ标签 3. 修改微信本来的内 ......
思考 React Hook 和 Vue 组合式 API
Vue 组合式 API 优化周期函数 Vue2 选项 API 一个组件的周期函数只能有一个，比如 mounted 周期中有很多获取数据的逻辑都在这里，在 updated 周期中又有很多更新的逻辑在这里。 选项 API： export default { data() { return { a: 1, ......
vue 如何实现对弹窗中的列表进行滚动分页加载数据
html: <div class="userList" v-loading="usrLoading" ref="userListBox"> <ul v-if="userListData!=''" style="minHeight: 300px"> <li v-for="(item,i) in use ......
ant-design-vue wangeditor隐藏工具栏image
解决办法 this.editor.customConfig.menus中注释掉img就可以了 <template> <div :class="prefixCls"> <div ref="editor" class="editor-wrapper" ></div> </div></template>< ......
一篇搞定Nginx功能
from:https://mp.weixin.qq.com/s/yF5h7dslESaa3Gt5rE6IbQ 引言 一、性能怪兽-Nginx概念深入浅出 二、Nginx环境搭建 三、Nginx反向代理-负载均衡 四、Nginx动静分离 五、Nginx资源压缩 六、Nginx缓冲区 七、Nginx缓存 ......
基于Matlab Simulink实现了以下功能，搭建了储能系统变换模型以及钒液流电池模型
基于Matlab Simulink实现了以下功能，搭建了储能系统变换模型以及钒液流电池模型，仿真效果较好，系统充放电正常。 下图为系统模型图，电池输出电压电流以及SOC波形。 1.钒液流电池本体建模 2.储能变换器建模 3.双向DC变换 4.恒定功率控制YID:88100668724555773 ......
第十四篇 vue - 基础 - 模板引用
模板引用 虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 ref attribute ref 是一个特殊的 attribute，和 v-for 章节中提到的 key 类似。它允许我们在一个 ......