布局vue web rem

vue项目创建和插件依赖安装

1、启动vue项目 npm run serve 2、安装插件 npm i vue-router npm i vuex //(不知道是不是这个,反正一开始有几个要装) 3、bootstrap使用 先安装bootstrap依赖: npm install bootstrap npm install @po ......
插件 项目 vue

Vue检测密码复杂度方法

Vue检测密码复杂度方法 <!-- 检测密码复杂度方法 --> <template> <div> <input type="password" v-model="password" @input="checkPasswordComplexity"> <div v-if="complexityMess ......
复杂度 密码 方法 Vue

简单记录下python视频提取语音,语音转文字(web版本)

一、直接贴代码,有些离线文件需要下载,python依赖包也需要下载。 # coding=utf-8 from flask import Flask, render_template_string, jsonify, request from flask_cors import CORS from t ......
语音 版本 文字 python 视频

web信息收集----网站指纹识别

一、网站指纹(web指纹) Web指纹定义:Web指纹是一种对目标网站的识别技术,通过识别网站所使用的服务器、运行的脚本、安装的CMS等信息对目标进行精准的分类和定位。Web指纹识别可以帮助安全研究人员在安全测试中快速了解目标网站的基本信息,有助于搜索其相关漏洞。 二、CMS简介 内容管理系统(Co ......
指纹识别 指纹 信息 网站 web

VUE

一、Vue定义及简介 1、Vue定义 关于Vue简介,百度百科给出的解释是:Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单 ......
VUE

Vue脚手架中加入Vuex全局状态管理中间件

WebStorm创建Vite(Vue模版)项目后: 在main.ts中: import {createApp} from 'vue' // @ts-ignore import {createStore} from 'vuex' import './style.css' // @ts-ignore i ......
脚手架 中间件 全局 状态 Vuex

SpringBoot:整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行

获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包,生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
SpringBoot 前端 代码 项目 React

vue2中 watch和computed的区别

计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵 ......
computed watch vue2 vue

重学Vue之 死磕原理

学习一个技术,最好的入手是从一个问题开始, 问:为什么这个Vue代码在created()或mounted()执行完查询后,此时的transactionList还是undefined呢? <template> {{transactionList}} <div v-for="(v,k,i) in tra ......
原理 Vue

Web应用框架ABP技术分享

ABP技术分享 一、什么是ABP ASP.NET Boilerplate(ABP)是一个开源且有着完善文档的应用程序框架。它不仅仅是一个框架,还基于领域驱动设计提供了强大的架构模型,并考虑到了所有的最佳实践。 二、ABP 的关键特性和原则 2.1领域驱动设计(DDD) ABP鼓励使用DDD原则,帮助 ......
框架 技术 Web ABP

vue2添加反向代理解决跨域问题

编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......
问题 vue2 vue

使用命令行创建vue3+Typescript的uni-app

目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContext is not a function 更具该文档创建好的模板:GitHub仓库地址,克隆下来安装依赖即可 创建项目 官方文档--创建uni-app 以创建vue3+ Typescrip ......
Typescript 命令 uni-app vue3 vue

vue插件

介绍​ 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插 ......
插件 vue

【C#代码调试】Asp Core Web Api 8.0 中断点命中不了

今天莫名其妙的发现断点命中不了,在一个不算大的项目里面,首先想到的是代码问题,经过后面注释大法的排查发现不是代码的问题,最后经过摸排发现是Vs2022 的问题,特此记录一下 在vs 中 找到调试-常规-防止模块加载时使用预编译映像 勾选就可以命中断点了 ......
中断点 代码 Core Asp Api

vue解决跨域问题

1、什么是跨域 跨域问题的出现是因为浏览器的同源策略问题,同源是指 两个页面具有相同的 协议+主机+端口号,它是浏览器最核心也是最基本的功能。如果没有同源策略浏览器将会十分的不安全。 2、如何解决跨域问题 1)使用jsonp 2)使用jquery ajax 3)在vue开发中实现跨域,通过在devS ......
问题 vue

web 应用 csk2

首页的查询 / 登录 认证 all page 的 查询 comment 的 评论表单 person 的 美化 各个页面的美化 高级功能 文档 视频 ......
csk2 web csk

