网页 手机web css
解决DOS攻击生产案例:根据web日志或者或者网络连接数，监控当某个IP 并发连接数或者短时内PV达到100，即调用防火墙命令封掉对应的IP，监控频 率每隔5分钟
方法一：在awk中已经判断好并发连接数量的ip地址，传给while read执行防火墙规则封掉对应的ip。root@centos8 ~]# cat ddos.sh#!/bin/bashss -nt |awk -F '[ :]+' '/ESTAB/{ip[$(NF-2)]++}END{for(i in ......
Java Web学习路线
1.基础概念 Web 应用程序基础 客户端-服务器模型 HTTP 协议 URI 和 URL 浏览器和服务器交互过程 2.Servlet 编程 Servlet 概述 Servlet 生命周期 Servlet 配置和映射 请求和响应对象 请求参数的获取和处理 Servlet 过滤器 会话管理和 Cook ......
css多卡片自适应屏幕尺寸
css多卡片自适应屏幕尺寸 <div class="gridBody"> <div class="div1"></div> <div class="div2"></div> <div class="div3"></div> <div class="div4"></div> <div class="d ......
CSS hack
之前一直很狭隘的对CSS hack持有偏见，觉得写得规范的代码不应该使用这些“邪门歪道”，可最近产品发布一个小问题却让我头疼了很久，最后查了一下资料，竟然使用CSS hack轻松解决了，不得不服啊，对付神奇的IE就得使用这些利器。 什么是CSS hack 由于不同的浏览器，甚至同一浏览器的不同版本对 ......
CSS 布局
一些基本概念 viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。 canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们 ......
CSS与Bootstrap的关系和区别
1. CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种样式表语言,用于控制网页的视觉效果。 2. Bootstrap是一个开源的前端UI框架,基于HTML、CSS和JavaScript,用于快速开发Web应用程序和网站。 3. Bootstrap需要依赖CSS作为样式 ......
Java WEB
Java Web 其实就是一个技术的总和,把Web看成一个容器而已主要使用JavaEE技术来实现.在加上各种中间件。整个javaWeb阶段的内容通过实际的案例贯穿学习， 所涉及到的技术知识点会在案例中根据不同的需求引入。首先了解javaWEB的整个技术体系，掌握常用的技术知识点。 什么是Servle ......
CTFer blogs--Web-isc06
一、题目链接： https://adworld.xctf.org.cn/challenges/list?rwNmOdr=1696607477760 二、解法步骤： 首先打开后是一个网页，点了半天发现只有报表中心可以进入， 进入后观察到url显示 ？id=1 尝试sql注入半天也没得到有用信息 发现i ......
CTFer blogs--Web-robots
一、题目链接： https://adworld.xctf.org.cn/challenges/list 二、解法步骤： 题目提示robots协议 上网查询可得知： robots.txt是搜索引擎中访问网站的时候要查看的第一个文件。当一个搜索蜘蛛访问一个站点时， 它会首先检查该站点根目录下是否存在ro ......
CTFer blogs--Web-easyphp
一、题目链接： https://adworld.xctf.org.cn/challenges/list 二、解法步骤： 本题打开后是一段php代码，首先进行代码审计： 题目要求输入两个变量a和b（还有个c），都符合其对应条件即可拿到flag。 先来看变量a： isset（a）是php中最常用来判断变 ......
CSS
CSS（Cascading Style Sheets）是一种用于描述HTML（或XML等）文档的样式和布局的标记语言。它通过为HTML元素应用样式规则来控制元素的外观和排版。 CSS的主要作用是将网页的内容和样式分离，使得网页的结构和样式可以独立进行修改和管理。通过CSS，可以为HTML元素指定字体 ......
HTML+CSS随笔
这是我的学习笔记，重点是我容易忘的内容，并不全面 配合以下内容学习就很全面了 黑马程序员pink老师前端入门教程 HTML HTML文件基础结构解析 <!DOCTYPE html> <html lang="zh-han"> <head> <meta charset="UTF-8"> <meta na ......
Css实现浏览滚动条效果
Css实现浏览滚动条效果 前言 也是有大半个月没有更新文章了，大部分时间都在玩，然后就是入职的事。今天就更新一个小知识，刷抖音的时候看到的，感觉还不错。 属性介绍 关键属性animation-timeline:动画名称; 用于控制动画的时间轴。它可以让你在一个元素上同时播放多个动画，控制它们的开始时 ......
CSS 基础 5 - CSS 选择器
基础 #id{} ID 选择器 .class{} 类选择器 tag{} 标签选择器，tag 可以是 h1, p, div, span, img, nav, footer... *{} 通用选择器，选择所有元素，可以和其他复杂选择器组合 <div class="class1 class2" id="m ......
封装web返回对象
修改pom.xml文件，添加依赖库。Apache的httpcomponents库里面的HttpStatus类封装了很多状态码，所以我们在Web返回对象中封装状态吗，可以用到这些状态码。 <dependency> <groupId>org.apache.httpcomponents</groupId> ......
WEB RTC 直播Demo
打开两个浏览器测试,手动设置SDP(offer),类似http三次握手 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div> <button i ......
Web 框架Vue3
setUP函数 <template> <div>vue3 写法：{{ value1 }}</div> <br /> <div>vue2 写法：{{ value2 }}</div> <br /> <div> vue3 中的对象： <h5 v-for="(item, index) in obj" :ke ......
web uniapp设置文字点击变色，点击其他的回复原来颜
<view class="filter_line"> <view class="filet_text"> <view v-for="(item,index) in filterList" :key="index" :class="item.order == previous[0].order? 'a ......
styled-components & CSS pseudo classes All In One
styled-components & CSS pseudo classes All In One
::after & ::before CSS 伪元素
......
攻防世界之-Web_php_unserialize
打开靶场后网页显示 从注释可以看到flag可能存在fl4g.php中，要想返回fl4g.php需要绕过以下三个条件 1 要绕过wake up 函数__wakeup()是在反序列化操作中起作用的魔法函数，当unserialize的时候，会检查时候存在__wakeup()函数，如果存在的话，会优先调用_ ......
CSS 实现 table 表头固定 tbody 显示垂直滚动条并自定义滚动条样式
一、最终效果图 二、关键代码 html 代码： <div class="table_info"> <table border="0" cellspacing="0" cellpadding="0" style="width: 100%;"> <thead> <tr> <th>项目账号</th> <t ......
servlet在web项目的基本创建(我的第一篇博客，用来试试水的)
下面这个是要写在WEB-INf的web.xml里面用来注册你要用的servlet类的 <servlet>//这个用来注册servlet标签 <servlet-name>TestServlet</servlet-name>//你要用的servlet类的名字 <servlet-class>cn.com. ......
WebKit Inside: CSS 样式表的匹配时机
WebKit Inside: CSS 的解析 介绍了 CSS 样式表的解析过程，这篇文章继续介绍 CSS 的匹配时机。 无外部样式表 内部样式表和行内样式表本身就在 HTML 里面，解析 HTML 标签构建 DOM 树时内部样式表和行内样式就会被解析完毕。因此如果 HTML 里面只有内部样式表和行内 ......
asp.net mvc Core 网页错误提示：An unhandled exception occurred while processing the request.处理请求时发生未处理的异常。
网页错误提示： An unhandled exception occurred while processing the request. InvalidOperationException: The entity type 'IdentityUserLogin<string>' requires ......
矩阵的乘法运算与css的3d变换（transform）
theme: qklhk-chocolate 引言：你有没好奇过，在一个使用了transform变换的元素上使用window.getComputedStyle(htmlElement)['transform'] 查询出来的值代表什么？ 为什么硬件加速要使用transform，以及为什么硬件加速会快? ......
快速定位手机号码归属地，数据源下载即刻开启！
随着移动互联网的发展，手机号码已经成为我们日常生活中不可或缺的一部分。然而，在我们使用手机号码时，我们经常需要了解某个手机号码的归属地，以便更好的进行沟通和交流。那么如何快速定位手机号码的归属地呢？本文将基于数据源下载，用代码的方式来实现这一目标。 一、数据源下载 在实现手机号码定位功能之前，我们需 ......
CSS & JS Effect – Do something on enter/leave window tab
需求 我在做一个体验 当用户 submit enquiry 后会 window.open 开启 WhatsApp。而当用户关闭 WhatsApp 回来网站后，会 show 一个 feedback message。 实现思路 关键就在如何感知到，用户从 WhatsApp 切换回到了网站。 参考: De ......
Web3+AIoT=DePIN
导读 DePIN在基础设施领域掀起的变化，首先触及的是思维和机制层面，因为DePIN构建的是一张以“我为人人、人人为我”思想为基础的公共资产网络。 目前DePIN正在快速重塑我们与数字世界的关系。 DePIN在基础设施领域掀起的变化，首先触及的是思维和机制层面，因为DePIN构建的是一张以“我为人人 ......
Web版Photoshop来了，用到了哪些前端技术？
经过 Adobe 工程师多年来的努力，并与 Chrome 等浏览器供应商密切合作，通过 WebAssembly + Emscripten、Web Components + Lit、Service Workers + Workbox 和新的 Web API 的支持，终于在近期推出了 Web 版 Pho ......
Web 版 Photoshop
今天在公众号上看见了一篇文章，说的是Web 版 Photoshop,网站为photoshop.adobe.com 可惜进不去，需要魔法。 ......