今天完成的事情：

了解入口函数的区别

<script>    //原生js，入口函数。页面上所有内容加载完毕，会执行。    //不仅文本加载完毕，而且图片也要加载完毕，在执行函数。  

  window.onload = function () {  

      alert(1);  

  } 

   //jquery的入口函数。  1.文档加载完毕，图片不加载的时候就可以执行这个函数。 

   $(document).ready(function () {   

     alert(1);  

  })  

  //jquery的入口函数。  2.文档加载完毕，图片不加载的时候就可以执行这个函数。

   $(function () {   

     alert(1); 

    });  

  //jquery的入口函数。  3.文档加载完毕，图片加载完毕的时候在执行这个函数。 

   $(window).ready(function () {  

      alert(1);  

  })

</script>

今天调整代码，使代码更好的阅读，

减少DOM节点的操作

DOM使用可以归结为性能。 DOM脚本非常昂贵，因此不断访问和操作DOM可能会导致较差的性能（和用户体验），特别是当元素数量变得非常大时。

明天计划的事情：任务5的学习，貌似说了几天了。

查看任务深度思考，日报总结

遇到的问题：

使用变量声明获取元素的DOM节点。调用的时候出现页面变乱的问题、

原因是没等动态页面渲染完毕就获取DOM节点

收获：完成任务4的代码优化