lianglizhongblog

专注前端100年

通过作用域链去理解闭包

作用域链:当代码在一个环境中执行时,会创建变量对象的一个作用域链,作用域链的作用是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链包含了执行环境棧中的每个执行环境对应的变量对象,通过作用域链,可以决定变量的访问和标识符的解析(即变量名或者函数名的搜索)。 当访问一个变量或者调用一个函数时...

2017-03-27 22:26:48

阅读数 199

评论数 0

关于JS中作用域的一些理解

所谓的作用域,一句话概括就是:变量在声明它们的函数体以及这个函数体内嵌套任何的函数体内都是有定义的。 由于函数本身也是一个变量,所以它也有作用域,函数的作用域和变量的作用域一样,也是声明其定义时所在的作用域,与运行时无关,即函数的作用域在函数体内的变量声明之前就可用了。

2017-03-26 14:51:53

阅读数 659

评论数 0

关于变量的传递方式

在JS中,变量到底是按值传递还是按引用传递的呢?要弄清楚这个问题,我们得首先熟悉下面的一些概念: 在JS中,数据类型分为基本类型值(Undefined;Null;Boolean;Number;String)和引用类型值(即对象类型:Object、Array、Function、Date等) 那什么是...

2017-03-26 10:57:50

阅读数 214

评论数 0

关于JavaScript中函数的定义、对象以及对象实例化的理解

趁近段时间不是很忙,把之前有关JS学习的一些笔记整理了一下: 函数的定义:通俗点来讲,函数是由事件驱动或者它被调用时执行的可重复使用的代码块。在JS中,函数的定义方式通常有以下几种: (1)function语句(函数声明): 语法:function函数名(参数1,参数2…){函数体} 例:func...

2017-03-25 11:19:30

阅读数 1955

评论数 0

关于圣杯布局和双飞翼布局

圣杯布局和双飞翼布局讲的都是三栏布局,其中两栏固定,中间自适应,两者显示的效果是一致的;另外由于没有使用绝对定位position:absolute,所以可以避免发生当页面内容比较多的时候用绝对定位导致的页面布局混乱到处飞的情况:

2017-03-24 23:00:53

阅读数 558

评论数 0

CSS深入理解流体特性和BFC特性下多栏自适应布局

