网页 手机web css
web基础漏洞-xss手工测试与自动测试
手工测试，一般是指结合浏览器和burp的重放进行。 1、反射型xss手工测试 1.1 测试是否返回 如果测试参数在响应的体部中并未返回，那么基本可以判断不存在反射型xss。 问题1：测试参数在响应中固有 如果测试参数除了包含返回之外，还存在固有。这样的话，直接根据测试参数是否在响应体部中包含就没有意 ......
css 背景样式 梯形/平行四边形
绘制这种不规则的背景图形，目前我的思路是使用伪元素 伪元素的优点在于不用添加新的元素 实现平行效果使用了css transform: skew(); 具体代码如下 { position: relative; padding-left: 12px; color: #2187FF; background ......
web基础漏洞-xss
1、介绍 xss，cross site script跨站脚本攻击，是指攻击者构造payload，使其在用户的浏览器上解析为脚本执行，从而造成危害。 脚本一般是指js，但广义上vbscript和actionscript(flash)等其它脚本可以造成xss。 xss一般发生在浏览器，但广义上任何支持脚 ......
html5+css-06
HTML5（最常用） 新增标签 语义化 header：头部 nav：导航 article:内容 section:定义文档某个区域 aside：侧边栏 footer:尾部 主要针对搜索引擎 可多次使用 在IE9中需要转化为块级标签 视频 audio：音频(.mp3) video：视频（尽量使用.mp4 ......
CSS-05
精灵图 为了减少服务器接收和发送请求的的次数 background-position 一般情况下，向上向左均是负的 background: url(images/icons.png) no-repeat -1103px -333px; 字体图标 展示为图标，本质为文字 结构样式简单的使用字体图标，复 ......
CSS 实现鼠标悬浮边框线动画效果
一、transition CSS transition（过渡效果）详解 CSS 中提供了 5 个有关过渡的属性，如下所示： transition-property：设置元素中参与过渡的属性； transition-duration：设置元素过渡的持续时间； transition-timing-fun ......
利用 CSS 的 clip-path 属性快速画三角形、气泡框
clip-path 结合 polygon 函数，可以快速切出一个三角形、气泡框。 a. 三角形有三个顶点，因此 polygon 需要传三个参数，每个参数是顶点的 x 和 y 轴位置百分比： #triangle-1 { -webkit-clip-path: polygon(50% 0, 100% 10 ......
CSS命名技巧规则
CSS命名注意事项： 1.一律小写; 2.尽量用英文； 3.不加中杠和下划线；[有特殊情况除外] 4.尽量不缩写，除非一看就明白的单词。 CSS文件名命名: 主要的 master.css 模块 module.css 基本共用 base.css 布局，版面 layout.css 主题 themes.c ......
CSS水平垂直居中
使用flex布局 <div class="content"> <div class="box"> </div> </div> .content{ height: 100vh; display: flex; justify-content: center; align-items: center; } ......
使用CSS的cross-fade()实现基于url的网页背景图半透明显示
参考链接：https://www.zhangxinxu.com/wordpress/2020/07/css-cross-fade-background-image-opacity/ 引子 在开发过程中，碰到了一个比较特别的情况，就是使用url()背景图像，同时又希望background-image背 ......
css元素水平垂直居中
1、单行文字的处理 <html> <head> <style> /* 要点，设置行高和DIV的行高一行 */ #div{ background-color: antiquewhite; height: 100px; line-height: 100px; text-align: center; } ......
手机端侧文字识别：挑战与解决方案
手机端侧文字识别：挑战与解决方案 在手机端侧实现文字识别，考虑资源限制和效率至关重要。 1.图像处理 在手机端侧进行图像预处理，必须精细权衡资源消耗与效果。 其中，快速灰度化是首步，它使用像素加权法（如YUV转换）将彩色图像转化为黑白，目的是减少数据维度，加速后续处理。 紧接着，自适应二值化如Ots ......
Web前端使用 $.ajax 和 XMLHttpRequest 请求的区别
1、首先是我使用XMLHttpRequest 进行后台请求，我在请求前。会把按钮置为灰色。 $('button[type="generateProductBop"]').css("background-color", "#d4d4d4"); 在最后的finally 才把按钮，重新置换回来原来的颜色 ......
仅手机大小！极空间T2随身数据魔盒发布：既是NAS 又是U盘
今天极空间召开新品发布会，带来了极空间T2随身数据魔盒，售价1999元起。 极空间T2随身数据魔盒体积仅手机大小，充电宝可供电。既是个NAS，又是个U盘。 其具备双M.2插槽，可安装两块固态硬盘。4G内存支持docker，内置Wi-Fi 6，2.5G网口卡， 它还支持HDMI投屏，遥控器操作PPT、 ......
GIL全局解释器锁、互斥锁、线程队列、进程池和线程池的使用、多线程爬取网页、协程理论、协程实现高并发
进程和线程的比较 进程的开销比线程的开销大很多 进程之间的数据是隔离的，但是，线程之间的数据不隔离 多个进程之间的线程数据不共享 >还是让进程通信(IPC) >进程下的线程也通信了 >队列 GIL全局解释器锁(重要理论) Python在设计之初就考虑到要在主循环中，同时只有一个线程在执行。虽然 Py ......
css 渐变与背景裁剪
1.css的渐变 线性渐变 /* 线性渐变 */ .one { width: 300px; height: 300px; background: linear-gradient(to right, rgb(244, 239, 239) 2%, rgb(0, 9, 0) 5%, rgb(244, 23 ......
python学习笔记-异步非阻塞web框架
一、异步非阻塞框架介绍 1、介绍 支持异步非阻塞web框架：tornado , node js 2、定义对比 异步IO模块：我们作为客户端向服务端“并发”请求 异步非阻塞web框架：针对服务端，希望一个线程处理更多的请求 二、tornado异步非阻塞 【要点提炼】 使用装饰器@gen.corouti ......
Web应用实现读取写入剪贴板功能几种方式
Clipboard 接口实现了 Clipboard API，如果用户授予了相应的权限，其就能提供系统剪贴板的读写访问能力。在 Web 应用程序中，Clipboard API 可用于实现剪切、复制和粘贴功能。 参考: https://developer.mozilla.org/zh-CN/docs/W ......
无代码玩转web UI自动化
可以直接进入官网下载开源版或点击右上角体验企业版体验 RunnerGo UI自动化平台 RunnerGo提供从API管理到API性能再到可视化的API自动化、UI自动化测试功能模块，覆盖了整个产品测试周期。 RunnerGo UI自动化基于Selenium浏览器自动化方案构建，内嵌高度可复用的测试脚 ......
前端Web3.0 DeFi项目实战教程，以太坊DApp开发视频教程完整版
前端Web3.0 DeFi项目实战教程，以太坊DApp开发视频教程完整版 首先，要明确什么是Web3.0？ 关于Web3.0，网络上有很多专业定义，笔者在此不做赘述，仅以最通俗易懂的方式来说明此概念。Web3.0是一个行业自创的概念，需结合Web1.0、Web2.0进行理解。下表为三者特征的对比： ......
在线Q绑查询手机号、微博查询手机号 api接口 – XApi
qq号查询绑定手机 通过QQ号查询密保手机 接口地址：https://zy.xywlapi.cc/qqapi?qq=填写查询QQ号码 手机号查询绑定qq通过手机号查询绑定QQ 接口地址：https://zy.xywlapi.cc/qqphone?phone=填写手机号码 QQ号查询LOL信息通过QQ ......
安卓手机连接use调试解决方案
一、确认手机的USB调试接口是打开的； 打开开发者模式，暴击手机版本号多次，直到提示已打开开发者模式。 二、使用USB线连接电脑和手机，可以首先执行adb remount(重新挂载系统分区,使系统分区重新可写 )命令； 三、remount成功后，可以使用adb shell命令查看设备是否连接成功； ......
Util应用框架Web Api开发快速入门
本文是使用Util应用框架开发 Web Api 项目快速入门教程. 前面已经详细介绍了环境搭建,如果你还未准备好,请参考前文. 开发流程概述 创建代码生成专用数据库. Util应用框架需要专门用来生成代码的数据库,该数据库仅用于代码生成. 约定: 代码生成数据库应以 .Generator 结尾. 当 ......
[转]CSS单位em和rem
原文地址:em和rem - WananPr1st - 博客园 em和rem都是相对单位，由浏览器转换为像素值，具体取决于设计中的字体大小设置。1em或者1rem会被浏览器解析成从16px到160px或者其他任意值。 em和rem单位之间的区别是浏览器根据谁来转化成px值的。 1.em em是相对于被 ......
css多个元素一行排列的方法
1、弹性盒子模型（FlexBox），不考虑兼容性问题的情况下，建议新手直接使用这种模式，简单，最重要的是元素不会浮动，不会影响后面的元素的布局，比如下面代码中的我在底层这个div的显示没有任何影响。 <html> <head> <style> #tasklist{ background-color: ......
你也许不再需要使用 CSS Media Queries（媒体查询）了
你也许不再需要使用 CSS Media Queries（媒体查询）了 最近，CSS 引入了一项新功能：Container Queries。它可以替代 Media Queries 并实现 Media Queries 无法胜任的任务。 超越 Media Queries 的功能 让我们想象一个场景：在网页 ......
Win12网页版
该讲不讲，三个初中生手搓出来的Win12网页版，太强了，可以二开哦！！！ GitHub下载链接：https://github.com/tjy-gitnub/win12 效果预览体验：https://tjy-gitnub.github.io/win12/desktop.html ......
Unity手机游戏发热发烫优化指南与技巧
很多小伙伴做完游戏后，发布到Android,运行，游戏很流畅，也不卡顿，但是跑一会游戏,手机就发热,发烫。客户提出需求，能否让它不发烫? 本文从以下3方面来分析手机发烫的问题，给大家提供一个解决此类问题的通用思路: (1) 手机发烫是如何引起的？为什么要解决发烫问题? (2) 如何定位手机发烫的问题 ......