上次看到这么一篇介绍练字的文章，里面大概介绍的是练字五个过程：构字笔画，描红，临摹，默写，成型。
一、简介
一直想做一个个人的小网站，记录自己的生活数据，用来分析自己生活状态。但是事与愿违，由于不熟练和拖沓导致一直延后，所以想按照工作的思路，先找一个前端框架写一个前端页面以完成前端快速开发，至于框架源码实现，在完成效果后再去研究吧。同时也要意识到这一点，框架永远都是别人的（大神都是自己写框架，以方便调bug。对于菜鸟本人还是老老实实先用工具和源码实现来积累经验吧），在熟练以后必须要看底层源码实现，最好能够自己写一套自己的框架，然后在接触不同的框架及学习积累中不断丰富自己的框架（功能集成），避免使用其它框架带来的未知bug的情况。
layui是16年国产发布的，18年培训时发现“消息框页面”很好看，但没有去仔细研究从而印象很浅。
二、下载文件介绍
layui官网https://www.layui.com/下载layui-v2.4.5.zip里面主要是一些快捷方式和layui文件夹，如下是layui文件夹：
| ├─css //css目录 │ │─modules //模块css目录（一般如果模块相对较大，我们会单独提取，比如下面三个：） │ │ ├─laydate---default---laydate.css //laydate日期样式 │ │ ├─layer---default---.png/.gif，layer.css //layer图片和样式 │ │ └─code.css │ └─layui.css //核心样式文件 │ └─layui.mobile.css //移动手机端样式 ├─font //字体图标目录 ├─images---face---0-71.gif //图片资源目录（目前只有layim和编辑器用到的GIF表情：共72个） │─lay //模块核心目录 │ └─modules //各模块js组件 │─layui.all.js //包含layui.js和所有模块的合并文件 └─layui.js //基础核心库 |
三、layui的示例及使用
layui官网文档https://www.layui.com/doc/和示例https://www.layui.com/demo/
新建idea的Maven模板webapp项目com.chameleons.layuiTest
修改pom.xml文件jdk为1.8版本，jnuit版本为4.12，删除<pluginManagement>插件管理（子模块引入插件版本注入）