- 博客(12)
- 资源 (4)
- 收藏
- 关注
转载 数据结构----栈与队列的异同
栈(Stack)和队列(Queue)是两种操作受限的线性表。(线性表:线性表是一种线性结构,它是一个含有n≥0个结点的有限序列,同一个线性表中的数据元素数据类型相同并且满足“一对一”的逻辑关系。“一对一”的逻辑关系指的是对于其中的结点,有且仅有一个开始结点没有前驱但有一个后继结点,有且仅有一个终端结点没有后继但有一个前驱结点,其它的结点都有且仅有一个前驱和一个后继结点。)这种受限表现在...
2018-10-23 16:57:31 681
转载 requestAnimationFrame()的使用详解
原文链接:https://blog.csdn.net/w2765006513/article/details/538431691.前言在说明这个js的api用法之前,我先给个效果以及源码: 1. 页面效果 2. 页面源码2.说明window.requestAnimationFrame()这个API是浏览器提供的js全局方法,针对动画效果。用法1:function a...
2018-10-17 15:28:29 16443
原创 JS运行机制
单线程单线程是JavaScript语言的一大特色。单线程,也就是同一时间只能做一件事情。但是为什么是单线程呢?因为作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。如果JS是多线程的话,两个线程同时对DOM进行操作,会出现冲突,所以为了避免冲突、提高效率,JS为单线程语言。H5添加了webworkers多线程,是不是打破了JS是单线程的本质?为...
2018-10-07 12:25:17 305
原创 浏览器存储之Cookie、LocalStorage 和 SessionStorage的区别详解
Cookie常用于客户端与服务端之间的通信,但是它有本地存储的功能。缺点:存储量太小,只有4kb所有http请求都会含cookie,会影响获取资源的效率API简单,需要封装一下才能用LocalStorage 和SessionStorageH5问世后,专为浏览器存储而设计,最大容量为5mbAPI简单易用,localStorage.setItem(key,value)和...
2018-10-06 17:33:40 760
原创 CSS选择器优先级
当项目越来越复杂,在同一元素上使用的css样式越来越多,很多小伙伴们会发现,有些样式居然不显示了。其实,CSS有优先级这一个概念,会渲染优先级较高的样式。这里会涉及到一个选择器权重的问题。打个比方:id选择器权重最高 +100类、伪类选择器 +10元素或伪元素选择器 +1其它选择器 + 0那选择器的权重计算方法是怎么样的?下面看一个例子:#id .link ...
2018-10-06 17:04:31 636
原创 浏览器渲染机制之repaint
什么是repaint?当每个元素(每个元素皆为盒子模型)的位置、大小以及其他属性(如颜色、字体等)都计算完毕后,浏览器随后把这些元素重新画了一遍,这个过程为repaint。什么时候触发repaint?修改dom修改css 更多文章请查阅:浏览器渲染机制之DTD、DOCTYPE详解浏览器渲染机制之渲染过程浏览器渲染机制之重排...
2018-10-06 12:13:25 330
原创 浏览器渲染机制之重排Reflow
什么是Reflow?DOM结构中每个元素都有自己的盒子模型,都需要浏览器根据各种样式来计算并根据计算结果将元素放到它该出现的位置,这个过程称之为reflow什么时候会触发Reflow?修改Dom节点移动Dom位置、或是动画修改CSS样式resize窗口,滚动窗口修改网页默认字体更多文章请查阅:浏览器渲染机制之DTD、DOCTYPE详解浏览器渲染机制之渲染过程...
2018-10-06 12:05:13 444
原创 浏览器渲染机制之渲染过程
浏览器渲染流程 1. 当浏览器已得到HTML的时候,会经过内置的HTML的解析器,把HTML解析成DOM 树 2. 与此同时,也会对CSS文件,通过CSS的解析器生城CSSOM树 3. 之后把它们合成为渲染树,但是这里的渲染树只是一个大概的页面结构,对于页面的某些组件的颜色位置等细节没有明确计算 4. 此时layout布局就会通过一系列的计算告诉渲染树,页面的具体内容 ...
2018-10-06 11:57:16 323
原创 浏览器渲染机制之DTD、DOCTYPE详解
很多初为全段工程师的小伙伴们会发现,平常可以熟练地做很多web应用,驰骋在由HTML解析而来的DOM树之间,但是对于一些司空见惯的标准或规范,却鲜有人能答得上来。比如,什么是DTD?什么是Doctype?常见的DOCTYPE有哪些?很多人会觉得,这不是很简单么?但是又有多少人能讲清楚呢?什么是DTD?DTD,是Document Type Definition的简称,是一系列标记语言...
2018-10-06 11:29:22 311
原创 CSS盒模型
本文将会围绕CSS盒模型,进行相关问题的探讨。标准模型IE模型 1. CSS盒模型有哪两种标准?标准模型 IE模型2. 这两种标准的区别是什么?标准模型 -- 不含border和padding IE模型 -- 含border和padding3. CSS中是如何设置这两种模型的?box-sizing: content-box;(default) box-si...
2018-10-05 14:58:30 175
原创 CSS响应式布局之清除浮动
在很多前端工程师日常工作中,在使用到float布局时,总会有一点需要去考虑的,那就是清除浮动问题。那这个问题怎么会发生的呢?当float子元素高度超出父级元素高度时,父级元素高度塌缩,因为float元素脱离文档流,其布局不受父元素控制这个情况如下图所示高度塌缩代码如下: <style> .wrap { padding: 30px; backgrou...
2018-10-05 13:42:51 986
原创 CSS响应式布局--三栏布局实例演示及优缺点详解
学前端的小伙伴们都知道,CSS学起来很容易,但是要学精通了却特别难。在前端市场需求火热的今天,竞争相当激烈,光是会使用或者一两种实现的方式是远远不够的。不仅如此,还要深知各种解决方案的优劣,对各种特性了如指掌。本次介绍的内容是CSS响应式布局--三栏布局这是一道前端面试有关css内容的常考题。一般上来就会问:请你实现一下三栏布局:一般的同学只是想到了一两种比如 float、a...
2018-10-05 12:20:39 2748
Node.js实战
2017-10-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人