一、开篇之言 要说web上实现两栏自适应布局的方法,一双手都数不过来。不知大家有没有细想过,为什么这些方法可以实现自适应布局呢? 本文就将深入探讨下流体特性和BFC特性下的两栏自适应布局,还是针对传统布局。一些现代布局,如弹性盒子模型布局(Flexbox Layout),格栅布局(Gr...

2017-03-20 18:40:15

阅读数 373

评论数 0

关于margin重叠的一些理解

当用margin进行页面布局时,有时会出现margin-top/margin-bottom没有效果的情况或者说没有按照我们“原以为”的效果,在查找BUG时,我们往往却没有意识或者了解到这其实是因为margin出现了重叠的原因: 一、相邻元素margin重叠: 效果: 如果按照我们的原来的“...

2017-03-17 23:52:46

阅读数 2436

评论数 0

关于width=100%时会出现滚动条的情况

我们常常会看到一些网页永远都是充满屏幕的,不会出现水平方向的滚动条,那这些灵活的页面布局是怎样做到的呢?而有些出现水平方向的滚动条的页面又是因为什么原因呢? 例: 1.出现水平方向滚动条的页面及代码: *{margin:0;padding:0;} #box{width:100%;backg...

2017-03-02 18:11:10

阅读数 10530

评论数 0

关于CSS布局

CSS三大定位机制:标准文档流、浮动布局、绝对定位布局。 一、标准文档流: 1.特点:从上到下,从左到右输出文本。 标准文档流里面又分两种情况,即块级元素和行级元素,也可以说标准文档流是由块级标签和行级标签组成的。 块级元素特点:从左到右撑满页面,独占一行,触碰到页面边缘时会自动换行,常见的块级标...

2017-03-02 11:25:05

阅读数 337

评论数 1

对CSS盒模型的一些理解

盒子模型是CSS中一个比较重要的概念,它是网页开发布局的基石,它不仅可以存放文字文本,还可以存放图片、音频、视频等内容,所以理解好盒子模型的概念很重要。         盒子模型主要由4部分组成:外边距(margin)、边框(border)、内边距(padding)、内容(content),可以理...

2017-02-26 11:04:13

阅读数 261

评论数 0

又可以重新写博客了!

之前账号莫名的写不了文章,然后又紧接着莫名的登不上去,所以很长一段时间没写博客了,所以总结只能写在笔记本上面,而现如今又可以登上去了,又可以写博客了,真的是太开心了!回头把笔记本里的总结整理一下发到博客上面,不知道会不会有人看?(话说不写博客的话,心里总觉得少了点什么似的,哈哈~~)

2017-02-25 17:06:59

阅读数 176

评论数 0

关于CSS中继承、特殊性、重要性、层叠的理解

CSS继承: CSS的某些样式是具有继承性的,那么什么是继承呢?简单的来说,继承就是应用样式的元素的后代会继承样式的某些属性。 例:p{color;blue;} <p>我爱<span>前端开发</span>。<...

2016-08-02 21:00:29

阅读数 561

评论数 0

关于分组选择符

作用:为html中多个标签元素设置同一个样式 语法:h1,span{font-size:20px} 相当于下面两行代码 h1{font-size:20px} span{font-size:20px} <!DOCTYPE&...

2016-08-02 15:59:27

阅读数 632

评论数 0

对CSS中各个选择器的一些总结

类选择器: 语法:类选择器名称{CSS样式代码;} 注意:A.英文原点开头; B.类选择器名称可以任意起(除中文名外),但第一位不能为数字; 用法:用合适的标签把要修饰的内容标记起来,然后再该标签的开始标签里面使用class="类选择器名称"为标签设置一个...

2016-08-02 15:57:23

阅读数 237

评论数 0

关于CSS样式的一些小结

1.CSS代码语法:CSS样式由选择器和声明组成,声明又由属性和值组成,在英文大括号“{ }”中的就是声明,属性和值之间用英文冒号分隔,当有多条声明时,中间可以用英文分号分隔: p{color:red;font-size:20px;'...

2016-08-02 09:44:22

阅读数 215

评论数 0

网站与用户进行交互——表单form

表单可以让网站与用户实现交互:表单通过用户输入的数据信息传送到服务器端,这样服务器就可以处理表单传送过来的数据。 1. 语法:<form method=“传送方式” action=“服务器文件”> 注意点:A.<form></form>是成对出现的; ...

2016-07-27 23:10:04

阅读数 206

评论数 0

这几天的自学总结汇总

1.<body></body>里面的内容是网页显示的内容; 2.<hx>标签在<body></body>里面; 3.同时设置不同段落的字体大小和颜色: 例:让第一个段落和第二个段落的font-size都为16px。请不要为第二个段落添...

2016-07-20 21:08:50

阅读数 488

评论数 0

样式的位置

W3school中的例子: h1{color:red} p{color:blue} 我的第一个标题 我的第一个段落。 关键点:1.    ,即一定要记得要有结束标签;                  2.样式在需要修改的内容的前面,可以放在里面,也可以放在里面,W3sch...

2016-07-15 21:15:53

阅读数 256

评论数 0

HTML 文本格式化-文字方向(<bdo>标签)

文字方向是指从左到右还是从右到左。 例: My name is lianglizhong 显示效果为: 以上例子是从右到左,那如果从左到右呢: .gnohzilgnail si eman yM 显示效果为: 可见没什么变化。原因有可能是:没人那么傻会这样输入。。。...

2016-07-13 21:25:51

阅读数 418

评论数 0

标签语义化

正确理解好标签语义化对于网页开发来说很重要,那到底什么是标签语义化呢?简单的来讲,标签语义化是指明白标签的作用和用途,清楚在什么情况下地使用该标签合理? 标签语义化的好处: 1.更容易被搜索引擎收录; 2.更容易被屏幕阅读器读出网页的内容;

2016-07-12 22:02:31

阅读数 178

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