前言：

在记录作用域和作用域链知识，我一度陷入了错误理解的边缘😂，它也是之后理解闭包知识非常重要的前置知识。查了资料，做了习题，问了老师验证了自己的理解，终于输出了一些我自己的理解。部分知识的表述有引用如有不妥之处，请老司机拍砖😂~

参考资料：

lce_shou《深入理解闭包之前置知识→作用域与词法作用域》

一、什么是作用域

1、先看一段简单代码:

1
2
3
4
5
6

function  fn()  { 
         var a =  'miya'; 
         console.log(a); 
 // 输出"miya" 
          }  
     fn();

在fn函数执行的时候，输出一个a变量，那么这个a变量是哪里来?有看到函数第一行有定义a变量的代码var a = 'miya'

一、声明提前

1、变量声明提前——变量提升

可参照这里的描述：#hello，JS：01数据类型、运算符、运算符优先级

1
2
3
4

//先输出a,再声明
var a=3 
console.log(a) //undefined  
var a=3

总结：数字+undefined===Nan

一、函数的使用

1、什么是语句：先看这几个概念

表达式：

1
2

a=1 a+b
typeof

语句：代表一定功能的表达式的组合

1

a+b;

一、if语句

if语句是编程语言最常用的语句，

1、语法：

1
2
3
4
5

if(condition){  
           //true statement  
}else  { 
 //false statement 
 }

前言：

最近在学习javascript中数据类型、运算符，以及运算符优先级等相关基础知识，相对简单、基础但也很重要。加上老师的推荐看了阮一峰老师所写的《javascript教程》。从中刷新了过往认知的概念和固有的规则，明白了javascript的出现会打破以往的惯性思维。在这里1+1不再一定等于2，你常见的算数符号也不是你通常认为的那种作用，一个数字可以是表达式，同时一个表达式也是一个值。。。所以学习这样一种新知识，你要学会先接受，然后敢于去打破自身的思维惯性，之后才能勇于迎接更多挑战。

前言：

开始学javascript了，其实觉得CSS还有很多没学透，也没学完，:-( o(TωT)o ╭(╯^╰)╮哭唧唧啊~所以CSS学好并不简单呐，需要大量地试错练习啊！！！过后，我还是会继续配合大量实际项目去更新CSS知识。学习js，我是听着老师的课，再结合阮一峰js教程一起看，同样是适合前端新手使用的js手册，通俗易懂。

文档阅读：

总结伪类与伪元素 | AlloyTeamwww.alloyteam.com!

前文回顾：

#00你认真学了css？

一、两种布局使用分析

• float布局（定宽布局）
• flex布局（弹性布局）
  

一、什么是布局

1、现有的布局满足不了人们的需求

文档流、浮动、定位

2、用户中所需要的：

• 导航栏+内容
• 导航栏+内容+广告栏
• 从上到下、从左到右、定宽、自适应…

一、元素水平居中

1、text-align实现水平居中

text-align:center; 行内元素（图片或文字）居中
在父元素上设置text-align: center 使文字/图片在整个页面上水平居中

1
2
3

 .container{
    text-align:center;
}

如一小选项按钮居中，可以使用：

1
2
3
4

 .container{
    display:inline-block;
    text-align:center;
}