网页 手机web css
在CSS中创建一个遮罩层并阻止点击穿透的常见方案
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
web前端 第二天总结
案例1:元素显示模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
web前端 第一天总结
案例1：标准的html骨架 <!DOCTYPE html> <!--声明文档 html5 --> <html lang="en"> <head> <meta charset="utf-8"> <title>我是最棒的</title> </head> <body> 今天是第一天学习前端 </body> ......
手把手教学构建证券知识图谱/知识库（含码源）：网页获取信息、设计图谱、Cypher查询、Neo4j关系可视化展示
手把手教学构建证券知识图谱/知识库（含码源）：网页获取信息、设计图谱、Cypher查询、Neo4j关系可视化展示 ......
CSS基础知识（未完待续）
前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
CSS基础
> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener
java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener 类没有找到 解决：file -- properties -- 选择Deployment Assembly -- 再点击右边的 ......
python pydoc模块生成html网页版内容
pydoc 是一个能生成网页版的模块，内置模块 命令： ```bash python -m pydoc -p 1234 ``` > -m 加载模块 > -p 网页访问端口 命令行： ; 其中在handler中可以通过下面代码来获取 Context ctx = WafContext.getInstance().getContext(); ......
css动态生成多个class样式
在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态 ......
Python 爬虫实战：驾驭数据洪流，揭秘网页深处
**爬虫，这个经常被人提到的词，是对数据收集过程的一种形象化描述。特别是在Python语言中，由于其丰富的库资源和良好的易用性，使得其成为编写爬虫的绝佳选择。本文将从基础知识开始，深入浅出地讲解Python爬虫的相关知识，并分享一些独特的用法和实用技巧。本文将以实际的网站为例，深入阐述各个处理部分， ......
python opencv无法编码h264、opencv编码的mp4视频无法在网页中播放
python opencv无法编码h264、opencv编码的mp4视频无法在网页中播放，这好像是因为开源许可的协议不同，导致python opencv中没有内置h264的编码，无法以h264的格式保存视频。 所以我就直接使用webm格式的视频： ``` output_path = 'output_ ......
前端必须知道的手机调试工具vConsole
一个轻量、可拓展、针对手机网页的前端开发者调试面板。
vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。
现在 vConsole 是微信小程序的官方调试工具。 ......
第八节 CSS高级
# day08-CSS高级 > 目标：掌握定位的作用及特点；掌握 CSS 高级技巧 ## 01-定位 作用：灵活的改变盒子在网页中的位置 实现： 1.定位模式：position 2.边偏移：设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi ......
CSS|动画与效果
## 一. 过渡 ### 1 什么是过渡 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果 ### 2 应用场景 当鼠标hover的时候, 有一个明显的突出效果, 但是又不会显得特别生硬 ![transition.gif](https://img2023.cnblogs.com/blog ......
[css]选择器，匹配以某个字符开头或结尾
1. ``` div[class$="-btn"]:active{ opacity:.8 } ``` 可匹配到div,class为“-btn”结尾的元素 2. ``` div:[id^="item-"]{ color:red } ``` 可匹配到div,id为“item-”开头的元素 ......
使用html2canvas生成网页截图并下载
1.安装依赖 npm install html2canvas --save 2.引入依赖 import html2canvas from "html2canvas"; 3.使用示例 <template><div> <a @click="toImage()">下载</a> <div ref="imag ......
web基础漏洞渗透场景-用户功能
需要注意两点： 一般来说，最多有两个手机号和多个邮箱，注册成功后无法再次测试注册功能 同一手机号或邮箱，在短时间内能够接收的验证码个数有限 1、sql注入： (1)注册、登录、找回密码时，查询用户名、手机号或邮箱是否已注册，以决定是否发送验证码 (2)注册、登录、找回密码时，提交验证码，查询手机号或 ......
[CSS 3] Container query
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries .container { container: article / inline-size; } h2 { font-size: 7cqw; } @conta ......
[CSS 3] margin-trim
The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges. https://developer.mozilla.o ......
[CSS 3] :has selector
html: <div class="post"> <h2>Post</h2> <a href="#"> a link</a> </div> <div class="post"> <h2>Post</h2> </div> <div class="post"> <a href="#"> a link</ ......
Web安全策略之Secure Cookie
## 背景 提到cookie想必大家都不陌生吧，用来维护http对话身份的一个属性。提到了身份那就一定涉及到安全问题，如果别人拿到了cookie呢。在web应用中传输主流就是http协议，但是http又是不安全的，所以我们需要给cookie颁发一个属性那就是Secure属性，这样的cookie只能在 ......
web中间件漏洞复现之log4j2
Log4j是Apache组织开发的一个Java平台的日志工具，还能记录代码运行时的动态轨迹，常用于递归解析。正是由于其递归解析的能力，导致存在RCE（远程代码执行）漏洞，漏洞存在版本为：Apache Log4j 2.x<=2.14.1 ......
HTML&CSS
HTML HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的HTML(HyperText Markup Language)：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容 标记语言：由标签构成的语言HTML 运行在浏览器上， ......
解除网页屏蔽鼠标右键方法
这是一段JS代码，本人一直在用的，感觉还不错； 百度搜索有很多都是无效或者是错误无法使用的； 最近几天在公司在用，没百度出正确的代码，就决定分享出这个代码； 完整代码如下： javascript:(function() { function R(a){ona = "on"+a; if(window. ......
tomcat 手动创建web服务
tomcat下载地址：https://tomcat.apache.org/download-80.cgi 解压到你的目录即完成安装 ⽂件夹 说明 备注 bin 该⽬录下存放的是⼆进制可执 ⾏⽂件 startup.bat启动Tomcat、 shutdown.bat停⽌Tomcat conf 这是⼀个⾮ ......
Jquery操作元素的属性和css
<button id="problem_chart_search" type="confirm" style="margin: 0 3em;color: #fff;font-size:.75em;padding: 2px 10px;">搜索</button> //1、改属性 $('#problem_ ......