今天完成的事：

1. 学习less相关内容，将less编译为css刚开始使用node中的lessc命令编译，后来觉得有点麻烦，找到了资料中的gulp然后开始学习

2. 学习使用gulp，在node中使用npm安装了gulp-less,gulp-sass,gulp-imagemin,browser-sync相关插件；在gulpfile.js中配置了task，其中gulp.src()，用来获取流文件，读取需要操作的文件，然后通过pipe方法导入到gulp的插件中，文件处理完成后再通过pipe方法导入到gulp.dest()中，gulp.dest()用来写入插件处理后的文件，gulp.task()用来定义任务，里面可以添加当前任务需要依赖的其它任务，gulp.watch()用来监视文件的变化，当文件发生变化，可以用来执行相应的任务

3. 安装的插件加上配置的js文件可以自动执行任务，即每当less中文件保存后，gulp后台自动编译为css文件，同时同步浏览器，网页上呈现效果图，这样不用使用F12调整参数了，效果直观，不过今天只是按资料简单配置，细节问题好多还不了解，以后要多学习gulp，这个工具很强大

明天计划的事：

1. 做任务12

2. 多使用less

3. 学习，了解gulp

遇到的问题：

配置的gulp完成任务11时，底部最后一个div在less中修改样式并保存后页面效果没有改变，不知道为什么，F12查看代码却实没有添加进去，不知道原因，只是这一个出现问题，别的部分都可以实现浏览器同步实现效果

收获：

学会使用工具，可以提高效率