发表于： 2016-12-26 22:56:32
0 1624
今天完成的事情：
#任务3的点击数据完成
#任务4的法官日记静态页面布局完成
明天计划的事情：
#完成任务4的鼠标点击高亮选中选事件
#学习chorm调试器，并整理资料做成PPT演讲资料
遇到的问题：
#任务3并没有卡多久，还是很顺利的就把数据导入进去了，然而在任务4的时候，鼠标点击高亮哪里卡住了，就没心思去管他了。
#在制作页面过程中，更多的问题出现在基础的不熟悉上，师弟回去看基础去了，我做完任务4也要回去看基础代码
收获：
#师弟强行给我解释了一波单引号配合变量的使用，比原来使用转义字符是要方便很多
#对于for循环的赋值，遍历，进行了更多的思考，和正确的使用方式。
#每天都在使用的chorm调试器的深入了解
f12打开调试器
总体而言，有八个主要的工具可供查看开发工具：
元素
Element 标签页： 用于查看和编辑当前页面中的 HTML 和 CSS 元素。
资源
Resource 标签页：用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等。
网络
Network 标签页：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。
源
Source 标签页：用于查看和调试当前页面所加载的脚本的源文件。
时间表
TimeLine 标签页： 用于查看脚本的执行时间、页面元素渲染时间等信息。
简介
Profiles 标签页：用于查看 CPU 执行时间与内存占用等信息。
审核
Audits 标签页：用于优化前端页面，加速网页加载速度等。
控制台
Console 标签页：用于显示脚本中所输出的调试信息，或运行测试脚本等。
美化输出格式
如果你在阅读以及调试某些过于简化的 JavaScript 代码有麻烦的时候，有一个美化输出格式的选项可以让这些过程更轻松。下面是一份简化过头的脚本文件在 DevTools 中可能显示出的样子：
（图片回家了）
如果点击左边底部的花括号 
图标，该 JavaScript 就会转换为更具可读性的格式。这种格式对调试和设置断点也相当方便。
（图片回家了）
页面明天在放
返回列表
评论