前端 终端 实战vue
运行新的vue项目的时候报错
### 一、运行vue项目报如下错误： ``` npm ERR! code ELIFECYCLE npm ERR! errno 126 npm ERR! vue-admin-template@4.4.0 dev: `vue-cli-service ``` ### 二、报错原因： ``` 可能是由于n ......
Vue3 中 ref 的优势
1. 允许使用任何值类型 2. 一个包含对象类型值的 ref 可以响应式地替换整个对象： const objectRef = ref({ count: 0 }) // 这是响应式的替换 objectRef.value = { count: 1 } 3. ref 被传递给函数或是从一般对象上被解构时， ......
Vue3 reactive 定义一个变量时，如何具有响应式？
错误示范： const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.c ......
vue多行文本显示省略号加展开收起按钮
getClientRects()获取文本的行数和宽高等信息，只能获取行内元素的 nextTick(() => { const lineRows = document.querySelector('.abc').getClientRects(); // 如果行数超出2||行数是2&&最后一行宽度超过d ......
Vue中的APP与js的对象字面量
JavaScript的对象字面量是一种方便创建和初始化对象的语法。它允许您直接在代码中定义对象，而无需使用类或构造函数。对象字面量使用大括号{}括起来，并包含零个或多个键值对。 以下是JavaScript对象字面量的常见用法和特点： 键值对：对象字面量中的键值对由键和值组成，使用冒号:分隔。键是字符 ......
app直播源代码，vue+Ant design a-table分页器使用
app直播源代码，vue+Ant design a-table分页器使用 vue+Ant design a-table分页器使用 当前页current设置生效 <a-table :columns="columns" :data-source="detail" :pagination="paginat ......
终端通过密钥方式登录 Linux
一、 密钥对生成注意：本地主机和目的主机需 ping 通1）确认服务器是否安装有 ssh 以及openssh服务端 [zyy@kube-master ~]$ rpm -qa |grep openssh openssh-6.6.1p1-25.el7_2.x86_64 openssh-clients-6 ......
pnpm才是前端工程化项目的未来
## 前言 相信小伙伴们都接触过`npm/yarn`，这两种包管理工具想必是大家工作中用的最多的包管理工具，`npm`作为`node`官方的包管理工具，它是随着node的诞生一起出现在大家的视野中，而`yarn`的出现则是为了解决`npm`带来的诸多问题，虽然`yarn`提高了依赖包的安装速度与使用 ......
前端样式配置
title: 前端样式配置 style tags: - 手册 - 样式 - CSS categories: - 手册 ```html 1 《半小时漫画中国哲学史》 2 “ 既许一人以偏爱，愿尽余生之慷慨 ” 3 [data.json文件链接](https://pan.baidu.com/s/1omz ......
前端预览docx格式文档
运用docx-preview.js（去网上下载https://github.com/VolodymyrBaydalka/docxjs/blob/master/dist/docx-preview.js） 引入脚本 <script type="text/javascript" src="https:// ......
vue3项目安装依赖报错 npm ERR! code ERESOLVE
vue3项目安装依赖报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: element-plus@1.0.2-beta.71 npm ERR! Found: ......
vue-router 4.1.4版本以上，打开新页面并隐式传参
## 情景 1. 框架：Vue3 + Vite4 + VueRouter4.1.6 2. 需求：现需要实现点击打开新页面，并把一些数据传过去 3. 限制： - 数据量较大，有一定私密性，不适合用query传递； - 需要从session中获取token判断访问权限，因此需要用router.resol ......
WebStorm 2023(Web前端开发工具) v2023.1.2中文mac版
WebStorm 2022 mac版是一款基于 WebSocket的 Web应用程序编程工具，旨在通过 Web应用程序的代码将 HTML和 CSS文本从浏览器返回到服务器。 WebStorm采用 MVC架构，其中每个模块都在其内部运行。WebStorm 适用于 JavaScript 和相关技术的集成 ......
一文搞懂前端的所有类数组类型
前面博文有介绍JavaScript中数组的一些特性，通过对这些数组特性的深入梳理，能够加深我们对数组相关知识的理解，详见博文： [一文搞懂JavaScript数组的特性](https://www.cnblogs.com/jimojianghu/p/17292277.html) 其实，在前端开发中，除 ......
Vue-自定义icon实现
在项目中引入了element-ui之后，发现其内置的icon有限，无法满足项目的需求，因此需自定义icon来实现需求。 1. 在vue项目的components下新建SvgIcon目录，在SvgIcon目录下新建index.vue ![image](https://img2023.cnblogs.c ......
Spark实战
### WordCount程序 这个需求就是类似于我们在学习MapReduce的时候写的案例 需求这样的：读取文件中的所有内容，计算每个单词出现的次数 注意：由于Spark支持Java、Scala这些语言，目前在企业中大部分公司都是使用Scala语言进行开发，个别公司会使用java进行开发，为了加深 ......
vue基础用法-属性绑定指令
# 属性绑定指令 注意：插值表达式只能用在元素的**内容节点**中，不能用在元素的**属性节点**中！ 如果需要为`元素的属性`动态绑定`属性值`，则需要用到`v-bind`属性绑定指令。用法示例如下： 在vue中，可以使用 v-bind:指令，为元素的属性动态绑定值； 简写是英文的 `:` ``` ......
vue基础用法-内容渲染指令
# 1.指令的概念 `指令（Directives）`是vue为开发者提供的`模板语法`，用于`辅助开发者渲染页面的基本结构`。 vue中的指令`按照不同的用途`可以分为如下6大类： 1. `内容渲染`指令 1. `属性绑定`指令 1. `事件绑定`指令 1. `双向绑定`指令 1. `条件渲染`指令 ......
vue系列---【vue 使用decimal.js 解决小数相加合计精确度丢失问题】
1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c ......
基于JAVA的springboot+vue财务管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，各行各业相继进入信息管理时代，财务管理系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程，本系统也 ......
vue2响应式原理
一、初识响应式原理 如果我们在 Vue 实例中声明过的数据发生了改变，那么所有用到这份数据的视图都会更新重新渲染，我们称这些数据就是响应式数据。响应式概括来说就是 数据驱动视图的自动更新。 <div id="app"> {{ obj.message }} </div> let data = { ob ......
初识Vue
### 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascri ......
ant design vue 下的a-input 使用v-decorator（修改数据）回显
a-input 使用v-decorator回显不应该用 v-model，可以使用 this.form.setFieldsValue 来动态改变表单值。 定义form：<template> <div class="main"> <a-form id="formLogin" class="user-la ......
LORD OF THE ROOT靶场渗透实战
### 知识点 **1. 端口碰撞** 端口碰撞（Port Knocking）是一种安全技术，用于隐藏和保护网络服务器。**该技术通过发送一系列特定的数据包，来触发服务器开放指定端口**。在没有收到这些特定数据包的情况下，服务器的端口会一直处于关闭状态，从而增强服务器的安全性。 通常，端口碰撞技术将 ......
uniapp 组件中使用页面的生命周期（vue2）
用于直接在组件中使用onLoad，onBackPress等 因为之前在写App的时候有许多弹窗，希望可以在有弹窗的时候先关闭弹窗，没有弹窗在执行返回事件，因此需要在页面onBackPress里面写很多判断，因此找了一些方法，写了可以直接在组件中调用页面生命周期的方法！ 使用mixin this.$c ......
通过实例了解vue3.3更新的特征
#### 开场白 ``` 5月份，vue团队发布了 vue3.3. 这次小版本的发布主要解决了-- Vue 与 TypeScript 一起使用时的许多长期存在的痛点. 下面我们一起来学习一下vue3.3新特征 ``` #### 准备新新特征的环境 ``` 根据官方团队的描述，我们需要准备一下工作。 ......
OpenMMLab AI实战营第二期
# OpenMMLab AI实战营笔记 ### OpenMMLab 简介 - OpenMMLab 概述： - 中国人工智能计算机视觉算法体系 - 每一种计算机视觉任务对应OpenMMLab的一个算法库 - 内容： - 视觉基础库：MMCV,MMEngine - 算法框架：MMPretrain, MM ......
【Vue】 vue项目的目录结构
├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── config/ # Vue基本配置文件，可以设置监听端口，打包输出等 ├── node_modules/ # 依赖包，通常执行npm i会生成 ├── src/ # 源码目录（开发 ......
【Vue】的API风格_选项式API和组合式API
API 风格 API风格可分选项式API和组合式API。 选项是API (Options API) 使用选项式 API，可以用包含多个选项的对象来描述组件的逻辑，例如 data 、 methods 和 mounted 。 选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例。 ......
JS逆向实战16——猿人学第20题 新年挑战-wasm进阶
# 声明 本文章中所有内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！ # 网站 > https://match.yuanrenxue.cn/match/20 # 网站分析 首先进去网站，我们查 ......