网页 手机web css
Python之路【第十八篇】：Web框架们
Python的WEB框架 1.Bottle Bottle是一个快速、简洁、轻量级的基于WSIG的微型Web框架，此框架只由一个 .py 文件，除了Python的标准库外，其不依赖任何其他模块。 pip install bottle easy_install bottle apt-get instal ......
Python之路【第十五篇】：Web框架
原笔记链接：https://www.cnblogs.com/wupeiqi/p/4592637.html 1.Web框架本质 众所周知，对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。 #!/usr/bin/env python #coding ......
css div上层显示一个div
CSS position属性来实现div上层显示div。 首先，为需要在上层显示的div设置position: absolute，并设置其z-index值大于其他div。 然后，为包含这些div的父元素设置position: relative。 <div class="container"> <di ......
Selenium+Java+Chrome进行web自动化实例
Selenium+Java+Chrome进行web自动化实例 这是我第一次在项目中使用Java Spring启动，因为我主要使用C＃，我需要从blob URL路径读取文件并将一些字符串数据(如密钥)附加到同一个文件中。在我的API下载文件之前流。 以下是我尝试过的方法： FileOutputStre ......
m基于K-means和Label+Propagation的半监督网页分类-图像分割matlab仿真
1.算法仿真效果 matlab2013b仿真结果如下： 运行结果如下所示： 测试集的分类结果及分类正确率。 2.算法涉及理论知识概要 首先“K均值算法”和“基于局部和全局一致性算法”的整合，并不是两个算法的简单拼凑，这里，实际上结合了“K均值算法”和“基于局部和全局一致性算法”两者算法的思想。根据你 ......
最火前端 Web 组态软件 (可视化)
前言： 随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。 正文： 1.mxgraph： 介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实 ......
CSS知识点总结
CSS知识点总结 文章内容可能较多且杂乱，可以查看页面右方的目录，以及使用Ctrl+F搜索页面内容进行内容定位。 常用属性 推荐搭配文档使用，可以复制属性名，到文档查看该属性对应的可选值。 👉MDN Web Docs 盒模型 宽度：width 高度：height 边框：border 圆角：bord ......
node.js用ffmpeg切rtsp实时视频流为mp4,并且在网页上播放
用express.js框架，这部分太简单了，省略 npm或者yarn安装fluent-ffmpeg 路由部分代码: router.rtspTrackingHandle = function (req, res) { logger.info('[tracking]: rtsp handle'); le ......
web安全基础-渗透相关字段
1、Set-Cookie和cookies 2、csp 3、x-frame-option 4、x-xss-frame 5、location 6、referer和origin 7、user-agent、xff 作为sql注入参数点、收集用户信息 8、server、x-powered-for 收集服务端信 ......
web安全基础-前端编码
1、url编码 一般来说，就是先utf-8编码，然后每个字节前加%，但具体哪些字符进行url编码和是否必然是utf-8可能和浏览器相关。 url - 挖洞404 - 博客园 (cnblogs.com) 2、base64编码 3、js转义和编码 4、html实体编码 html实体编码 - 挖洞404 ......
web1
序 早期的web架构中，client/server算是比较早的，但对于后续web发展，反复的更新升级client跟不上服务要求，所以有了Browser/Server，对于客户，只需要一个浏览器，就可以享受server的服务，对于浏览器来说，它要做的就是渲染工作，而应用的逻辑和数据都存在server， ......
CSS animation (animation-timing-function) 测试脚本
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content ......
正则校验手机号
//校验手机号 function checkTelephone(text) { var telephone = text.value; if(telephone != ''){ //手机号 var reg = /^1[3|4|5|7|8][0-9]\d{8}$/; //电话 var reg0 = / ......
第四节 CSS进阶
day04-CSS进阶 目标：掌握复合选择器作用和写法；使用background属性添加背景效果 01-复合选择器 定义：由两个或多个基础选择器，通过不同的方式组合而成。 作用：更准确、更高效的选择目标元素（标签）。 后代选择器 后代选择器：选中某元素的后代元素。 选择器写法：父选择器 子选择器 { ......
网页截图,html2canvas简单示例
<div id="box"> <p>asd4a5s6fa6s5f1asf</p> <img style="width:200px" src="xxxxxx.png" /> <button style="width:100px;height:30px" onclick="prtsc()">prtsc< ......
css的度量单位：px、em、rem、vh、vw、vmin、vmax、百分比
css的度量单位 px，像素数量，适用于比较固定的场景，比如边框宽度，分割线宽度 em em：是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；它相对的是父元素的字体大小，如果父元素是根的1.5，当前元素是父元素1.5，则当前元 ......
ISM Web组态监控软件
ISM Web组态软件采用Vue+Go语言开发，通过浏览器操作组态工具、浏览组态画面，实现工程管理、组态编辑、工业设备采集以及组态运行三大功能。通过实现图元组态、可视化图表组态、数据库组态的配置与关联，完成基于Web服务的实时数据监控与服务端的多用户访问等。采用标准HTML5技术，基于B/S架构进行 ......
HTML和CSS基础笔记
文件: html_and_css_basic.txt 标题: HTML和CSS基础笔记 摘要: HTML常用标签。CSS常用属性。常用的布局方法。 最后更新时间: 2023/04/28 00:59:00 转换工具: https://www.lddgo.net/convert/htmlencode(h ......
第三节 CSS基础
day03-CSS基础 目标：掌握 CSS 属性基本写法，能够使用文字相关属性美化文章页。 01-CSS初体验 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（美化内容）。 书写位置：title 标签下方添加 sty ......
在web端实现rtsp流的视频的播放
相关了解 我们已经知道了如何在如何使用VLC工具播放rtsp视频流了，那么，我们应当如何 相关步骤 搜索历经 看到网络上有一种在浏览器安装插件的方法，但是网友并不推荐，表示有的浏览器版本即便安装了插件也是不支持的； 然后又看到第二种方法--后台转成rtmp形式，然后看到网友同样持有不推荐的态度； 然 ......
css--实现一个文字少时居中，文字换行时居左的样式
css--实现一个文字少时居中，文字换行时居左的样式 前言 最近群里的小伙伴去面试，遇到这样一个问题，面试官问："用 css 对一行文字进行布局，当文字不够换行的时候，这行文字要居中显示，当文字出现换行的时候，这行文字要靠左显示。"，遇到这样的需求一下束手无策，后来查下资料，哦，原来这样，这里总结一 ......
css--常见左右盒子宽度高度自适应布局
css--常见左右盒子宽度高度自适应布局 前言 前端开发工程师最基础的技能要求是根据 ui 设计稿还原网页，这就缺少不了必要的网页布局，首先看下最近小伙伴问我的一个问题，他说一个网页有左右两个部分，左右两个部分的宽高度都不固定，要使得右部分的宽度充满剩余的部分，并且高度随着左边的高度发生自适应，而左 ......
CSS3弹性盒子用于子元素填充父元素
主要记住三个关键点 父元素display设置为flex，表明该容器是弹性盒子，设置flex-flow指明弹性方向，子元素设置flex属性，指定弹性比例 CSS3 弹性盒子 | 菜鸟教程 (runoob.com) ......
前端学习笔记--主流web框架
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <style type='text/css'>html {o ......
css渐变实现进度条动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
js实现H5网页飘窗
1.<div style="z-index: 1000; position: absolute; filter: Alpha(opacity = 90); width: 100px;padding: 10px; border: 1px solid #333" id="img" align="cent ......
web: pdf_converter | DASCTF Apr.2023 X SU战队2023开局之战
题目内容 这道题是给源码的，是个 thinkphp 项目，可以直接看看控制器 就一个 pdf 方法，用了 dompdf 库，然后把用户传入的 content 写到 pdf 中。 既然这么明显，那就搜索 dompdf 漏洞 知识点 首先看到：https://ghostasky.github.io/20 ......
CSS定位子元素包含特定 class 的父元素
要定位子元素包含特定 class 的父元素，可以使用 CSS 选择器中的 :has() 选择器，但是这个选择器目前还没有得到广泛的浏览器支持。目前使用 :has() 选择器的最佳方式是使用 jQuery 或其他类似的 JavaScript 库。以下是一个使用 jQuery 的例子： <div cla ......