css:单位
CSS 中常见长度单位在 CSS 中,一般有两种用于长度和尺寸的单位:绝对单位和相对单位。 一、绝对长度单位px像素,或 px,是 CSS 中最常见的长度单位之一。在 CSS 中,1 像素被正式定义为 1/96 英寸。所有其他的绝对长度单位都是基于这个像素的定义。但是,在最初制定这一标准时,大多数显示器的分辨率为 1024×768,DPI(每英寸点数)为 96。 in: 英寸在 CSS 中,1 英寸大约是 96 个像素,或大约 2.54 厘米 二、相对长度单位em当与 font-size 属性一起使用时,em 继承其父元素的 font-size 大小 123456789101112131415.container { font-size: 16px;}.container p { font-size: 1em;}.container h2 { font-size: 3em;}.container h3 { font-size: 2em;} 在这个例子中,p 的 font-size...
带宽科普
🚰 一、什么是“上行带宽”和“下行带宽”?我们可以把带宽想象成水管的宽度,而“上行”和“下行”就是水的流动方向: 类型 意思 举个例子 下行带宽(下载) 别人把东西传给你,你接收 你打开网页、看视频、加载图片 上行带宽(上传) 你把东西传给别人 别人访问你的网站、你发文件、直播 🚩 在“你自己搭建的网站”里,上行带宽才是关键! 🧑💻 二、部署网站时,谁用“上行”?谁用“下行”? 行为 属于谁的“上行”? 属于谁的“下行”? 用户打开你的网站 你的服务器 → 用户 用户 ← 接收页面(下载) 你上传代码到服务器 你 → 服务器 服务器 ← 接收(下载) 用户上传图片给你网站 用户 → 服务器 服务器 ← 接收(上行) 所以,当你做一个网站时,用户在访问你的网站,等于你在“上传”内容给他们看,这靠的是你的 上行带宽! 📦 三、服务器买带宽,为什么要关注“上行带宽”?很多人买服务器时只看到“带宽 5 Mbps”,但要注意: 家用宽带(比如移动、联通)一般是“下行快,上行慢”,比如 100 Mbps 下载 / 10...
web逆向: md5
md5加密字符串一般长度为16或者32函数跳转,鼠标放上去,出现后点击HttpOnly含义生成cookie时使用HttpOnly标志有助于降低客户端脚本访问受保护cookie的风险(如果浏览器支持)。这个意思就是说,如果某一个Cookie 选项被设置成 HttpOnly = true 的话,那此Cookie 只能通过服务器端修改,Js 是操作不了的,对于 document.cookie 来说是透明的。 acw_tc = /ktas/v0/report set_cookieObject(xx) 含义在JavaScript中,Object(d.a) 这种写法是一种显式类型转换(type coercion),它的作用是将 d.a 的值转换为一个对象(Object)。具体行为如下: 1. 如果 d.a 是原始值(primitive):比如字符串、数字、布尔值、null、undefined 等,Object() 会将其包装成对应的包装对象: 123Object("hello") // String...
flask 数据库查询监控
In debug mode Flask-SQLAlchemy will log all the SQL queries sentto the database. This information is available until the end of requestwhich makes it possible to easily ensure that the SQL generated is theone expected on errors or in unittesting. If you don’t want to enablethe DEBUG mode for your unittests you can also enable the queryrecording by setting the 'SQLALCHEMY_RECORD_QUERIES' config variableto True. This is automatically enabled if Flask is in testing mode. The value...
flask模板变量统一配置
在函数内部,使用 @app.context_processor 装饰器定义了一个名为 make_template_context 的函数。这个装饰器的作用是注册一个上下文处理器,使其返回的变量在所有模板中全局可用。参考代码如下: 12345678910111213def register_template_context(app): @app.context_processor def make_template_context(): admin = Admin.query.first() categories = Category.query.order_by(Category.name).all() links = Link.query.order_by(Link.name).all() if current_user.is_authenticated: unread_comments = Comment.query.filter_by(reviewed=False).count() ...
JS中的栈和堆是什么?优缺点?
理解 JavaScript 中的栈(stack)和堆(heap)是理解 JavaScript 内存管理的关键。栈和堆是两种不同的内存分配方式,用于存储数据和变量。在本文中,我将详细解释栈和堆的概念、优缺点,并提供示例代码片段来帮助读者更好地理解。 1. 栈(Stack)栈是一种线性数据结构,遵循先进后出(FILO)的原则。在计算机科学中,栈被用于存储函数调用、局部变量、函数参数以及程序执行的上下文。 1.1 栈的特点: 先进后出(FILO):最后压入栈的元素最先弹出。 有限大小:栈的大小是有限的,当栈空间耗尽时会发生栈溢出(stack overflow)。 快速访问:由于栈是一种简单的数据结构,访问和操作栈的速度非常快。 1.2 栈的优点:快速分配和释放内存:由于栈的数据结构特点,分配和释放栈内存的操作非常高效,不会出现内存碎片问题。 1.3 栈的缺点: 有限大小:栈的大小是有限的,当栈空间不够用时会发生栈溢出。 局部性:栈上存储的数据只能在局部作用域中访问,不适合存储大量的数据或长期保存的数据。 1.4 示例代码:123456789function add(a, b)...
事件冒泡
事件冒泡定义子元素触发事件时,所有的祖先元素都会触发相同的事件
css box-sizing
前言 其实一直没仔细研究过CSS3新增的这个属性box-sizing,只是经常会看到其它网页和公司项目里面有用到这个属性。 要想清楚这个属性的作用,首先要理解盒子模型,盒子模型是指:外边距(margin)+ border(边框) + 内边距(padding)+ content(内容),可以把每一个容器,比如div,都看做是一个盒子模型 比如你给一个div设置宽高为500px,但实际你设置的只是content,之后你又设置了padding:10px;border:1px solid red; 这时div的宽高就会变为544px(content 500px + padding 40px + border 4px)相当于一个元素的实际宽高是由: padding + border + content 组成 定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为...
hexo常用命令
123456789hexo new "name" # 新建文章hexo new page "name" # 新建页面hexo g # 生成页面hexo d # 部署hexo g -d # 生成页面并部署hexo s # 本地预览hexo clean # 清除缓存和已生成的静态文件hexo help # 帮助
git常见操作
Git操作场景 1、新建分支做开发首先确保本地没有被修改的文件 12345git checkout mastergit checkout -b fa_{branch_name}editgit add -A && git commit -m "comment ..."git push -u presandbox fa{branch_name} 2、别人已经新建分支(我本地没有该分支,需要做后续开发) 首先确保本地没有被修改的文件 1git checkout master && git pull presandbox 查看所有的远端开发分支 12git branch -r git checkout -b fa{branch_name} --trace presandbox/fa{branch_name} 根据业务需求,修改相应的文件和代码 。。。 对修改完毕的代码做本地测试,如果没有问题的话,使用下面的代码做本地提交 1git...