教程npm vue
vue 在模板/v-bind中使用方法methods 的问题
每当渲染发生时，就会调用该方法并运行该函数。 每次组件渲染时都会运行。 模板中的函数调用会带来更大的性能成本。（相比computed） 每次组件重新渲染时，vue 模板中调用的函数都会执行。如果这些函数的计算成本很高，它们可能会降低应用程序的性能。你不希望这样，是吗？😁 ......
如何发包到中央仓库-完整教程
相信很多小伙伴自己都会有一些包，我们可以将包发布中央仓库，然后直接通过maven来使用这些包，下面就整理下如何将包发到中央仓库。 新建项目 第一步，我们需要在sonatype上注册一个账号，这一步就不再演示了。 注册好账户之后，然后我们来创建项目。点击新建按钮，问题类型 选择 New Project ......
Docker从了解到部署应用的详细教程
一、Docker基础知识 1、Docker （1）Docker可以让开发者打包他们的应用以及依赖包到一个轻量级、可以移植的容器中，然后发布到任何的linux机器上，可以实现虚拟化； （2）Docker容器是完全使用沙箱机制，相互之间不会有任何接口，更重要的是容器性能开销极低； 2、Docker的应用 ......
Docker从了解到部署应用的详细教程
一、Docker基础知识 1、Docker （1）Docker可以让开发者打包他们的应用以及依赖包到一个轻量级、可以移植的容器中，然后发布到任何的linux机器上，可以实现虚拟化； （2）Docker容器是完全使用沙箱机制，相互之间不会有任何接口，更重要的是容器性能开销极低； 2、Docker的应用 ......
vue3 compositon api 和 common下写业务逻辑的区别
区别： Vue 3 的 Composition API 是一种处理和组织 Vue 组件内部逻辑的方式。它可以让你更灵活地组织和复用你的代码。 使用composition API可以将组件的逻辑拆分为小的、独立的函数或模块，并使用setup函数进行组合和重用。这对于一些复杂的业务逻辑或需要高内聚、低耦 ......
vue本地能够访问图片，打包项目之后图片无法访问
//template中 <img :src="boxHerf" /> //js let boxHerf = ref('/src/assets/images/contain.svg') 上述写法本地能够正常访问图片，但是打包之后无法正常访问,将 boxHerf 换成下列写法即可解决 let boxHe ......
Metasploit使用教程-（反弹shell）
Metasploit 反弹 shell 利用msfvenom生成一个反弹shell程序 msfvenom -l payloads可以查看所有payload Windows 通用反向 shell： windows/meterpreter/reverse --基于 TCP 的反向链接反弹 shell，使 ......
vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法
在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是： 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......
vue 解决路由跳转query参数类型会自动转换成字符串的问题
问题：使用query进行路由跳转传参时，传的是布尔值、数字等，在页面上route.query里面得到的却全是字符串。 // push跳转代码： this.$router.push({ path: './childPage', query: { userId: 666,isTest:false } } ......
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[]>, ......
fastapi搭建平台实战教程二：快速实现用户注册和登录
这一篇主要实现用户注册和登录 编写接口并设置URL main.py添加注册表单参数和简单注册接口 from fastapi import FastAPI from pydantic import BaseModel import models from db import engine, Sessi ......
fastapi搭建平台实战教程一：SQLAlchemy生成数据库数据
除了falsk，SQLAlchemy也能很好的支持fastapi框架。 首先创建一个main.py from fastapi import FastAPI app = FastAPI() @app.post("/register") def register(): ... @app.post("/l ......
软件测试|Python科学计算神器numpy教程（十二）
简介 NumPy是Python中用于科学计算的一个强大的库，其中包含了丰富的数学和统计函数。这些统计函数允许用户对数组进行各种统计计算，例如平均值、标准差、方差、最大值、最小值等。在本文中，我们将详细介绍NumPy中一些常用的统计函数及其用法。 统计函数示例 numpy.amin() 和 numpy ......
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算法，将其构造成一个虚拟树 每个树 都有一个 对应 ......
CentOS7.9安装FreeSWITCH1.10.9教程
需要用到 autoconf-2.71 cmake-3.23.0 freeswitch-1.10.9 opus-1.3.1 yasm-1.3.0 spandsp和sofia-sip 可以提前下载好解压包 方便批量安装, 其中spandsp最新提交和freeswitch1.10.9不匹配, 需要切换到0... ......
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 ......
Vue大文件切片上传 断点续传
一、中等文件上传解决方案-nginx放行在我们工作中，上传功能最常见的就是excel的上传功能，一般来说，一个excel的大小在10MB以内吧，如果有好几十MB的excel，就勉强算是中等文件吧，此时，我们需要设置nginx的client_max_body_size值，将其放开，只不过一次上传一个几 ......
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 ......
[Vue]React、Vue中的key有什么作用? (key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......
vue打包体积优化
一、webpack-bundle-analyzer工具 1、安装 终端运行命令，根据包管理器自行选择命令 #NPM npm install --save-dev webpack-bundle-analyzer #YARN yard add -D webpack-bundle-analyzer 2、代 ......