lianglizhongblog-CSDN博客

原创通过作用域链去理解闭包

作用域链：当代码在一个环境中执行时，会创建变量对象的一个作用域链，作用域链的作用是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链包含了执行环境棧中的每个执行环境对应的变量对象，通过作用域链，可以决定变量的访问和标识符的解析（即变量名或者函数名的搜索）。当访问一个变量或者调用一个函数时，JS引擎将不同的执行环境中的变量对象按规则构建一个链表，在访问一个变量时，先在链表的第一个变量对象

2017-03-27 22:26:48 347

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

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

2017-03-26 14:51:53 831

在JS中，变量到底是按值传递还是按引用传递的呢？要弄清楚这个问题，我们得首先熟悉下面的一些概念：在JS中，数据类型分为基本类型值（Undefined；Null；Boolean；Number；String）和引用类型值（即对象类型：Object、Array、Function、Date等）那什么是按值传递呢？举个例子：例：var a=1;var b=a;console.log(b);//1这个例子很好理解，我们都知道a的值是1，然后把a的值赋予给b，所以b也是1，但是这个两个1是相互独立的，b中的

2017-03-26 10:57:50 710

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

趁近段时间不是很忙，把之前有关JS学习的一些笔记整理了一下：函数的定义：通俗点来讲，函数是由事件驱动或者它被调用时执行的可重复使用的代码块。在JS中，函数的定义方式通常有以下几种：（1）function语句（函数声明）：语法：function函数名（参数1，参数2…）{函数体}例：function test（a，b）{ return（a+b）；} （2）函数表达式，又称函数字面量：语法：var 变量名=function（参数1，参数2…）{函数体}例：v

2017-03-25 11:19:30 3349

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

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

2017-03-24 23:00:53 682

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

一、开篇之言要说web上实现两栏自适应布局的方法，一双手都数不过来。不知大家有没有细想过，为什么这些方法可以实现自适应布局呢？本文就将深入探讨下流体特性和BFC特性下的两栏自适应布局，还是针对传统布局。一些现代布局，如弹性盒子模型布局(Flexbox Layout)，格栅布局(Grid Layout)不在本文探讨之类。有些人看了个标题，以及看了前面一两段，发现，都是我知

2017-03-20 18:40:15 511

原创关于margin重叠的一些理解

当用margin进行页面布局时，有时会出现margin-top/margin-bottom没有效果的情况或者说没有按照我们“原以为”的效果，在查找BUG时，我们往往却没有意识或者了解到这其实是因为margin出现了重叠的原因：一、相邻元素margin重叠：效果：如果按照我们的原来的“设想”，两个段落之间的距离应该是2em，但是效果却显示的是1em，这是因为第一段的mar

2017-03-17 23:52:46 5888

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

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

2017-03-02 18:11:10 25251

原创关于CSS布局

CSS三大定位机制：标准文档流、浮动布局、绝对定位布局。一、标准文档流：1.特点：从上到下，从左到右输出文本。标准文档流里面又分两种情况，即块级元素和行级元素，也可以说标准文档流是由块级标签和行级标签组成的。块级元素特点：从左到右撑满页面，独占一行，触碰到页面边缘时会自动换行，常见的块级标签有div、ul、li、dl、dt、p…。行级元素特点：能在同一行显示，不影响HTML文档结构：例：A.<span>专注前端100年</span> B.<span>专注<strong>前端</s

2017-03-02 11:25:05 493 1

原创对CSS盒模型的一些理解

盒子模型是CSS中一个比较重要的概念，它是网页开发布局的基石，它不仅可以存放文字文本，还可以存放图片、音频、视频等内容，所以理解好盒子模型的概念很重要。盒子模型主要由4部分组成：外边距（margin）、边框（border）、内边距（padding）、内容（content），可以理解为我们日常生活中的一个快递盒子，外边距相当于快递盒与快递盒之间的距离，边框相当于快递盒，内边距相当

2017-02-26 11:04:13 394

原创又可以重新写博客了！

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

2017-02-25 17:06:59 261

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

CSS继承: CSS的某些样式是具有继承性的，那么什么是继承呢？简单的来说，继承就是应用样式的元素的后代会继承样式的某些属性。例：p{color;blue;} <p>我爱<span>前端开发</span>。</p> 显示的效果为：p中的文本和span中的文本都被设置为了蓝色，即<span>标签继承了<p>标签的样式（注：有些CSS样式是不具有继承性的，如：边框、边界、背景、定位、布局等）注：继承的好处在于恰当地使用继承可以减少代码中的选择器

2016-08-02 21:00:29 1153

原创关于分组选择符

作用：为html中多个标签元素设置同一个样式语法：h1,span{font-size:20px} 相当于下面两行代码 h1{font-size:20px} span{font-size:20px}<!DOCTYPE><html><head><meta http-equiv="content-type' content-type="text/html" charest="utf-8"><title>分组选择器</title>

2016-08-02 15:59:27 1139

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

类选择器:语法：类选择器名称{CSS样式代码;}注意：A.英文原点开头； B.类选择器名称可以任意起（除中文名外），但第一位不能为数字；用法：用合适的标签把要修饰的内容标记起来，然后再该标签的开始标签里面使用class="类选择器名称"为标签设置一个类<span class="类选择器名称">要修饰的内容</span> C.可以与元素选择器进行结合一起使用：p.stress{}（效果：此stress样式只对文档中所有的段落起作用，对标题等不起作用）

2016-08-02 15:57:23 527

原创关于CSS样式的一些小结

1.CSS代码语法：CSS样式由选择器和声明组成，声明又由属性和值组成，在英文大括号“{ }”中的就是声明，属性和值之间用英文冒号分隔，当有多条声明时，中间可以用英文分号分隔： p{color:red;font-size:20px;'}2.内联式CSS：A.CSS代码要写在要实现效果的文字内容之前的开始标签里; （正确:<p style="color:red">文字内容</p>

2016-08-02 09:44:22 340

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

表单可以让网站与用户实现交互：表单通过用户输入的数据信息传送到服务器端，这样服务器就可以处理表单传送过来的数据。1. 语法：<form method=“传送方式” action=“服务器文件”>注意点：A.<form></form>是成对出现的； B.传送方式有：get/post； C.action：用户输入的数据被传送到的地方，例如一个PHP页面（save.php）2. 文本输入框、密码输入框当用户要在表单中键入字母、数字等内容时，就会用到

2016-07-27 23:10:04 892

原创这几天的自学总结汇总

1.<body></body>里面的内容是网页显示的内容；2.<hx>标签在<body></body>里面；3.同时设置不同段落的字体大小和颜色：例：让第一个段落和第二个段落的font-size都为16px。请不要为第二个段落添加 class 属性。<style>.color{color:red;}P{font-size:16px;}</style><pclass=“.color”>…</P><p>,,,</p>注：1.“.color”中的“.”不能少； 2.分号“;

2016-07-20 21:08:50 715

原创样式的位置

W3school中的例子：h1{color:red}p{color:blue}我的第一个标题我的第一个段落。关键点：1. ，即一定要记得要有结束标签； 2.样式在需要修改的内容的前面，可以放在里面，也可以放在里面，W3school里面的例子是放在里面,然后自己联想是不是只要在修改的内容的前

2016-07-15 21:15:53 367

原创 HTML 文本格式化-文字方向（<bdo>标签）

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

2016-07-13 21:25:51 1034

原创标签语义化

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

2016-07-12 22:02:31 348

lianglizhongblog