vue2 自定义插件

自定义插件的基本使用: let MyPlugin = {}; MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. ......
插件 vue2 vue

海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案

最近新需求项目集成WebSDK_V3.3.0的视频插件,开发过程中遇到了一些问题,如下: 无法正确引入插件/InitPlugin报错 使用文档中写的I_DestroyPlugin报错并且再次Init插件后 无法正常播放,报错如下: 如果你也有类似问题请往下看 首先 开发包如下: 1.无法正确引入插件 ......
WebSDK_V 解决方案 方案 项目 WebSDK

vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式

前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较UEditor:基本满足各种需求,依赖于jquery但是已经不再维护了,实现上传图片等需要修改源码,界面 ......
编辑器 文本 tinymce 格式 项目

vue2学习按钮点击(转载)

Vue2学习笔记:v-on Vue的事件: v-on: click/mouseover/mouseover/mousedown/dbclick/... 下面是点击事件介绍: 1.点击事件 <!DOCTYPE html> <html> <head> <title></title> <meta char ......
按钮 vue2 vue

给你一个网站,你如何来做自动化测试的?Web网站测试流程及方法

我想大多数开始进行web端页面测试的人,一开始会的都是在页面上点点点,然后一看到页面上有什么图片失效啊,页面遮挡就觉得是找到了大bug;一开始我也是这样,尽管我很谨慎,很仔细,把页面上的每一个角落都看了几十遍,依然没有把页面上的点点点测好,当时真的是每天都过得提心吊胆。那给你一个网站,究竟应该如何测 ......
网站 流程 方法 Web

Vue-Cli脚手架

1.搭建Vue-Cli脚手架 1.1.安装npm NPM(node package manager)是随同node.js一起安装的包管理工具,能解决前端代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写 ......
脚手架 Vue-Cli Vue Cli

《最新出炉》系列初窥篇-Python+Playwright自动化测试-36-处理web页面定位toast-下篇

1.简介 按理说,现在这种一闪而过的toast的已经相当普及或者是见怪不怪了,应该网上的大网站会用到的,偶然的在一次租房中,看到了这种场景,所以宏哥决定将其拿来主义,进行演示实践一下。 2.租房网站 事先声明啊,宏哥没有收他们的广告费啊,纯粹是为了学习和实战的。 2.1被测网址 1.被测网址的地址: ......
下篇 Playwright 页面 Python toast

vue-element-admin-master 代码解释 带注释——main.js

// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......

vite+vue3 打包后页面空白现象

使用vite打包之后运行index.html空白,打开控制台发现报错: 解决方法: 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
空白 现象 页面 vite vue3

vue3横向时间轴展示

架子是用的vue3+element Plus, 要用到时间轴展示,但element组件只有竖着的,想要横着的,找了一圈没有合适的,终于找到个合适的,文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构: { dat ......
横向 时间 vue3 vue

解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等

总得说来报这种Error: Can't resolve+模块名字的错误,一般就只有两种原因:一、少了这个包(直接安装:pnpm add -D 模块名字@版本),二、有这个包,但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上,该降级的时候降级,降级一般先 ......
resolve loader Error 前端 cache-loader

# vue 预览 pdf、word、excel

vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能,当时做了之后就一直没有整理,其实也很简单,功能不多,只是预览,没有在线编辑的功能,所以呢,啊哈哈哈哈哈,一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件,直接运行一下命令就可以了: npm instal ......
excel word vue pdf

Flask Web API构建实例:GET、POST文件上传、静态资源下载一网打尽

以下是一个通过 Flask 构建 Web API 服务的详细示例,包含了各类请求(GET、POST、文件上传、静态资源下载)、每个方法独立配置路由、参数接收和解析、请求日志记录以及异常日志记录。请确保你已经安装了 Flask,你可以使用以下命令进行安装: pip install Flask 接下来是 ......

Web 学习记录

写在前面 高中竞赛期间晚上不想写题,给自己找点乐子。当然也是为 CTF 做准备。具体的学习顺序参考《Web 深度剖析》。 一些网站: 菜鸟教程, w3school 在线教程, ctf-wiki.com。 Web HTML 感觉这东西没啥用,遇到不会的东西在来看。 SQL XSS ......
Web