多个vue-cli版本vue
Vue数据更新页面却没有更新的几种情况以及解决方法
情况一：Vue无法检测实例被创建时不存在于data中的变量 原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如： 1 2 3 4 5 new Vue({ data:{}, t ......
vue路由模式区别
目的： 在vue中路由模式有history和hash模式两种模式：他们的目的是为了在SPA单页面情况下，切换页面不会向后端服务器发送请求； hash模式： 为以#作为分隔符， 原理：通过window.location.hash获取 hash值；监听hash中的hashchange事件，当URL的ha ......
vue3实现input输入框只能输入中文
简单记录下，方便以后复制 <el-input v-model="form.name" placeholder="使用人的姓名" :maxlength="20" :formatter="(value)=>value.replace(/[^\u4E00-\u9FA5]/g, '')" /> ......
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 （1）在 ......
前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例
先看逻辑 如何切片？如何获取文件唯一hash？与后端交互获取文件上传的状态，用于判断情况，是秒传还是续传？上传切片文件，判断失败文件重新执行？全部上传完成通知后端？ 1、先上全部代码，后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
Vue - 对数组进行分页，结合 el-pagination 组件
分页函数 file:[pager.ts] /** * 分页 * * @param list 数组 * @param currPage 当前页 * @param pageSize 一页数量 * @returns */ export function paginate(list: Ref<any[]>, ......
mac 切换java jdk版本 java8 java11
1. 终端执行命令 查看本地各版本jdk：mac通常默认安装了jdk1.8 安装目录是 /Library/Java/JavaVirtualMachines/ cd /Library/Java/JavaVirtualMachines/ ls 2. 上述命令列出的各版本目录名 后，在全局配置文件.bas ......
spring ApplicationContext版本的快速入门
代码示例： public interface UserDao {} public class UserDaoImpl implements UserDao {} public interface UserService {} public class UserServiceImpl implemen ......
确定已安装的PowerShell版本
内容来自 DOC https://q.houxu6.top/?s=确定已安装的PowerShell版本 我如何确定计算机上安装了哪种版本的PowerShell，以及是否确实安装了它？ 使用$PSVersionTable.PSVersion来确定引擎版本。如果该变量不存在，可以安全地假设引擎版本为1. ......
spring BeanFactory版本的快速入门
代码示例： public static void main(String[] args) { //创建一个工厂对象 DefaultListableBeanFactory beanFactory = new DefaultListableBeanFactory(); //创建一个读取器（读xml文件） ......
正确的C#版本号是什么？
内容来自 DOC https://q.houxu6.top/?s=正确的C#版本号是什么？ C#的正确版本号是什么？什么时候发布的？为什么找不到关于C# 3.5的任何答案？ 这个问题主要是为了帮助那些使用错误版本号进行搜索的人，例如C# 3.5。希望任何使用错误版本号找不到答案的人都会找到这个问题， ......
App开发：Vue Native vs React Native
随着移动应用开发框架数量的增加，2018年Vue Native的引入让开发者有能力使用Vue.js代码来创建React Native移动应用。 因为 Vue Native 围绕 React Native 包装了 Vue.js 语法，所以框架非常相似。例如，两者都是跨平台框架，这意味着相同的代码库可以 ......
关于 vue 虚拟dom 的渲染机制的一些思考
1. 虚拟dom 的渲染过程 2. vue3中 nexttick 的作用 1.虚拟dom 的渲染机制 我们在template中写的 div 和 其他的标签。不会被vue 当作是最终 渲染的dom, vue会将我们写入的标签 转化为 对象，通过diff算法，将其构造成一个虚拟树 每个树 都有一个 对应 ......
银河麒麟安装多版本gcc的方式方法
银河麒麟安装多版本gcc的方式方法 背景 最近想升级一下gcc 但是发现自己编译的话非常麻烦 记得之前CentOS7的时候有一个scl的处理 发现CentOS8 已经没有scl的仓库了 简单验证了一下好像到了 CentOS8的appstream的仓库中. 所以今天简单总结一下升级gcc以及多版本的验 ......
Vue实现大文件分片上传、断点续传
前言实现大文件分片上传的断点续传以及上传进度条是一个在前端开发中常见且具有挑战性的问题。本篇博客将介绍如何使用Vue框架来实现这个功能，并给出代码示例。 概述大文件分片上传指的是将一个大文件切割成多个小文件（或称为分片），然后依次上传这些小文件，最后在服务器端将这些小文件合并为原始的大文件。断点续传 ......
vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️
1. 图片转base64格式方法 （主要的代码）（其实用的还是FileReader） handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file. ......
Vue2 基础入门
1 Vue 1.2 第一个Vue实例（Hello Vue） 1.3 插值表达式 { 作用： 利用表达式进行插值，渲染到页面中 表达式：是可以被求值的代码，JS引擎会讲其计算出一个结果 以下的情况都是表达式： money + 100 money - 100 money * 10 money / 10 ......
Yapi 安装/ node 版本管理
工具版本：（版本要对应，否则可能会报错） Yapi 1.9.2 node v12.12.0 mangodb v4.0.9 1. 内网部署 https://hellosean1025.github.io/yapi/devops/index.html#%e6%9c%8d%e5%8a%a1%e5%99%a ......
Vue大文件切片上传 断点续传
一、中等文件上传解决方案-nginx放行在我们工作中，上传功能最常见的就是excel的上传功能，一般来说，一个excel的大小在10MB以内吧，如果有好几十MB的excel，就勉强算是中等文件吧，此时，我们需要设置nginx的client_max_body_size值，将其放开，只不过一次上传一个几 ......
Ubuntu下编译最新版本全志开源FEL模式工具sunxi-tools
1、sunxi-tools介绍 sunxi-tools是一组用于全志SoC系列芯片的开源命令行工具，全志的SoC一般以sun开头，x为数字，以i结尾。对于sun4i，sun5i，sun6，sun8i，sun9i.等等系列都可以使用这个工具。比如手上的这个板子是H616，它的名字是sun50i-H61 ......
Mac 中安装 vue 脚手架后报错 vue: command not found
解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......
简单的版本管理
需求 一个至少包含两个维度的表格数据，需要对表格数据实现版本管理 分析 基础的版本管理至少需要实现以下功能： 1、版本保存 2、版本预览 3、版本回滚 在数据库建立一张包含“版本号”、“内容”两个字段的版本控制表，用来保存版本数据； 由于后端是将数据以列表形式传递给前端显示的，因此在保存到版本表时可 ......
[Vue]React、Vue中的key有什么作用? (key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......
dremio metabase 高版本jdk连接问题
目前已经有不少新项目都是使用了高版本的jdk，比如不少使用了jdk11，还有直接使用jdk17 的 dremio jdbc 驱动支持的jdk 主要是8，对于其他高版本jdk 的支持会有一些问题核心是netty 相关的 以下是一个参考配置 启动参数配置 适合jdk 17 以及以上版本的 java -- ......
vue打包体积优化
一、webpack-bundle-analyzer工具 1、安装 终端运行命令，根据包管理器自行选择命令 #NPM npm install --save-dev webpack-bundle-analyzer #YARN yard add -D webpack-bundle-analyzer 2、代 ......
如何为多个提交更改作者和提交者名称/电子邮件？
内容来自 DOC https://q.houxu6.top/?s=如何为多个提交更改作者和提交者名称/电子邮件？ 如何更改一系列提交的作者？ 如何更改一系列提交的作者？ 要更改一系列提交的作者，需要重写所有历史记录。如果您不介意这一点并认为值得这样做，那么您应该查看 git filter-branc ......
用命令窗口合并多个sql文件方法
1. 需求：将多个sql合并为一个sql方法 有多个sql文件，用navicat导入，一个一个导入感觉太麻烦，然后在网上搜了一下，将多个sql合并为一个sql方法，步骤如下： 1.1 找到存放sql的文件夹，在地址栏清空，输入cmd，回车，就看到命令窗口。 1.2 然后输入以下命令 ，然后回车即可。 ......
一个类似于Gridster的栅格布局系统Vue组件
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js，灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件（不可拖拽、调整大小） 拖拽和调整大小时进行边界检查 ......