css中的堆叠上下文

堆叠顺序如果是兄弟元素重叠,那么后面的会盖在前面的身上。上图是用一个background:black ;border: red;的父元素div来演示的,且这个父元素没有触发堆叠上下文属性。堆叠上下文堆叠上下文相当于单独成立一个部门,比如,我让一个div触发了堆叠上下文的属性,那么他和他的子元素就独立出来了(子元素最低就是z-index为负),这个div在堆叠顺序中的地位决定了他的手下的地位,他的手

- 阅读全文 -

CSS中的宽度与高度

文档流(Normal flow)内联元素是默认从左往右排列的,如果内联元素足够多,它就会默认换行。但是如果有一个内联元素是个特别长的单词的话,它是不会被分开得存在于这个文档流的。因为英语中认为连在一起的会是一个单词,不可分割。除非你使用连字符-或者加上word-break: break-all属性。块级元素从上往下排列。div里面是内联元素的高度如果在div里面写一个数字1,那么这个div的高度是

- 阅读全文 -

异步操作

背景JavaScript 采用的是单线程。也就是说,JavaScript 同时只能执行一个任务,其他任务都必须在后面排队等待。多线程需要共享资源、且有可能修改彼此的运行结果,对于一种网页脚本语言来说,这就太复杂了。所以,为了避免复杂性,JavaScript 一开始就是单线程,这已经成了这门语言的核心特征,将来也不会改变。好处实现起来比较简单,执行环境相对单纯坏处只要有一个任务耗时很长,后面的任务都

- 阅读全文 -

内存图/垃圾回收/深浅拷贝

今天深入了解this的时候,涉及到了基本类型和对象在内存中不同的引用方式,所以巩固一下内存的相关知识。内存图JS引擎拿到分配的内存之后会分为两个大区代码区和数据区,比如var a = 1其中的a就会放到代码区,1会被放到数据区,至于他们是怎么对应起来的,这是JS引擎负责的。数据区分为两部分Stack栈内存和Heap堆内存,JS中的基本数据类型(Number String Null Undefine

- 阅读全文 -

TCP/IP四层模型以及三次握手和四次挥手

URL和URIURL(Uniform Resource Locator, 统一资源定位系统)是一种具体的URI。它不仅唯一标识资源,而且还提供了定位该资源的信息。URI(Uniform Resource Identifier, 统一资源标识符)是一种语义上的抽象概念,可以是绝对的,也可以是相对的,而URL则必须提供足够的信息来定位。URL是URI的子集TCP/IP四层模型什么是四层模型应用层(写信

- 阅读全文 -