布局vue web rem
vue---操作状态
VUE更改VUEX状态：简单示例代码： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({ state: { count: 0 }, mutations: { i ......
vue3Cron表达式组件
npm安装no-vue3-cron引入报错，就直接把代码拿来自己改了 no-vue3-cron仓库地址：https://github.com/wuchuanpeng/no-vue3-cron vue-cron.vue <style lang="scss"> .no-vue3-cron-div { . ......
使用 FastEndpoints 来垂直切换Web API的控制器方法
在我们开发项目的Web API的时候，随着项目功能要求越来越多，可能我们会为控制器基类增加越来越多的基础功能，有些功能有一定的适应性，但可能在一般的子类中用不到，而随着对控制器控制要求越来越精细，那么需要为基类或者子类增加更多的控制功能，这样随着迭代的进行，有些控制器的功能会显得越来越笨重。这个时候... ......
web常用工具
links links [OPTION]... [URL]... 选项： -dump 非交互式模式，显示输出结果 -source 打印源码 wget wget [OPTION]... [URL]... 选项： 启动： -V, -version 显示wget的版本后退出 -h, -help 打印语法帮 ......
Spring Boot 2.6.1 Error creating bean with name 'formContentFilter' defined in class path resource [org/springframework/boot/autoconfigure/web/servlet/WebMvcAutoConfiguration.class]
Error creating bean with name 'formContentFilter' defined in class path resource [org/springframework/boot/autoconfigure/web/servlet/WebMvcAutoConfigu ......
Ant Design Vue <a-tabs>标签内嵌使用
<a-tabs :activeKey="activeKey" @change="handleTabChange"> <a-tab-pane v-for="(item, index) in menuList" :key="item.id" :tab="item.name" :index="index" ......
嵌入式linux下web服务器搭建（转载）
一、移植编译生成boa二进制文件 Boa是一种非常小巧的Web服务器，其可执行代码只有大约60KB左右。作为一种单任务Web服务器，Boa只能依次完成用户的请求，而不会fork出新的进程来处理并发连接请求。但Boa支持CGI，能够为CGI程序fork出一个进程来执行。Boa的设计目标是速度和安全。 ......
在FastAPI中 如何既使用JinJa2模版 又使用Vue？
前言 如果你在 FastAPI 中使用 Jinja2 模板引擎，默认使用了 {% ... %} 和 {{ ... }} 这样的标记语法。 如果你需要在模板中使用 Vue.js 或其他类似的前端框架，可以通过修改 Jinja2 的标记语法避免冲突。 Jinja2 支持自定义标记语法，你可以在 Fast ......
Spring CSP & Cors: Content Security Policy with Spring Security | Enabling Cross Origin Requests for a RESTful Web Service
* [Spring Security 配置 Content Security Policy（CSP） - spring 中文网](https://springdoc.cn/spring-security-csp/)* [Getting Started | Enabling Cross Origin ......
vue3.0项目搭建
一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......
vue2子组件拷贝父组件传递的参数
在 Vue2 中，父组件向子组件传递参数时，如果参数是对象或数组（即非基本数据类型），那么子组件可以直接修改这个参数，这会影响到父组件的数据。如果你想避免这种情况，你可以让子组件对父组件的传参进行深度拷贝。这样，子组件就可以自由修改拷贝后的参数，而不会影响到父组件的数据。 这是一个例子，假设父组件向 ......
vue3.0项目搭建
一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......
通过C++发布一个web api服务器，其实没有想象的难，一个库就够了
为了实现一个包含静态文件输出、GET、POST 请求处理（含参数读取）、文件上传和下载功能的 Web API 服务，我们将使用 cpp-httplib 作为 HTTP 服务器库。首先，确保你已经安装了该库。 git clone https://github.com/yhirose/cpp-httpl ......
Vue入门
一、vue 官网：https://cn.vuejs.org/index.html 1.1Vue的简单概述 1.1.1、介绍: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目 ......
关于响应式布局，你需要了解的知识点
大家好，我是树哥。 相信大家都知道我最近在学习前端知识，最近学到了响应式这块的内容。既然学到这块内容，那我必然会遵循「理论 - 实践 - 总结」的学习方法，这篇文章就是我对响应式知识的简单总结。 什么是响应式布局？ 响应式布局，就是根据不同设备展示不同的布局，以免更方便用户浏览页面。 举个很简单的例 ......
vue3常见问题
异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi ......
vue升序降序按钮功能实现
需求：默认升序，悬浮按钮变色，点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......
CentOS httpd nginx WEB访问报503错误解决方案
外网访问WEB，需要关闭活着适当配置防火墙。centos7 防火墙状态查看、关闭、打开命令： firewall-cmd --state #防火墙状态查看 systemctl stop firewalld.service #防火墙关闭 systemctl start firewalld.service ......
vue + Echarts项目中引用水波图效果
1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......
Vue2 校验不通过的表单，赋正确的值后，再次校验结果不变
前言 在工作中遇到了这个问题，多次排查，耗费了不少时间才解决这个问题。问题的解决很简单，但发现根本原因还是有点困难，因此在此做个记录，以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......
Vue 图片上传formdata()传参形式
1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......
vue2 中 el-table 实现树形列表，支持增删改等操作
需求场景：el-table构造一个树形列表，支持新增节点，删除，修改等操作。 实现效果 思路 一般的el-table 增删改，我们都很熟悉；关键在于实现一个纯前端的树形列表，最终再调接口存列表数据。 树形el-table，需要设置 row-key，一般为 id，所以每新增一条数据，都必须有id。需要 ......
vue路由切换时内容组件的滚动条回到顶部
vue路由切换时内容组件的滚动条回到顶部：https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......
vue中echarts图表(二)---折柱混合
一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
Vue2添加路由后界面变成空白
在vue2中，每当我添加路由选项的时候，vscode并不会报错，运行后连原本的东西都不见了 也尝试了一下网上搜索的方案，如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router，最新版本的router是匹配的vue3，导致页面一片空白 解决方法就将原来的rou ......
vue中echarts图表---正负轴柱状图
一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
vue项目 npm install 安装依赖 特别慢 解决办法
vue项目 npm install 安装依赖 特别慢 解决办法使用NPM（Node.js包管理工具）安装依赖时速度特别慢，为了安装Express，执行命令后两个多小时都没安装成功，最后只能取消安装，笔者20M带宽，应该不是我网络的原因，后来在网上找了好久才找到一种最佳解决办法， 在安装时可以手动指定 ......
【Web攻防之业务安全实战指南】第5章 业务办理模块测试
5.1 订单ID篡改测试 5.1.1 测试原理和方法在有电子交易业务的网站中，用户登录后可以下订单购买相应产品，购买成功后，用户可以查看订单的详情。当开发人员没有考虑登录后用户间权限隔离的问题时，就会导致平行权限绕过漏洞。攻击者只需注册一个普通账户，就可以通过篡改、遍历订单id，获得其他用户订单详情 ......
vue过滤器
使用场景：加工属性，对属性做一些类似格式化的操作但不会改变该属性；看起来跟computed类似，后面总结两者区别 使用地方：可以放在{{}}插值中使用，也可以在v-bind表达式中使用(vue2.1.0+支持) 注意事项：过滤器中this不能获取vue实例 全局过滤器： //main.js Vue. ......
【软件安装】Web Tours的安装与启动
1、下载，地址：https://marketplace.microfocus.com/appdelivery/content/web-tours-sample-application#app_releases 2、安装，下载完成后，解压，安装应用程序：strawberry-perl-5.10.1.0 ......