在css的样式应用中，script是一个双标签，也就是说script是必须要通过标签闭合的也就是<script></script>,而不可以使用<script XXX/>这样写的话会导致浏览器解析不出来页面，
而单标签的话则是可以通过/>关闭。类似于<meta>标签的话则是不需要/>但是在工作中的话是推荐加上闭合标签，以是的代码有很好的可读性。

同理在css中的p标签如果嵌套了一个h1标签的话会出现解析错误,是因为p标签的话只能出现行内元素和文本，若是出现了块级元素的话:浏览器的解析方法如下：

1
2
3
4
5
6
7
8
9

<p>
<h1>测试的标题</h1>
</p>

浏览器解析：

<p></p>
<h1>测试的标题</h1>
<p></p>

垂直方向上的外边距会叠加，即宽的外边距会决定垂直方向上的距离

为设置了宽度的盒子添加边距啥的会导致盒子变得更宽

关于页面的水平垂直居中：

页面的水平垂直居中布局的话目前就我这里了解的话是又两种方法，一种是盒子布局，一种是流式布局：
盒子布局

关于Jquery解析JSON格式的问题

JSON.parse()方法

在使用这个方法解析Json格式的时候一直会报错，但是传入的值却又明明是JSON格式的，所以一直在排查：

前言

由于自己平时对前端的css和js学的不是太好，而现在又需要自己来写一个前端页面，无意间在GitHub中看到了layui，所以抱着尝试的心态，学习了一下，现在主要是自己做一个总结。可能之后会学习Vue等前端跨框架

关于Layui的table组件

首先Layui的table组件：在Layui中创建一个table组件需要先写一个table标签：<table class="layui-hide" id="test" lay-filter="demo"></table>，在这之中 id 是需要在table.render中使用的。例如：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

table.render({
            elem: '#test'
            ,height: 315
            ,url: '/user/getUser' //数据接口
            ,page: true //开启分页
            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'age', title: '年龄', width:80}
                ,{field: 'dataname', title: '用户名', width:80}
                ,{field: 'sex', title: '性别', width:80}
                ,{field: 'password', title: '密码', width:80, sort: true}
                ,{fixed: 'right', width: 165, align:'center', toolbar: '#barDemo'}
            ]]
        });