布局vue web
Vue-与后端交互的三种方式、箭头函数
与后端交互的三种方式 前后端需要打通 》从前端发送ajax 》ajax的核心:使用js发送http请求,接收返回 - 原生js,可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) - jq,写了个兼容所有浏览器的 $.ajax(),不仅仅有ajax,还封装了很多dom操 ......
3-web前端 css 网页样式语言,基础语言、盒子模型、浮动
html和css的关系: HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素,并可以与如JavaScript等其他技术结合使用,实现网页的动态功能。 CSS ......
1-web前端 基础标签 、图片、超链接
vscode 编译器下载地址: https://code.visualstudio.com/ 1、下载完vscode后安装的三个小插件:chinese(中文)、live serve、会了吧(翻译) 2、每个打开的网络页面都有html编码,可以进行编码查询和编码检查 3、vscode的三种创建编码文件 ......
vue3中的axios进行封装代理的使用(webpack)
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件,用来处理axios拦截器 axios.js内容:(注意:其中router需要写成这种形式,不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
Vue中的watch和mounted的区别
功能不同:watch是用来监听数据的变化,当数据变化时执行异步操作或开销较大的操作;而mounted是在Vue实例被挂载到DOM后执行的函数,主要用于初始化数据和操作DOM。 执行时间不同:watch是当数据变化时执行,而mounted是在组件被挂载到页面上后执行。 总的来说,watch更适合用来监 ......
基于Web的智慧煤矿2D组态系统
前言 随着智能科技的不断发展,矿山企业谋求高质量高水平发展的需求愈发迫切,我国也逐渐开始了对智慧矿井的建设。作为新型生产力的智能科技也成为产业变革的重要驱动力。 传统的组态系统所展示出的矿井组态界面已无法满足当前多样化的展示需求。随着基于Web的可视化技术飞速发展,不少矿山企业也跟随数字化潮流更新升 ......
12-Vue核心-绑定样式
class 与 style 绑定 1)在应用界面中,某个(些)元素的样式是变化的 2)class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法: v-bind:class = "xxx" 或 :class = "xxx" ,xxx 可以是字符串、对象、数组 1) ......
VUE 给table添加index
el-table :data="data" :row-class-name="tableRowClassName" tableRowClassName({row, rowIndex}) { row.index = rowIndex; }, ......
Web3.0时代的全新合作模式:DAO
今天我就介绍一个可以改变你这种现状的技术:DAO。但在介绍DAO之前我们需要先了解一下所有人都在热烈讨论的web3.0。 ......
支持JDK19虚拟线程的web框架,之四:看源码,了解quarkus如何支持虚拟线程
quarkus是如何支持虚拟线程的呢?今天咱们一起来阅读quarkus源码,学习从框架开发视角去添加新特性,除了开阔眼界,也为为自己的设计能力提升增加有效的参考信息 ......
ctfhub_WEB基础关(RCE)
WEB基础 七、RCE 1、eval执行 页面给的是一段PHP代码,这段代码允许用户通过'cmd'参数执行PHP代码 <?php if (isset($_REQUEST['cmd'])) { eval($_REQUEST["cmd"]); } else { highlight_file(__FILE ......
Vue-js循环方式、v-model的使用、事件处理、表单控制、购物车案例
js循环方式 在es6语法中:(以后尽量少用var有很多坑) - let:定义变量 - const:定义常量 1. 方式一:for循环,基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl ......
别再用 float 布局了,flex 才是未来!
大家好,我是树哥! 前面一篇文章整体介绍了 CSS 的布局知识,其中说到 float 布局是 CSS 不断完善的副产物。而在 2023 年的今天,flex 这种布局方式才是未来!那么今天我们就来学习下 flex 弹性布局。 什么是 Flex 布局? 在经过了长达 10 年的发展之后,CSS3 才终于 ......
Vue之js循环方式、v-model 的使用、事件处理、表单控制、购物车案例、v-model修饰符
js循环方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js循环方式</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6. ......
vue-dayu03
js循环 方式一:基于索引的循环 <script> let i=0 for (;i<10;){ console.log(i) i++ } let good_list = [1, 2, 3]for (let j = 0; j < good_list.length; j++) { console.log ......
Azamon Web Services 题解
Azamon Web Services 看到目前题解都是 \(O(n^2)\) 的复杂度,来一发 \(O(nlogn)\) 的贪心题解。 思路很简单,先求经过至多一次的交换后,最小的字符串 \(S\)。再和 \(T\) 比较,如果小于就输出,否则无解。 问题转化成了两个子问题: 求经过至多一次的交换 ......
Vue基本使用
一 模板语法 插值语法:{{变量,js语法,三目表达式}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值</title> <script src="https://cdn.jsdelivr.net/n ......
vue2项目创建
vue2项目 基本安装 vue creare 项目名 cd 项目名 code . 按照其它模块 element-ui npm i element-ui -S 在 main.js 中写入以下内容: import Vue from 'vue' import App from './App.vue' im ......
Haproxy搭建 Web 群集实现负载均衡
Haproxy搭建 Web 群集实现负载均衡 1 Haproxy HAProxy是可提供高可用性、负载均衡以及基于TCP和HTTP应用的代理,是免费、快速并且可靠的一种解决方案。HAProxy非常适用于并发大(并发达1w以上)web站点,这些站点通常又需要会话保持或七层处理。HAProxy的运行模式 ......
Vue的介绍
一 Vue简介 Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的 渐进式框架 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 官网:https://cn.vuejs.org/ 二 Vue ......
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例,父组件中使用子组件(table组件)再次包装: Vue2: 子组件,inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
css用absolute解决flex布局下flex-grow:1的情况滚动布局撑开父节点的问题
描述: 因为个人很喜欢flex布局,所以在做某个项目html框架的时候,会有如下这种情况出现 一个很简单的布局,大的盒子下包含了两个子盒子,第一个子盒子的高度固定,现在要让第二个盒子自适应撑满父布局剩下的高度,自然用css很简单实现 设定一个flex,然后grow为1就行 .container1 { ......
WEB漏洞-XXE&XML之利用检测绕过全解
XML内容: <?xml version="1.0"?> <!DOCTYPE a [ <!ENTITY % d SYSTEM “file:///etc/passwd”> %d; ]> <c>%d;</c> XML内容 <?xml version=’1.0’?> <!DOCTYPE a [ <!ENT ......
Vue学习七:自定义创建项目和vuex
一、自定义创建项目 默认的项目有很多包不全,需要的时候还要导包搭架子,因此我们可以自定义创建项目。 选择的项目按照自己需要的设置,可参考如下参数设置。(eslink是一种代码规范) 二、vuex 1、vuex概述vuex是一个vue的状态管理工具,状态就是数据。大白话: vuex 是一个插件,可以帮 ......
web自动化测试简介
一、web自动化简介 1、什么是自动化测试? 2、为什么要进行自动化测试? 3、哪些项目适合web自动化测试? 1)需求稳定,任务测试明确,不会频繁变更 2)研发和测试周期长,需要频繁执行回归测试 3)需要在多种平台上重复运行相同的场景 4)某些测试项目的手工成本较高 5)被测软件的开发较为规范,能 ......
Vue3+vite路由配置优化(自动化导入)
今天在维护优化公司中台项目时,发现路由的文件配置非常多非常乱,只要只中大型项目,都会进入很多的路由页面,规范一点的公司还会吧路由进行模块化导入,但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件,能不能使用到自动导入.vue文件中去,答案是可以! ......
[Writeup]2022 NewstarCTF_Week5(Web部分)
一只网络安全菜鸟--(˙<>˙)/-- 写博客主要是想记录一下自己的学习过程,过两年毕业了也能回头看看自己都学了些啥东西。 由于本人水平有限内容难免有错误、疏漏、逻辑不清、让人看不懂等各种问题,恳请大家批评指正 如果我写的东西能对你有一点点帮助,那真是再好不过了。 2023 Newstar CTF就 ......