上下 页面css div
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
CSS常用背景属性（背景颜色、背景图片、背景平铺、背景位置、背景附着、背景色半透明、背景属性复合写法）
本博文记录CSS中比较常用的背景属性，包括背景颜色：background-color、背景图片：background-image、背景平铺：background-repeat、背景位置：background-position和背景附着：background-attachment。同时记录了背景色半透... ......
flask_day04：请求上下文分析 wtforms
回顾 1.蓝图 第一步：导入 第二步：实例化的得到的对象，可以指定static和templates 第三步：app中注册蓝图，注册蓝图时，可以指定前缀 第四步：使用蓝图，注册路由，注册请求扩展 2.g对象 当次请求的全局对象，在当次请求中可以放值和取值 跟session的区别是： g对象是当次请求 ......
内存淘汰策略|页面置换算法对比总结
在学习【操作系统】 【MySQL】【Redis】后，发现其都有一些缓存淘汰的策略，因此一篇小文章总结一下。 目前还没着笔，初略一想MySQL和操作系统应该都是使用的年轻代和老生代的改进策略，而Redis使用的是随机抽的策略。 MySQL MySQL中存在一个内存缓存池，Buffer Pool。里面存 ......
CSS——@layer规则
前言 之前我们是如何避免引入多方的CSS文件时冲突？注意引入顺序、注意选择器优先级、使用important进行强制覆盖，现在你有了更好的选择@layer，@layer中后声明的优先级高于先声明的；; 文档 w3 | css-cascade-5 | MDN | @layer 浏览器支持情况 目前来看主 ......
flask请求上下文分析，源码request原理，wtforms，精确导出依赖，函数和方法，threading.locl对象，偏函数，flask整个生命周期执行流程1.1.4版本
内容回顾 蓝图 第一步：导入 第二步：实例化得到对象，可以指定static和templates 第三步：app中注册蓝图，注册蓝图时，可以指定前缀 第四步：使用蓝图，注册路由，注册请求扩展 g对象 当次请求的全局对象，在当次请求中可以放值和取值 跟session的区别是session可以在多次请求中 ......
flask之请求上下文分析之导出项目依赖-函数和方法的区别-threading.local对象-偏函数-flask整个生命执行流程--wtforms
flask之请求上下文分析之导出项目依赖-函数和方法的区别-threading.local对象-偏函数-flask整个生命执行流程--wtforms 今日内容详细 1 请求上下文分析(源码：request原理) 1.1 导出项目的依赖 # 之前 pip freeze > requirments.tx ......
flask-day4——pipreqs模块、函数和方法的区别、threading.local对象、偏函数、flask生命执行流程（请求上下文分析）
一、请求上下文分析（源码：request原理） 1.1 导出项目的依赖（pipreqs模块） 之前我们是用 pip freeze >requirements.txt 把当前解释器环境下的所有第三方依赖都导出来 而使用第三方模块：pipreqs模块，可以实现精确导出依赖（只显示安装的模块，不显示模块的 ......
Angular 复习与进阶系列 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation)
CSS Global Effect CSS style 是全局影响的. 假设我们有 2 个组件, AppComponent 和 TestComponent app html <div class="container"> <h1>Outside Hello World</h1> <app-test> ......
请求上下文分析、函数和方法、threading.local对象、偏函数、flask整个生命执行流程(1.1.4版本为例)、wtforms
请求上下文分析(源码：request原理) 导出项目的依赖 # 之前 pip freeze >requirments.txt 把当前解释器环境下的所有第三方依赖都导出来 # 使用第三方模块，更精确的导出依赖 pipreqs 第一步：安装 pip3 install pipreqs 第二步：使用命令，导 ......
flask-请求上下文分析
1.请求上下文分析预备知识 1.1 导出项目依赖 我们之前使用导出项目依赖的命令是： pip freeze > requirements.txt # 导出项目依赖 pip install -r requirements.txt # 安装项目依赖 这种方式更适合在虚拟环境的导出和导入，因为它会导出当前 ......
【flask】flask请求上下文分析 threading.local对象 偏函数 flask1.1.4生命执行流程 wtforms
上节回顾 # 1 蓝图 - 第一步：导入 - 第二步：实例化得到对象，可以指定static和templates - 第三步：app中注册蓝图，注册蓝图时，可以指定前缀 - 第四步：使用蓝图，注册路由，注册请求扩展 # 2 g对象 -当次请求的全局对象，在当次请求中可以放值和取值 -跟session的 ......
如何将 css 从 Application bundle 资源中剥离出来
为了提高 Angular 加载性能，一种思路就是按需加载 CSS 样式表，而不是把它们打包到 application bundle 中去。 Web 应用的 Application Bundle 是一个包含所有应用程序代码和资源的文件集合，它们被打包在一起以便于部署和分发。Application Bu ......
用CSS一分钟写出打字动画
HTML <div>没有空白的人生，永远都不会有心灵的宁静和精神的愉悦。</div> CSS3* { margin: 0; padding: 0; box-sizing: border-box; } body { text-align: center; display: flex; justify- ......
js全局监听a标签跳转前拦截统一跳转到指定页面进行数据处理
在现有大多数阅读性文章、博客等内容，不单有图文结合的形式让内容更加饱满更有关联链接来充实文章的真实、准确性。那么当这些连接进行跳转离开网站时，我们要如何确认即将前往网站的安全性呢？ 跳转效果演示——点击进入码云官网 本文就该问题，使用js代码全局监听a标签跳转前进行跳转拦截。提取跳转连接，统一跳转到 ......
Android页面跳转
Android页面跳转大概有三种情形： 1.从A跳转到B，不带数据。 2.从A跳转到B，带数据。 3.从A跳转到B，A接受B返回的数据且做相应处理。 第一种和第二种情形非常简单，下面主要介绍第三种情形： 在介绍之前先将第三种情形的大致流程说一下， 使用startActivityForResult(I ......
vue3中路由错误自动跳转404页面 路由表写法
定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
1 请求上下文分析（源码：request原理）、2 wtforms（了解）
1 请求上下文分析（源码：request原理） 1.1 导出项目的依赖 # 之前 pip freeze >requirments.txt 把当前解释器环境下的所有第三方依赖都导出来 # 使用第三方模块，更精确的导出依赖 pipreqs 第一步：安装 pip3 install pipreqs 第二步： ......
实现和CSS一样的easing动画？直接看Mozilla、Chromium源码!
前言 在上一篇丝滑的贝塞尔曲线：从数学原理到应用介绍贝塞尔曲线实现动画时给自己留了一个坑，实现的动画效果和CSS的transition-timing-function: cubic-bezier差别较大，如下图所示，红色为Linear、绿色为CSS的cubic-beizer、蓝色为自己实现的cbez ......
HTML+CSS仿写的登录页面
仿写的登录页面 使用HTML+CSS，感觉很简单，记录下 话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE= ......
CSS伪元素详解以及伪元素与伪类的区别
前面已经介绍过CSS伪类的知识，具体可见前文 CSS伪类知识详解。 伪元素常常被误解为伪类，主要在于他们的语法相似，都是对于选择器功能的扩展，相似程度很高导致被混淆。 本文通过详细介绍伪元素和常见的使用方法，最后也会分析下伪元素与伪类的基本区别。 基本描述 CSS伪元素也是应用于选择器的关键字，允许 ......
8.1 js addEventListener js给div添加事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test addEventListener</title> </head> <body> <button id="myBtn">click me</button> <p id="d ......
CodeTON Round 4 (Div. 1 + Div. 2, Rated, Prizes!)（持续更新）
Preface 唉难得熬夜打一把还天天掉分，苦路西 这把状态奇差，CD两个傻逼题都写的很慢，然后做E的时间太少最后又是经典比赛结束才调出来 虽然很想骂傻逼室友打游戏鬼叫的超级响导致我注意力很难集中，不过终究还是自己抗干扰水平不够，不能怨天尤人 A. Beautiful Sequence 傻逼题，显然 ......
css自定义复选框和单选框
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> *{margin:0;padding:0;box-sizing: border-box;} /*复 ......
React的行内样式与CSS
如何为组件添加 CSS 的 class？ 传递一个字符串作为 className 属性： render() { return <span className="menu navigation-menu">Menu</span> } CSS 的 class 依赖组件的 props 或 state 的情 ......
Selenium-处理弹窗弹出新页面的切换问题
WebDriverWait wait = new WebDriverWait(driver, TimeSpan.FromSeconds(60)); wait.Until(driver => { return driver.WindowHandles.Count== waitforHandlesCou ......
CSS进阶
一：伪类选择器 a:hover{ color: red; background-color: #87ceee;}标签：hover 点击会出现转换效果展示： 二：显示模式 块级显示可以设置宽高（div)行内显示不可以设置宽高大小只与内容有关(span) div{ width: 400px; heigh ......
Codeforces Round 863 (Div. 3)（4.5）
Codeforces Round 863 (Div. 3) A - Insert Digit 思路：插到第一个小于它的位置前 #include<bits/stdc++.h> using namespace std; typedef pair<int,int>PII; const int N=1e5+ ......
Codeforces Round 642 (Div3）
K-periodic Garland 给定一个长度位$n$的$01$串，每次操作可以将$1$变为$0$或者将$0$变为$1$，现在你需要通过操作使得所有$1$之间的距离为$k$，求最少的操作次数，注意全为$0$也算 $1<=n<=1e6,1<=k<=n$ 题解：$dp$ / 贪心 : 最大子段和思想 ......
Codeforces Round 642 (Div3）
K-periodic Garland 给定一个长度位$n$的$01$串，每次操作可以将$1$变为$0$或者将$0$变为$1$，现在你需要通过操作使得所有$1$之间的距离为$k$，求最少的操作次数，注意全为$0$也算 $1<=n<=1e6,1<=k<=n$ $dp$ / 贪心 : 最大子段和思想 方法 ......