布局vue web
electron-vue3的项目怎么引用element-plus的icon图标
在electron结合vue3的项目中，引入element-plus的icon可以根据官网的步骤： 先安装icons-vue npm install @element-plus/icons-vue 注册所有图标，在main.js/main.ts 1 import * as ElementPlusIc ......
解决Vue项目在刷新页面时出现404错误的问题
在Vue项目中，当在本地运行时，使用Vue Router进行路由跳转时，页面的刷新是由前端路由控制的，而不会发送实际的HTTP请求。然而，当将Vue项目发布到服务器上时，刷新页面可能会导致出现404错误。本文将介绍两种常见的解决方案。 ......
vue项目工程化入门
- mac电脑  # 1、项目创建 - 使用Vue-cli来完成 ## 1.1、N ......
Web.xml 4.0
Web.xml 4.0 <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-ins ......
在vue中使用混入
混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 1.创建Mixins 在src目录中创建一个mixins文件，文件夹里面创建一个js文件import，前面我们说了mixi ......
从0搭建Vue3组件库(九):VitePress 搭建部署组件库文档
## VitePress 搭建组件库文档 当我们组件库完成的时候,一个详细的使用文档是必不可少的。本篇文章将介绍如何使用 VitePress 快速搭建一个组件库文档站点并部署到GitHub上 ## 安装 首先新建 site 文件夹,并执行`pnpm init`,然后安装`vitepress和vue` ......
通过读取字节内容分析对象在内存中的布局
在《如何计算一个实例占用多少内存？》中我们知道一个值类型或者引用类型的实例在内存中占多少字节。如果我们知道这段连续的字节序列的初始地址，我们就能够将代表该实例的字节内容读取出来。在接下来的内容中，我们将利用一个简单的方法输出指定实例的字节序列，并此次分析值类型和引用类型实例在内存的布局。 ......
VUE Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').use(<Plugin>) first.
在对一个vue项目执行过“npm audit fix --force”命令之后，就出现了如下错误： ERROR Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').us ......
Python异步编程之web框架 异步vs同步 数据库IO任务压测对比
在数据库读写方面，异步框架性能是同步框架的6倍，可以看出同步框架在数据库读写频繁时性能下降明显，几乎是无IO读写的一半，而异步框架在有数据库IO的情况下并发几乎保持不变。主要原因是在当前简单的场景下数据库读操作耗时少而连接释放耗时较多，异步编程非阻塞模型不等待，所以数据库连接释放耗时并不阻塞异步框架... ......
关于vue中对象的props默认值的问题
apiConfig: { //配置 type: Object, default () { return { type: "11", url: "11", urlParams: {}, labelName: "11", valueName: "11" } } }, 如果以以上写法为对象设置默认值，会在 ......
vue在自定义组件中使用v-model
示例： 组件中 <template> <!-- 自定义组件中使用v-mode指令 --> <input type="search" @input="changeInput" data-myValue=""> </template> <script> export default { name: 'C ......
CSS（盒子模型其他样式、浮动、常见网页布局、清除浮动、ps切图、学成在线页页面展示）
一、其他样式 1、圆角边框 在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法： border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的 ......
Vue-cli
[toc] # Vue-CLI ## 1 单文件组件 ```python # 单页面应用：spa -以后vue项目就只有一个 xx.html 页面 -定义很多组件，不可能都写在 xx.html中把 # 单文件组件（一个组件一个文件） https://v2.cn.vuejs.org/v2/guide/ ......
Vue组件
[toc] # 一 组件介绍 ## 1.1 组件是什么？有什么作用  组件就是：扩展 HTML 元素，封装可重用的 ......
Vue生命周期钩子
[toc] # 一 生命周期图  # 二 生命周期 | 钩子函数 | 描述 | | | | | beforeCre ......
【问题以及解决】vue和vue-router版本要对应
遇到报错 ``` ERROR Cannot read properties of undefined (reading 'install') TypeError: Cannot read properties of undefined (reading 'install') at Vue.use ( ......
Vue与后端交互
[toc] # 一 与后端交互三种方式 ```python # 后端写了一堆接口 # 前端会了 # 前后端要打通 > 从前端发送ajax > 核心：使用js发送http请求，接收返回 -原生js，可以开启ajax，但是原生js开启，比较麻烦，需要做浏览器兼容，有坑(基本不写) -jq，写了个兼容所有 ......
Vue基础2
[toc] # 一 表单控制 ```python # 1 checkebox: -单选 -多选 # 2 radio -单选 ``` ## 1.1 checkbox单选 ```html 表单控制 checkbox单选 用户名： 密码： 记住密码： 用户名：{{username}} > 密码：{{pas ......
Vue 插槽的定义和使用
父组件中使用插槽,相当于开放了在子组件内部使用的条件 在 APP的 Vue中解析后塞到Category中, videos 里添加上 controls 就能够播放电影了 子组件Category中定义, slot 中间存放默认值 category的样式 不具名插槽写两份,就有两个重复的展示效果 使用时会 ......
动态组件，插槽，vue-cli创建项目，目录结构，编写规范，导入导出语法
# 1 动态组件 ```python # # component标签的is属性等于组件名字，这里就会显示这个组件 ``` ```html Title 首页 商品 订单 component标签的is属性等于组件名字，这里就会显示这个组件 ``` ## 1.1 keep-alive ```html Ti ......
JAVA的springboot+vue企业客户信息反馈平台，附源码+数据库+文档+PPT
**1、项目介绍** 企业客户信息反馈平台能够通过互联网得到广泛的、全面的宣传，让尽可能多的用户了解和熟知企业客户信息反馈平台的便捷高效，不仅为客户提供了服务，而且也推广了自己，让更多的客户了解自己。对于企业客户信息反馈而言，若拥有自己的平台，通过平台得到更好的管理，同时提升了形象。 本平台设计的现 ......
vue和vuex的版本搭配
重要是事情说三遍， vue2使用vuex3 ！vue3使用vuex4.！否则会出现this.$store为undefined错误！ vue2使用vuex3 ！vue3使用vuex4.！否则会出现this.$store为undefined错误！ vue2使用vuex3 ！vue3使用vuex4.！否则 ......
VUE路由传参的实用方式
本文讲解了VUE项目中路由之间的传值方式，涉及到的方法都是开发时常用的，希望对大家有多帮助。 1. 方式一：使用router-link标签 1.1 params 传参 首先定义好路由 const routes = [ { path : ‘/home’ , component : () => impo ......
手把手Django+Vue前后端分离
# 前言 众所周知，Django对于网站快速开发非常友好，这得益于框架为我们做了很多事情，让我们只需要做一些简单的配置和逻辑即可把网站的功能开发出来。但是，在使用Django的过程中，有一个地方一直是比较难受的，那就是使用Django自带的模版，这种通常需要自己利用HTML+CSS+Jquery的方 ......
WEB漏洞—文件上传基础及过滤方式
思维导图 利用思路 什么是文件上传漏洞? 存在文件上传的地方，就有可能存在文件上传漏洞。是否存在漏洞，需要去判断进行文件上传操作的时候的代码是否比较完整和安全，疏忽某个地方就可能造成文件上传漏洞。 文件上传漏洞有什么危害? 可以自由上传文件，例如上传一个后门文件，如果上传上去，就直接威胁到网站权限， ......
Vue 执行流程
## 1. main.js 项目入口文件  ## 2. App.vue 创建路由,设置App的样式, 由 ......
Vue——动态组件、插槽、Vue-cli创建项目、Vue项目目录结构、编写规范、es6导入导出语法
## 动态组件 ```html // // component标签的is属性等于组件名字，这里就会显示这个组件 首页 商品 订单 ``` ### keep-alive ```html // 使用keep-alive把动态组件包裹起来 保存当前状态 就算切换到其他组件再切换回来 依旧还是之前的状态 首 ......
Web前端开发技术
## 一、选择 ### 1.html结构样式：行内、块常见元素，按常见元素，滚动文字 行内元素：a、span、img、input、label、select、textarea、button、abbr、acronym、cite、code、dfn、em、kbd、q、samp、strong、sub、sup、 ......
vue3 如何通过defer来优化减少白屏时间
如果首屏加载的内容组件比较厚重或者数量大，那么第一次加载也会停顿很久。 可以通过控制台的Performence来观察render和loading的大致时间 优化的思路： 想让首屏页面的组件或者比较需要提前让用户看到的内容模块 优先放在第一帧来加载 加载时机：如果当前帧数时间大于 该模块的设定指定加载 ......