摘要: this的指向问题 一、this初识 this是javascript中最复杂的机制之一。它尤为特殊,被自动定义在所有函数的作用域中。这篇文章将浅析this与函数的关系。 二、了解this 学习this的第一步就是明白this既不指向自身也不指向函数本身的词法作用域,而是指向当前行为的执行者,即:哪个 阅读全文
posted @ 2019-09-12 13:55 seanxushuo 阅读(163) 评论(0) 推荐(0) 编辑
摘要: call、apply、bind的作用是为了改变函数运行时this的指向 this就是当前行为执行的主体 call call函数传入两个参数,第一个参数为对象,第二个及后面的参数用来传参。当第一个参数的列表为null或undefined时,默认指向window Eg: apply apply函数同样接 阅读全文
posted @ 2019-09-06 20:11 seanxushuo 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 排序算法的实现之Javascript 话不多说,直接代码。 1.冒泡排序 1、依次比较相邻的两个数,如果前一个比后一个大,则交换两者的位置,否则位置不变 2、按照第一步的方法重复操作前length 1的数字,直到最后一个数 图形示例 代码如下: 2.选择排序 1、依次找出最小的数,和前面的数交换位置 阅读全文
posted @ 2019-09-04 22:04 seanxushuo 阅读(138) 评论(0) 推荐(0) 编辑
摘要: DOM操作(基础版) DOM是document Object Model的缩写,简称文档对象模型。只要记住这是操作文档的就行了。 DOM基础选择器 1、getElementById(id); //获取指定的id元素 2、getElementsByClassName(class); //通过class 阅读全文
posted @ 2019-08-31 10:47 seanxushuo 阅读(423) 评论(0) 推荐(1) 编辑
摘要: 经典三栏布局之圣杯、双飞翼、弹性布局 圣杯布局和双飞翼布局是前端工程师需要掌握的布局方式,两者功能相同,都是为了实现两侧宽度固定,中间宽度自适应的布局方式,此外,使用新增的flex布局,可以使布局更加简单。 双飞翼布局和圣杯布局虽然实现方式有所差异,但是基本上都遵循了以下几点: 两侧宽度固定,中间宽 阅读全文
posted @ 2019-08-26 22:00 seanxushuo 阅读(1324) 评论(0) 推荐(3) 编辑
摘要: CSS布局之居中 本文主要是介绍水平居中,垂直居中,还有水平垂直居中的方法 水平居中 1.行内元素水平居中 使用text-align:center;就可以实现行内元素的水平居中,但是记得要在父元素中设置,会对子元素生效。此方法对,inline、inline-block、inline-table、in 阅读全文
posted @ 2019-08-23 08:31 seanxushuo 阅读(791) 评论(0) 推荐(0) 编辑
摘要: 深入浅出TCP与UDP协议 网络协议是每个前端工程师的必修课,TCP/IP协议族是一系列网络协议的总和,而其中两个具有代表性的传输层协议,分别是TCP与UDP,本文将介绍这两者以及他们之间的区别。 一、TCP/IP网络结构模型 计算机与网络设备要相互通信,双方就必须基于相同的方法。比如,如何探测到通 阅读全文
posted @ 2019-08-22 22:15 seanxushuo 阅读(448) 评论(0) 推荐(1) 编辑
摘要: float的应用与用法 想要知道float的用法,首先你要知道float在网页中的用处。 浮动的目的就是为了使得设置的对象脱离标准文档流。 什么是标准文档流? 网页在解析的时候,遵循于从上向下,从左向右的一个顺序,而这个顺序就是来源于标准文档流。 也就是说,为了使元素能够脱离元素特性的控制--即块级 阅读全文
posted @ 2019-07-20 09:42 seanxushuo 阅读(3270) 评论(1) 推荐(0) 编辑