Decorative image frame

人生如逆旅,我亦是行人

行有不足 | 反求诸己

人生如逆旅,我亦是行人

盒子居中的几种方式

几种盒子居中方式

.father代表父盒子,.child代表子盒子

  • 方式一
    .father
    {
      position: relative;
      width: 500px;
      height: 500px;
      background-color: pink;
    }
    .child
    {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 300px;
      height: 300px;
      margin: auto;
      background-color: #333;
    }
    
阅读全文 >>

对WEB标准及W3C的理解与认识

对web标准以及W3C的理解与认识

web标准,简单来说就是将页面的结构、表现和行为各自独立实现(结构、表现和行为相分离原则)。结构主要由html标签组成,通俗来讲,写入body里的各种标签都是为了页面的结构;表现指的是css样式表,通过css样式表,可以使写入body的结构标签更具有美感;行为指的是页面和用户具有一定的交互,同时页面结构和样式会发生变化,主要由js构成。
web标准一般将三部分独立分开,使它们更加模块化。但一般产生行为时,结构和表现会发生变化,这三者之间的界限就会变模糊。

W3C对web标准提出了规范化的要求,在实际编程中,包含一下几点:

  • 对结构的要求:(标签规范可以提高搜索引擎对页面的抓取效率,对SEO很有帮助)

    1. 标签字母要小写;
    2. 标签要闭合;
    3. 标签不允许随意嵌套。
阅读全文 >>

Javascript数据类型

5种数据类型:

  • 基本数据类型:Undefined、Null、Boolean、Number、String
    1. 基本类型值是指简单的数据段,5种基本类型是按值访问的,因为可以操作保存在变量中的实际值
    2. 基本类型的值在内存中占据固定大小的空间,被保存在栈内存中。从一个变量向另一个变量复制基本类型的值,会创建这个值的一个副本。
    3. 不能给基本类型的值添加属性
阅读全文 >>