网页 手机web css
面向Web开发人员的Linux实用入门
从 web 开发的视角说一下在使用 Linux 时遇到的问题，主要是针对操作本身，因为指令在网上都可以查到，不会深入原理，但尽量实用。 基础认知 为什么使用 Linux 最初我使用 Linux 是因为我需要的应用在教程里只提供了 Linux 版本，于是我就按步骤把它部署起来，就这样顺其自然地用了下去 ......
网页导出pdf，超详细~
出处：https://mp.weixin.qq.com/s/TEZZUmk_Qu9IKFpRTutlZQ 网页导出pdf 1、打开网页链接，点击浏览器右上角的【设置】-【打印】，或者直接按【Ctrl+P】 2、选择【另存为PDF】-【保存】 3、【修改文件名称】为“推文发布日期+推文名称”-【保存】 ......
css-6个可以在css属性中使用的函数
1- calc计算结果 div{ width: calc(100vm - 50px); } 2- var它可以将 CSS变量的值赋予属性 :root { --main-bg-color: coral; --main-padding: 15px; } div{ background-color: va ......
【web】http请求中的 OPTIONS 详解 & 跨域
1. 导读 有过跨域请求的同学们应该发现过一个http请求有时会请求2次的时候，今天就给大家说说这个http请求的OPTIONS 方法是如何产生以及作用是啥。 2. 解释 互联网上的各个节点之间本来都是连通的，但是有些节点，比如我们的个人电脑连接另外一些节点（比如服务器）的时候，总是通过浏览器。这样 ......
网页端输入代码执行HTML/CSS/JS
HTML代码 <textarea name="textarea" cols="60" rows="10" id="runJS"> 这里可以运行</textarea> <input onclick="runCSS('runJS')" type="button" value="运行代码" style=" ......
CSS的三种样式及选择器
一.概述 css一共有三种样式，分别是：行内样式，内部样式，外部样式 行内样式：写入在HTML标签内，是最不规范的写法，没有突出HTML+CSS的关键就是骨架和美化分离，这样写在一起的行内样式，代码的复读性也很低，所以一般不建议使用 内部样式：一般写在头部标签中，代码可读性比较高，不适合大量的css ......
3.26web和android端地铁查询开发学习总结
web端的思想在前面已经写了，Android端的思想跟web端差不多少，其中不一样的就是连接MySQL数据库，其要求的jar包是5版本左右的，而且还涉及到线程的问题，在连接MySQL的时候要另外启动一个线程进行连接，主要思想上没啥改变，就是每次每种查询要加一个button并且对应Onclick事件， ......
python3验证手机号码
import redef check_phone_right(self, phone_number): """检测号码是否正确""" phone_number_strip = phone_number.strip() pattern = re.compile(r'^(13[0-9]|14[0|5|6 ......
3.26全部完成android和web端的地铁查询系统
web端的思想在前面已经写了，Android端的思想 跟web端差不多少，其中不一样的就是连接MySQL 数据库，其要求的jar包是5版本左右的，而且还涉及 到线程的问题，在连接MySQL的时候要另外启动一个 线程进行连接，主要思想上没啥改变，就是每次每种 查询要加一个button并且对应Oncli ......
百度2020校招Web前端工程师笔试卷（第二批）（20~23）
21. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .checkgroup .item{ height: 42px; line-height: 42px; padding: 0 10px; margin: 10px 0; ......
《渗透测试》WEB攻防-通用漏洞&SQL注入&MYSQL跨库&ACCESS偏移 2022 Day24
1 前置知识： -SQL注入漏洞产生原理分析 攻击者利用服务器中的web应用程序将带有恶意的SQL语句作为Web表单中的参数提交 到服务器，服务器所接受的程序又将带有恶意的SQL语句作为SQL语句中的一个参数执行， 这样根据程序返回的结果攻击者可获得想知道的数据 -SQL注入漏洞危害利用分析 漏洞产 ......
跟着chatgpt学web安全
跟着chatgpt学web ctf中web学习路线 HTTP协议：首先需要了解HTTP协议的基本知识，包括请求和响应的结构，HTTP方法和状态码等。 Web开发基础知识：熟悉常见的Web开发技术和框架，如HTML、CSS、JavaScript、PHP、Python等，以及常见的数据库技术。 Web应 ......
css-内容超出区域
overflow: hidden; //visible、hidden、scroll、auto .remarkArea{ height: 470px; overflow: hidden; } 例如在这个音乐播放器页面.音乐列表和评论列表都会出现内容超出区域的情况 ......
什么是 Web 应用程序的 synthetic monitor
Web 应用程序的 synthetic monitor 是一种监测工具，用于模拟用户与 Web 应用程序交互的过程，并监测系统的响应时间和性能表现。该工具使用自动化脚本来模拟用户行为，例如页面导航、表单提交、搜索查询等，并监测应用程序在每个步骤中的响应时间、页面加载时间、交互功能的可用性等指标。通过 ......
什么是 Web 应用里加载 google font 带来的 FOIT 和 FOUT 问题？
在 Web 应用中，当你使用 Google Fonts 或其他字体资源时，可以通过添加 &display=swap 参数来实现 FOIT（Flash of Invisible Text）和 FOUT（Flash of Unstyled Text）的优化。 当 Web 应用在加载 Google 字体时 ......
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
为什么网站性能调优准则里都强调要 Use inline fonts and CSS instead of loading them asynchronously？ 网站性能优化的一个重要目标是尽可能地缩短页面加载时间，使用户可以更快地访问您的网站。加载字体和CSS样式表是构建页面的重要组成部分，但是 ......
关于 Web 应用的 Above-the-Fold Loading 加载机制
Above-the-Fold Loading 是一种网页加载技术，可以让网页的上半部分尽快地显示在屏幕上，让用户能够更快地看到网页的内容，提高用户体验。具体来说，Above-the-Fold Loading 会优先加载页面上部分所需的 HTML、CSS、JS等资源，而不是等到所有资源都加载完毕后再一 ......
CSS
字体属性 text-decoration none:无任何装饰线，可以去掉a标签默认的下划线 underline：下划线 overline:上划线 line-through:中划线（删除线） text-transform capitalize:首字母大写 uppercase:将所有单词转为大写 lo ......
如何在旧手机上搭建网站做文件服务器_ksweb和frp
生活中随着手机的更新换代，我们会有很多不用的旧手机，这些旧手机通常在家里吃灰，用来换不锈钢盆和大剪刀又太可惜了。 本文通过一种行之有效的方法，教你搭建一个可外网访问的24小时在线网站服务器。用到的工具包括KsWeb和Frp，这两个工具使用起来都非常的简单。另外，本文将还用kodExplorer源码为 ......
css3新特性
css3新特性 圆角 使用CSS3 border-radius属性,你可以给任何元素制作"圆角" border-radius属性,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角 ......
css盒子水平垂直居中的几种方式
第一种：son盒子中定位的上下左右全部为0，然后margin：auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten ......
css让div在页面上下左右居中
.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
css3实现模糊背景
☆filter采用高斯模糊，只能在背景图片上，纯色图片不显示 https://www.zhihu.com/tardis/sogou/art/382696698 ......
使用css绘制聊天气泡
实现原理： 给聊天区域的边框补充一个三角形 1： 左三角聊天气泡 .left-box{ max-width: 540rpx; min-height: 80rpx; border-radius: 10rpx; border: 2rpx solid #D7D7D7; position: relative ......
Web 开发技术栈
Web 开发技术栈 Web 是什么？ 简单地说，网络是一个遍布全球的网络，它连接大量设备并允许它们相互通信 Internet 上的网站托管在称为服务器的设备上，当与 Internet 上的网页交互时，实际上是在与托管该网站的服务器交换数据 访问网页所使用的设备在网络上下文中称为客户端 简而言之，We ......
IDEA2022中部署Tomcat Web项目
使用工具： IDEA2022 Tomcat9.0.4 1.下载Tomcat: 官网：https://tomcat.apache.org/ 找到需要的版本下载即可，下载完成解压即可用： Tomcat目录介绍： 1.1.Tomcat启动、关闭。卸载： 启动：双击bin\startup.bat 关闭：直接 ......
百度2020校招Web前端工程师笔试卷（第一批）大题部分(21~23)
非大题在本地pdf中有详解 #21.异或 题解 #include <iostream> using namespace std; long long change(long long x){ if(x % 4 == 0){ return x; }else if(x % 4 == 1){ return ......
《渗透测试》WEB攻防-Python考点&CTF与CMS-SSTI模版注入&PYC反编译 2022 Day23
1 1 PY反编译-PYC编译文件反编译源码 1.1 pyc文件是py文件编译后生成的字节码文件(byte code)，pyc文件经过python解释器最终会生成机器码运行。因此pyc文件是可以跨平台部署的，类似Java的.class文件，一般py文件改变后，都会重新生成pyc文件。 真题附件：ht ......
css 样式笔记
calc calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运 ......
地铁查询系统web版完成总结
此次这个作业经历了很多，并且在算法与思维上使我有了很大的提高，不管从sql语句的使用还是mysql的了解，以及 java代码规范度以及思维想法上都得到了很大的提升，收获了很多宝贵的经验。 从项目的开始阶段到项目写完，这段时间一直在写bug，修改bug，先从管理员界面开始，一直都是老罗带着在写，刚 开 ......