网页 手机web css
《Flask Web 开发指南 pt.2》
哈喽大家好,我是咸鱼 在《Flask Web 开发指南 pt.1》中,咸鱼跟大家介绍了 Flask 的由来——诞生于一个愚人节玩笑,简单介绍了一些关于 Flask 的概念,并且编写了一个简单的 Flask 程序 在编写 Flask 程序的时候,你需要注意你的程序文件不要命名为 flask.py,建议 ......
vue中使用web-editor-markdown在线编辑浏览markdown
web-editor-markdown是Web浏览器中的Markdown编辑器,用于实时渲染,如.它基于 TypeScript 和 JavaScript,不依赖于任何第三方框架。它支持中文友好,可以轻松扩展并连接到原生JavaScript,Vue,React,Angular和其他应用程序。它提供四种 ......
css边距合并的问题
上下两个盒子边距合并问题 <style> * { margin: 0px; padding: 0px; } div { width: 100px; height: 100px; } .top { background-color: red; margin-bottom: 20px; } .botto ......
CSS标准盒子模型与怪异盒子模型
<style> * { margin: 0; padding: 0; } div { /* 宽高改变的是内容大小 */ width: 200px; height: 200px; } /* w3c标准盒子:盒子的总大小=内容+内边距+边框+外边距 */ /* 只要改变 内容,内边距,外边距,边框,盒子 ......
css伪元素选择器
<style> p::before { content: "当不想添加元素又想在其前面插入文字时使用"; } p::after { content: "当不想添加元素又想在其后面插入文字时使用"; } /* 当鼠标选择时发生 */ p::selection { color: red; } /* 选择 ......
CSS伪类选择器
伪类选择器 选择第几个元素 <style> /* 类num后代li的第1个 */ .num li:first-child { color: red; } /* 类num后代li的最后一个 */ .num li:last-child { color: red; } /* 类num后代li的第3个 */ ......
CSS基础选择器
基础选择器 前端页面结构如下 <h1>h1:标签选择器对选定的所有的标签都生效</h1> <p>p:标签选择器对选定的所有的标签都生效</p> <div class="green">div:类选择器测试</div> <div id="myid">id选择器测试,id是唯一的</div> 效果展示如下 ......
完美的模板CSS
body { margin: 0px; padding: 0px;} .left { background: #313541; width: 20%; float: left; position: absolute; top: 0px; bottom: 0px;} .top { width: 80% ......
flask-day5——python项目高并发异步部署、uwsgi启动python的web项目不要使用全局变量、信号、微服务的概念、flask-script、sqlalchemy的介绍和快速使用、sqlalchemy创建及操作数据库
一、python项目高并发异步部署 参考博客:https://zhuanlan.zhihu.com/p/358163330 django和flask都是同步框架,部署的时候,使用uwsgi部署,uwsgi是进程线程架构,并发量不高 但是我们可以通过uwsgi+gevent,部署成异步程序 然后我们简 ......
可以替代Nginx的web服务软件
1. Nginx (https://nginx.org/en/) 2. HAProxy (https://www.haproxy.org/) 3. Caddy2 (https://caddyserver.com/) 4.lighttpd (https://www.lighttpd.net/) 5.T ......
IDEA导入普通web项目
公司项目是普通web项目,导入使用IDEA启动需要一定的步骤,在此做下记录 在IDEA中依次点击File -> New -> Project from Existing Sources 选中项目目录之后直接下一步下一步下一步。 然后点击File -> Project Structure 在Proje ......
使用Docker发布普通web项目(非springboot项目)
公司的项目比较旧,还是普通的web格式,只能打个war包放在tomcat中运行,现在要上docker发布,在此做下记录 DockerDesktop 开发机是win10,想要打包镜像需要安装DockerDesktop,安装前需要在bios里面开启虚拟化支持。 然后按照官方安装教程一步一步安装。 Doc ......
网页调用打印机(Lodop)使用记录
最近项目中有打印标签的需要,使用Lodop实现。 Lodop 官网地址:https://www.lodop.net/index.html 这是一个收费控件,在打印时会出现试用字符,但是可以通过一定方式避免。 项目中需要打印的机器都是windows,因此安装CLodop即可。 安装之后在web页面上就 ......
IIS 配置错误定义了重复的“system.web.extensions/scripting/scriptResourceHandler” 解决办法
https://www.cnblogs.com/skylaugh/p/6376426.html 我运行在iis中配置的那个网站后,报错:错误代码 0x800700b7 配置错误定义了重复的“system.web.extensions/scripting/scriptResourceHandler”节 ......
JSON Web Token(JWT)
JSON Web Token(JWT) 什么是JWT JSON Web Token(JWT)是一种用于身份验证和授权的开放标准(RFC 7519),它定义了一种紧凑、自包含的方式,用于在网络上传输信息。JWT 由三部分组成,分别是头部(Header)、载荷(Payload)和签名(Signature ......
[Web Server]Tomcat调优之SpringBoot内嵌Tomcat源码分析
以springboot:2.3.12.RELEASE中内嵌的tomcat-embed-core:9.0.46为例,进行分析 1 概述 1.0 关键依赖包 spring-boot-autoconfigure : 2.3.12.RELEASE spring-boot : 2.3.12.RELEASE s ......
动力节点王鹤SpringBoot3笔记——第五章 说说Web服务
第五章 说说Web服务 基于浏览器的B/S结构应用十分流行。Spring Boot非常适合Web应用开发。可以使用嵌入式Tomcat、Jetty、Undertow或Netty创建一个自包含的HTTP服务器。一个Spring Boot的Web应用能够自己独立运行,不依赖需要安装的Tomcat,Jett ......
css 实现文字交融展开动画
css 实现文字交融展开动画 效果 👇👇👇👇👇 <div class="textCont"> <span class="text">这是一条测试文案</span> </div> css: .textCont{ filter: contrast(30); background: #000; ......
直播平台制作,html+css复刻登录输入框
直播平台制作,html+css复刻登录输入框 <!DOCTYPE html><html><!-- *Material文本框 *作者:程序员阿诺斯 *时间:2023-3-5 0:50--><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp ......
安卓手机什么便签好
手机便签作为一种方便、实用、安全的记录工具,可以帮助我们更好地记录和管理各类生活、工作、学习事务,从而提高我们的办事效率和质量,例如大家可以把工作中的注意事项、待办事项、常用的账号密码、有关孩子的重要信息都记录到便签中保存。 而在国内大部分的手机用户使用的都是国产的安卓手机,例如小米、荣耀、OPPO ......
ctfshow-web4(Nginx日志写shell)
这是一道有关Nginx日志文件写入shell的题目。 一、 基础知识 /etc/nginx/nginx.conf:该文件是Ngnix的配置的文件,该文件保存着能够影响服务器运行的配置信息。有时会泄露敏感信息。该文件支持php解析。 /var/log/nginx/access.log:该文件是Ngni ......
Web简述:HTTP
HTTP 1、Web概述 1.1 Web和JavaWeb的概念 ==Web是全球广域网,也称为万维网(www),能够通过浏览器访问的网站。== 在我们日常的生活中,经常会使用浏览器去访问百度、京东等这些网站,这些网站统称为Web网站。 我们知道了什么是Web,那么JavaWeb又是什么呢?顾名思义= ......
[Web Server]Tomcat调优之监控连接池/线程池
1 Tomcat 概述 1.1 引言: Tomcat - HTTP Connector 在使用tomcat时,经常会遇到连接数、线程数之类的配置问题,要真正理解这些概念,必须先了解Tomcat的连接器(Connector)。 Tomcat配置文件server.xml中: Connector的主要功能 ......
如何设计一个优秀的 Go Web 项目目录结构
基本原则 可读性和可维护性:设计目录结构应该易于阅读和维护,目录名称要简洁、清晰,最好能达到顾名思义的效果。 可扩展性和模块化:设计目录结构应该易于扩展和模块化,随着时间的推移,项目会不断变大,项目的目录结构应该能够很容易支撑这种变化 规范性和一致性:设计目录结构应该遵循规范和一致性,如无特殊情况, ......
css居中之vertical-align
现有布局: <div class="div"> <span class="span"></span> </div> 样式: .div{ height:24px; } .span{ display:inline; /*或者 inline-block/table-cell; */ line-height ......
k8s前端js、css等资源文件CDN加速
序言:用户访问网站,网站的加载速度直接影响着用户体验问题;前端js、css等文件资源需要加速访问处理; 方案一:js、css、png等资源打包到文件服务器,文件服务器抛出连接,工程项目打包的时候publicpath使用文件服务器访问链接; 如图: 需要购买文件服务器,把资源文件推送到文件服务器上,由 ......
CSS常用背景属性(背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、背景属性复合写法)
本博文记录CSS中比较常用的背景属性,包括背景颜色:background-color、背景图片:background-image、背景平铺:background-repeat、背景位置:background-position和背景附着:background-attachment。同时记录了背景色半透... ......
CSS——@layer规则
前言 之前我们是如何避免引入多方的CSS文件时冲突?注意引入顺序、注意选择器优先级、使用important进行强制覆盖,现在你有了更好的选择@layer,@layer中后声明的优先级高于先声明的;; 文档 w3 | css-cascade-5 | MDN | @layer 浏览器支持情况 目前来看主 ......