松一老贼

Thinking will not overcome fear but action will.

got爬取GBK网页乱码问题

官方文档 responseType Type: 'text' | 'json' | 'buffer' Default: 'text' The parsing method. The promise also has .text(), .json() and .buffer() methods which return another Got promise for the parse...

Posted by 松一老贼 on March 17, 2022

定位position

position值的含义： static 元素正常生成。 relative 元素偏移某个距离。元素仍保持其定位前的形状，原本占有的空间仍保留。 absolute 元素从文档流完全删除，相对于其包含块定位；元素定位后生成一个块级元素框，而不论在定位前是否为块级或者行内元素。 fixed ...

Posted by 松一老贼 on September 6, 2021

关于浮动float

对其他元素排版的影响 一个元素浮动时，其他非浮动元素的内容会“环绕”该浮动元素。 内容：指css盒模型中的content，width-height部分，不含内外边距和边框 环绕：左浮动，后边的内容出现在右边；右浮动，后边的内容出现的左边 原则： 浮动元素会生成一个块级框，无论这个元素本身是否为块级元素 浮动元素不能超出包含块的左右边界 同一个行的浮动元素不会叠加导致重...

Posted by 松一老贼 on September 6, 2021

Div嵌套img底部出现空白问题的原理及其解决办法

img 标签在 HTML5 和 HTML4.0.1 的严格模式渲染的时候，下面会有几像素的空白。 .box { background-color:red; } <div class='box'> <img src='./news/imgs/top.jpg'> </div> 显示如下： 由于图片没有填满div的缘故底部有一条明显的红...

Posted by 松一老贼 on September 6, 2021

Margin塌陷问题

margin塌陷也叫外边距叠加（margin collapsing），W3C 的定义： 在 CSS 中，两个或多个毗邻的普通流中的盒子（可能是父子元素，也可能是兄弟元素）在垂直方向上的外边距会发生叠加，这种形成的外边距称之为外边距叠加。 可以看到red-inner 盒子的margin值并没有起到作用，这正是由于css 的 margin collapsing导致的。 解决办法...

Posted by 松一老贼 on September 6, 2021

BFC规则

块格式化上下文（Block Formatting Context，BFC） 是 Web 页面的可视化 CSS 渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 下列方式会创建块格式化上下文： 根元素 (<html>) 浮动元素（元素的 float 不是 none） 绝对定位元素（元素的 position 为 absolute 或 f...

Posted by 松一老贼 on September 6, 2021

Http 及其跨域

http 请求 http 是一种无状态协议：不建立持久连接，不保留客户端信息，当一次请求完成后，连接就中断了 一次完整的 http 请求过程 建立 tcp 连接 浏览器向服务器发送请求命令 浏览器发送头信息 服务器应答 服务器应答头信息 服务器向浏览器发送数据 关闭 tcp 连接 http 请求的四个组成部分 请求方式：get/post u...

Posted by 松一老贼 on August 22, 2020

ES 6

let 与 const let 不变量提升 存在块级作用域 当前作用域不允许重复声明 const 没有变量提升 不能在同一作用域重复声明 只在当前块级作用域有效 解构赋值 ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所...

Posted by 松一老贼 on March 4, 2018

JavaScript 事件

什么是事件 元素默认自带事件行为，当操作元素时，会触发相应的事件； 元素的事件并不是因为后期的赋值才有，如果没有赋予相应的事件函数，事件也会触发，只是没有效果。 事件绑定 DOM0级事件绑定 属性值是一个函数，如果不是函数，那么不会改变默认属性值null. oBox.onclick = function(){} 如果给一个元素对象的相同事件行为多次绑定函数，只有最后一个的函数...

Posted by 松一老贼 on February 28, 2018

正则表达式

正则基础 正则的组成 元字符:在正则中有特殊意义的字符都是元字符。 特殊字符 \:转义字符 ^:以什么开头 $:以什么结尾 .:匹配除了\n之外的任意字符 量词元字符 *：前面的表达式出现 0 到多次 ？：前面的表达式出现 0 到 1 次 +：。。。出现 1 到多次 {n...

Posted by 松一老贼 on January 29, 2018

FEATURED TAGS
css JavaScript html
ABOUT ME

Goals determine what you going to be!

✉️ prosww@outlook.com

FRIENDS