布局vue web

1.在html文件中增加过渡css动画，如下图所示，参考若依项目 在资源还没加载完成时，红框中的动画会进行运行，当资源加载完成后，路由会自动替换红框中的静态资源，增加用户体验。 2.vite开启gzip压缩，安装vite-plugin-compression，如下图在config文件中引入 impo ......

Vue3.x 超详细入门教程 目录 安装步骤 1. 安装vue-cli 2. 创建项目 3. 选择配置 4. 选择 Vue 版本 5. 是否使用 class 风格的组件语法 6. 是否使用 Babel 与 TypeScript 一起用于自动检测的填充 7. 是否使用 history 路由模式 8. ......

```javascript import { createRouter, createWebHashHistory } from 'vue-router' const routes = [ { path: '/', name: 'index', component: () => import('./ ......

### vue模拟el-table演示插槽用法 > **很多人知道插槽分为三种，但是实际到elementui当中为什么这么用，就一脸懵逼，接下来就跟大家聊一聊插槽在elementui中的应用，并且自己写一个类似el-table的组件** vue的slot分为三种：:匿名插槽，具名插槽， 作用域插槽， ......

安装依赖 npm install cherry-markdown --save 子组件写法 ​<template> <div @click.prevent.stop> <div :id="mdId" :style="{height:height+'px'}" /> </div> </template ......

# vue-cli 与 Vite 学习笔记 ## 项目脚手架 在学习了如何使用 Webpack 这类打包工具来实现项目的自动化打包之后，相信许多人心中一定产生了一个疑问：难道每一次创建项目都需要进行那么复杂配置工作吗？在这个配置过程中，程序员们不仅需要手动设置项目结构，安装项目中用到的各种框架、第三 ......

在写这篇文章的时候，查看了下electron最新稳定版本由几天前24.4.0升级到了25了，不得不说electron团队迭代速度之快！ 前几天有分享一篇electron24整合vite4全家桶技术构建桌面端vue3应用示例程序。 https://www.cnblogs.com/xiaoyan2017 ......

1、在js中获取某个字段的属性，或设置字段的值： const column = this.findObject(this.option.column, "parentId"); column.disabled = true;//设置为禁用此字段 column.value = '1'; //设置par ......

# Vue基本知识1，安装创建以及常用指令 ## 1. Vue的概念 1. 概念 vue是一个渐进式的JavaScript开发框架；基于MVVM实现数据驱动的框架 [官网](https://cn.vuejs.org) 还可以用来做SPA(single page web application)： 一 ......

 # 测试基本信息 **主题：**比较异步框架和同步框架在文件IO操作的性能差异 **python版本**：py ......

# vue简单版分页功能实现 **功能介绍：** 将数据（n条）进行划分，根据所在页面展示对应页面的数据。如 有100条数据，每一页展示10条，总共就就是100/10 = 10页。 **功能实现逻辑：** 1.准备静态页面， 分页块需要 上一页 1 2 3 下一页，这种格式。 2.准备data数据块 ......

# vue中实现简单的分页功能-逻辑附完整代码，效果展示 # `实现` [vue](https://so.csdn.net/so/search?q=vue&spm=1001.2101.3001.7020)分页主要是对数据的操作，针对前端的操作，需要确定以下的变量数据： `(不涉及前后台传值 只是前端 ......

# 深入vue2响应式原理,在对象或数组新增属性无响应 # 解决方法 # 前言 ``` 该问题只存在vue2, 基于Object.defineProperty的特性,vue3中的proxy已经解决了该问题,但也存在兼容性问题, 例如IE系统任意版本都不支持. ``` ![image-20230524 ......

## vue2数据双向绑定和vue3数据双向绑定的原理透析 参考资料 : https://www.jianshu.com/p/d7e2efde434b ​ https://www.jianshu.com/p/d7e2efde434b 背景:面试官10个有9个都会问这个问题,所以深究一下啦 ### 需 ......

# Rust Web 全栈开发之在 Web 项目中使用数据库 ### 目录 ```bash ws on  master [?] via 🦀 1.67.1 via 🅒 base ➜ tree -a -I target . ├── .git ├── .gitignore ├── Cargo.loc ......

一、Web基础知识 1.http协议 超文本传输协议是互联网上应用最广泛的一种网络协议。所有www文件都必须遵守的一个标准，是以 ASCII 码传输，建立在 TCP/IP 协议之上的应用层规范，简单点说就是一种固定的通讯规则。 2.网络三种架构及特点 网络应用程序架构包括三种：客户机/服务器结构（C ......

**1、项目介绍** 任何系统都要遵循系统设计的基本流程，本系统也不例外，同样需要经过市场调研，需求分析，概要设计，详细设计，编码，测试这些步骤，基于java语言设计并实现了医院信管系统。该系统基于B/S即所谓浏览器/服务器模式，应用java技术，选择MySQL作为后台数据库。系统主要包括首页，个人 ......

``` /* 滚动条 */ body *::-webkit-scrollbar { width: 5px; height: 10px; } body *::-webkit-scrollbar-track { background: #fff; border-radius: 2px; } body * ......

``` ``` ......

> Date: 2023-05-29 17:56:27 > Author: Gavin > PS: 不喜欢做复制粘贴，这篇笔记只是简写关键 ### P1~12 Vue3 中的通信方式 - props `父=>子` 传的为不可变数据 - 自定义事件 `子=>父` - 全局事件总线 `任意组件` mit ......

[toc] # 在linux上搭建web服务(静态网站) ## 一、简介 ### 1.1.什么是web服务器 - 万维网（www、Web）的简称，“World Wide Web”，是一个由许多互相链接的超文本（文档等）组成的系统，通过互联网访问。Web服务器一般指网站服务器 - 在这个系统中，每个有 ......

1、介绍 信息泄露漏洞是基于web，可以直接请求到敏感信息。 2、一般页面 从一般页面中，提取注释、html元素或js变量 3、robots 获取可能的敏感路径 4、各种cms和中间件的管理页面、后台页面、标志页面 phpinfo tomcat apache 5、目录遍历漏洞 6、配置错误 导致可以 ......

import { defineEmits } from 'vue' //定义emit 类型 interface EmitsType { (e: 'bClick', item: {name:string,age:number}): void } const emit = defineEmits<Emi ......

import { defineProps, withDefaults, toRefs } from 'vue' //props 传过来的值的类型定义 interface ModuleType { num: number } const props = withDefaults(defineProps ......

import { onLoad,onShow } from "@dcloudio/uni-app"; onShow(()=>{ console.log(msg.value) }) ......

1、介绍 目录遍历漏洞，是指可以遍历查看非公开访问的，位于网站目录下或系统中的全部或部分文件。属于信息泄漏的类型之一 目录遍历有两种形式： 基于业务代码查询，而未限制参数，导致可以查询非公开文件 由于服务器容器等中间件，未严格过滤敏感字符，导致超出边界查询 2、查询目标 当前网站的配置文件和代码文件 ......

1、介绍 响应注入漏洞，是指的攻击者可以控制参数，包含在响应中，影响正常执行。 典型的是： 重定向漏洞，输出到location字段 地址类漏洞，输出到响应头部或响应体部的地址类参数 会话固定漏洞，输出到set-cookie 响应拆分漏洞 xss漏洞，直接或间接参与脚本构造 json劫持 除此之外，还 ......

### vue-cli介绍 vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 [中文官网](https://cli.vuejs.org/zh/) 在工程化的项目中，vue 要做的事情很单纯：通过 main.js 把 App.vu ......

1、介绍 典型的响应拆分漏洞，是指的http响应字段拆分漏洞。 即服务端动态将参数写入返回给用户的响应的头部字段中，该参数可以被攻击者控制，使包含\r\n这两个用于分隔不同响应头部行的字段或者\r\n\rn用于分隔响应头部与响应体部字段，同时写入响应过程未被阻止，那么用户接收到响应时，浏览器就会错误 ......

1、介绍 地址类漏洞指的是，可以由攻击者控制的地址类参数 导致页面重定向到攻击者控制网站，进行钓鱼 或者将敏感数据发送给攻击者 加载攻击者指定的资源，比如脚本、iframe，替换下载资源，替换图片进行钓鱼，尤其是联系方式或支付信息 重定向漏洞属于地址类漏洞的一种场景。 2、输入 (1)直接输入，反射 ......