前端 终端 实战vue

【前端算法学习】数据结构之“栈”

### JS中最棒的数据结构:数组 ​ **数组是计算机科学中最常用的数据结构**。我们知道, 可以在数组的任意位置上删除或添加元素。然而,有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。有两种数据结构类似于数组,但在添加和删除元素时更为可控。它们就是 **栈和队列**。 ​ 要开始学习 ......
数据结构 前端 算法 结构 数据

vue post请求方式下载附件

因为后台大佬说参数过长,get请求报错一定要用post 1、vue前端代码 <el-button size="medium" @click='exportData(true)’ >导出全部</el-button> 2、js代码 ......
附件 方式 post vue

vue 一键导出数据为excel文件并附带样式 十分简单

自入行以来我就一直疑惑一个问题,导出excel为什么总是搞的很复杂,包括网上的教程,屎里淘金,非常耗费精力。今天刚好业务需要,整理一个简单明了的由vue前端导出的版本出来。 开始: #1.添加xlsx、xlsx-style、file-saver三个包 npm install xlsx xlsx-st ......
样式 文件 数据 excel vue

vue Js对象结构函数使用方法

写了三行不如一行搞定 原先的 const inComeTypeId = this.queryForm.inComeTypeId const currentPage = this.queryForm.currentPage const pageSize = this.queryForm.pageSiz ......
使用方法 函数 对象 结构 方法

vue3 组件传参

