Tutu Blog

HTTP知识总结

OSI 七层模型指什么? OSI模型是开放式系统互联通信参考模型（英语：Open System Interconnection Reference Model，缩写为 OSI），简称为OSI模型（OSI model），它定义了网络互联的7层框架，也就是开放式系统互联参考模型。 第1层 物理层(Physical Layer) 在局部局域网上传送帧，它负责管理电脑通信设备和网络媒体之间......

Posted by weite122 on 2018-03-07

HTTP

setTimeout

定义 setTimeout()方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。每次执行完后会自动清除，setInterval不会清除。 语法 1var timeoutID = scope.setTimeout(function[, delay， param1, param2, ...]) function function 是你想要在delay毫秒之后执行的函......

Posted by weite122 on 2018-03-04

JS

CSS深入浅出之IFC

font-size指的是 em-square，一个 em-square，它是用来盛放字符的金属容器。这个 em-square 一般被设定为宽高均为 1000 相对单位，不过也可以是 1024、2048 相对单位 line-height 是内联元素实际占地高度。 当两个不同字体的内联元素出现在一起，父元素的高度有可能变大，因为每个字体的baseline不同，造成垂直方向上偏差。 font-s......

Posted by weite122 on 2018-03-03

IFC

CSS深入浅出之表单美化

百度搜索框 效果: http://js.jirengu.com/jejog/7/edit code: 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747......

Posted by weite122 on 2018-02-25

表单

CSS深入浅出之动态REM

长度单位 px 像素 em 一个M的宽度 rem 根元素(html)的font-size vh viewport height 视口高度 vw viewport width 视口宽度(兼容性不好，未来可以替代动态rem) 手机端方案的特点 所有手机显示的界面都是一样的，只是大小不同 1 rem == html font-size == viewport width 使用 JS 动态调......

Posted by weite122 on 2018-02-24

REM

CSS深入浅出之BFC

CSS规范中对 BFC 的描述 9.4.1 块格式化上下文 浮动，绝对定位元素，非块盒的块容器（例如，inline-blocks，table-cells和table-captions）和’overflow’不为’visible’的块盒会为它们的内容建立一个新的块格式化上下文 在一个块格式化上下文中，盒在竖直方向一个接一个地放置，从包含块的顶部开始。两个兄弟盒之间的竖直距离由’mar......

Posted by weite122 on 2018-02-24

BFC

CSS深入浅出之布局套路

布局流程图 原则 不到万不得已，不要写死 width 和 height 尽量用高级语法，如 calc、flex 如果是 IE，就全部写死 口诀 Float 儿子全加 float: left （right） 老子加 .clearfix IE添加clearfix写法 12345678.clearfix:after{ content: ''; display: bloc......

Posted by weite122 on 2018-02-24

Flex

CSS深入浅出之移动端页面

手机端页面的做法 学会 media query 格式： 12@media (min-width: 700px) { ... }(min-width: 700px) and (orientation: landscape) { ... } 更多详见：https://developer.mozilla.org/zh-CN/docs/Web/Gui......

Posted by weite122 on 2018-02-23

移动端

CSS深入浅出之icon全解

切图 当拿到的是psd文件： 选中图层 鼠标右键单击图层 新建一个图层 裁剪图片 设定好尺寸后导出图片png 拿到的是png文件 选择图层，剪切图片 选中魔法棒 反选图层按delete 重复拿到psd文件步骤 img作图法 好处： 自适应宽高，只需设置宽度，高度自适应。 background作图法 好处： 图片和d......

Posted by weite122 on 2018-02-22

CSS

CSS深入浅出之堆叠上下文

堆叠顺序 background border 块级 浮动 内联 z-index: 0 z-index: + 如果是兄弟元素重叠，那么后面的盖在前面的身上。元素只有设置position属性后，才能设置z-index。主要记住如何验证堆叠顺序，结果很难记。 验证code: http://js.jirengu.com/cexoj/2/edit 堆叠上下文 深入了解： https://......

Posted by weite122 on 2018-02-21

CSS
FEATURED TAGS
ES6 HTTP vue JS CSS
ABOUT ME

Hi, i'm Tutu

RECENT POSTS
FRIENDS