父组件 子组件 <iframe :src="props.src" width="100%" height="100%" frameborder="0" id="_iframe" ></iframe> 接收参数 const props = defineProps({ src: { type: Stri ......
组件 vue3 vue

vue3 router 路由传参

路由跳转 import router from "@/router"; router.push({ path: "/iframe", query: { url: frameurl.value } }); 获取参数 import router from "@/router"; import { use ......
路由 router vue3 vue

elementplus vue3 ts 单图预览封装

``` ``` ......
elementplus vue3 vue ts

vue中使用vant中PullRefresh 下拉刷新踩坑

## 问题 PullRefresh 的内容未填满屏幕时,只有一部分区域可以下拉: ``` 内容 ``` ##解决 我们需要给 .van-pull-refresh__track 一个高度就可以了,代码如下 ``` ``` ## 注意 在修改css样式时,出现了一个错误,一开始使用的是以下代码来修改 . ......
PullRefresh vant vue

vue3 打包超出限制 Some chunks are larger than 500 kBs after minification

vite.config.ts , build: { // 如果自己分片的话,就会生成37个文件 // chunkSizeWarningLimit: 1000, // rollupOptions: { // output: { // manualChunks(id) { // if (id.inclu ......
minification chunks larger after vue3

vue3 reactive响应式赋值页面不渲染问题

## 问题描述: ``` // 声明变量 let data = reactive([]); http().then(res=>{ data = res.data console.log(data) }) // data数据更新,页面没有渲染, ``` ## 1、因数据结构而导致的未渲染解决方法: * ......
reactive 页面 问题 vue3 vue

.env.development(开发环境)、.env.prodction(正式环境)、自定义环境 例如:读取vue项目根目录 process.env.VUE_APP_filePath

.env.development(开发环境)、.env.prodction(正式环境)、自定义环境 原文链接:https://blog.csdn.net/qq_42855675/article/details/114261585 文章目录 1.配置文件:2.命名规则3.关于文件的加载使用自定义环境 ......

Vue3.3 的新功能的体验(下):泛型组件(Generic Component) 与 defineSlots

> 上一篇说了 DefineOptions、defineModel、Props 的响应式解构和从外部导入类型 这几个新功能,但是没有说Generic、defineSlots等,这是因为还没有完全搞清楚可以用在什么地方。折腾了几天终于弄清楚了。 这还要从 TS 的泛型说起。 ## 泛型的目的和意义 泛 ......

vue --version 显示的却是vue cli的版本号,为什么?

vue --version 显示的却是vue cli的版本号,为什么? 如果您在运行 vue --version 命令时显示的是 Vue CLI 的版本号,而不是 Vue.js 的版本号,那可能是因为您已经全局安装了 Vue CLI。 Vue CLI 是一个用于快速搭建 Vue.js 项目的脚手架工 ......
vue version 版本 cli

JS逆向实战14——猿人学第二题动态cookie

# 声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! # 目标网站 > https://match.yuanrenxue.cn/match/2 # 网站分析 首先已经告诉了我们 ......
猿人 实战 动态 cookie

Netty实战(三)

# 一、Channel、EventLoop 和 ChannelFuture 上一篇博文我们在构建服务端和客户端中出现了一些新的类,可能有些同学还有些不了解它们的具体功能。没关系,接下来我们对于 Channel、EventLoop 和 ChannelFuture 类进行的讨论增添更多的细节,这些类合在 ......
实战 Netty

vue iview render函数渲染table表头和列表内容

1 computed:{ 2 tableColumns(){ 3 return [ 4 { 5 title: "封面", 6 key: "pageImage", 7 render: (h, params) => { 8 return h("img", { 9 style: { 10 height: ......
表头 函数 内容 render iview

Vue3 watch API 踩坑记录 | 方法未定义问题

在使用 setup() 语法糖时,方法的定义和 watch 的调用都在 setup内部进行。 需要确保方法在 watch 调用之前可访问。 **错误示例** ```html ``` 这个时候,会报错`Uncaught (in promise) ReferenceError: Cannot acces ......
方法 问题 watch Vue3 Vue

vue3 -ts文件导入js文件报错

1.背景 2.解决 在tsconfig.json文件中添加配置 "noImplicitAny": false, "allowJs": true, 或者使用 require 来导入文件 ......
文件 vue3 vue ts

Vue2+Vue-baidu-map 的使用

在Vue2项目中有时候会用到百度地图插件,更适配Vue项目的可以结合Vue-baidu-map来实现。 Vue-baidu-map地址 使用npm 安装 $ npm install vue-baidu-map --save 或者使用CDN来进行引入 <script src="https://unpk ......
Vue-baidu-map Vue baidu Vue2 map

解决vue3自动引入element-plus后eslint警告

## 配置vue.config.js ``` ... ... module.exports = defineConfig({ ... ... configureWebpack: { plugins: [ AutoImport({ resolvers: [ElementPlusResolver()], ......
element-plus element eslint vue3 plus

JS 前端导出Excel

先通过 npm 下载 Excel npm install xlsx -S 在需要数据的页面进行引入 import * as XLSX from "xlsx"; 以下这俩个方法直接复制粘贴,不需要改动. //导出excel相关函数 sheet2blob(sheet, sheetName) { //将文 ......
前端 Excel JS

Vue中的template标签的使用和在template标签上使用v-for

我们知道 .vue 文件的基本结构是: <template> ........ </template> <script> export default { name: "demo" } </script> <style scoped> .demo { font-size: 28px; } </sty ......
template 标签 v-for Vue for

Vue2路由嵌套是注意子路由path问题

1、当子路由以/开始时,它会被视为根路由,并且会显示在URL的根路径中 ![image](https://img2023.cnblogs.com/blog/2045410/202305/2045410-20230525231836415-1505608112.png) 2、当子路由不以/开始时,它将 ......
路由 问题 Vue2 path Vue

Vue2路由嵌套是注意子路由path问题

1、当子路由以/开始时,它会被视为根路由,并且会显示在URL的根路径中 ![image](https://img2023.cnblogs.com/blog/2045410/202305/2045410-20230525231836415-1505608112.png) 2、当子路由不以/开始时,它将 ......
路由 问题 Vue2 path Vue

windows powershell 美化与vscode 背景、字体乱码与默认终端

windows powershell 背景图片更改 设置 --> 默认值 --> 背景图像 powershell 终端美化 oh-my-posh3 博客链接 效果 powershell 终端字体更改 需要字体文件,文件格式举例 双击安装 查看是否安装完毕,设置 --> 字体设置 --> 可用字体 - ......
乱码 powershell 终端 字体 背景

Vue CLI配置

全局安装 首先配置淘宝镜像 cmd打开,输入 npm config set registry https://registry.npm.taobao.org 安装命令 npm install -g @vue/cli 发现报错如下,没有权限!!使用管理员模式。 重新开始,完美!! 然而输入查看vue ......
Vue CLI

前端知识-HTML

HTML 这个整理的也挺好的 https://www.cnblogs.com/suoning/p/5614372.html 1、HTML(结构)、CSS(样式)、JS(行为) 2、网页基本结构 <html> <head> <!-- 头部内容 --> </head> <body> <!-- 主体内容 ......
前端 知识 HTML

前端知识-浏览器

浏览器 1、浏览器: 用来检索、展示以及传递Web信息资源的应用程序 2、各种浏览器极其内核: Trident(应用于Internet Explorer); Gecko(应用于Mozilla Firefox); Presto(Opera 采用的是 Presto内核); WebKit (应用于Appl ......
前端 浏览器 知识

实战实用的字典

# 目录 ## 文件上传目录 亿华考勤t9 `https://kaoqin.test.com:8111/filemanage/file/Default.aspx` 文件上传地址 ``` /filemanage/file/Default.aspx ``` # 口令 ``` Admin/Admin ad ......
字典 实战

vue3组件间通信

# props * 父子组件之间通信最好的方式 ``` // 父组件 props:这里是父组件 // 子组件 我是子组件 {{props.money}} {{money}} 修改props数据 ``` # 自定义事件 * 父子组件通信 ``` // 父组件 点击我传递多个参数 // 子组件2 我是子 ......
组件 vue3 vue