[深圳|结业弟子]JS-徐炜|2018年05月27日的日报-技能树.IT修真院

发表于： 2018-05-27 23:06:57

1 652

一、今日完成的情况

1、重写任务七的投票页面，状态感觉不太对，试着调整之前的代码，进行修改优化，结果越改越复杂，最后还是删了重写更简便。

2、下午上传了昨晚回宿舍重新录制的视频，尝试着把PPT更新到官方的GitHub上，结果卡了半天，最后找前一天讲小课堂的师兄帮忙才传上去。

3、小课堂重新打乱分组，晚上对组员进行排序，根据每个人的讲课时间和入学时间重新进行排课，今天状态不太好，从昨天讲完小课堂就开始就有点昏沉沉的，效率低下，晚上就学习一点JS的基础知识，为接下来的任务做准备。

二、明天的计划

1、继续任务十三。

2、学习JS基础知识。

三、遇到的问题

1、上传PPT到github上时，fork和 clone都没问题，把ppt和demo复制到文件里，结果在修改index里面的信息的时候出现了问题，已经把ppt拷贝进去了，但修改index的信息时，无法获取ppt的路径，关掉webstorm，重新查看文件夹，发现已经拷贝的文件不见了，反复尝试了几次，无果，最后换了到师兄的电脑上才解决。

2、这两天状态不好，新的小课堂规则有点磨人啊，从任务中分心出来，不太好。

四、收获

1、什么是JSON？

（1）W3cschool定义：JSON指的是JavaScript 对象表示法（JavaScript Object Notation），是轻量级的文本数据交换格式，它具有自我描述性，更易理解。

（2）百度百科定义：JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

（3）JSON 与 JS 对象的关系：可以理解为JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。

简而言之，JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在网络或者程序之间轻松地传递这个字符串，并在需要的时候将它还原为各编程语言所支持的数据格式。可以简单的理解为JSON是一种转换器。

2、JavaScript 事件

（1）定义：事件就是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户进行鼠标点击、鼠标悬浮于页面的某个热点之上、在表单中选取输入框和确认表单等操作时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。

（2）理解：简单的理解下来，就是把事件理解为一个感知的系统。感觉到用户是否点击了页面、鼠标是否进入了页面的某个元素上面、鼠标是否离开了网页、浏览器是否都加载完了页面上的资源、文档树是否生成、键盘上的某个键是否按下、鼠标的滚轮是否滚动了等等一系列的行为，就是事件。

（3）事件流：事件流描述的是从页面中接收事件的顺序，事件发生时会在元素节点与根节点之间按照特定的顺序传播，路径所经过的所有节点都会收到该事件，这个传播过程即DOM事件流。主要分为冒泡型事件和捕获型事件。冒泡型事件流：事件的传播是从最特定的事件目标到最不特定的事件目标。即从DOM树的叶子到根。捕获型事件流：事件的传播是从最不特定的事件目标到最特定的事件目标。即从DOM树的根到叶子。IE浏览器目前只支持冒泡型事件，而支持标准DOM的浏览器比如火狐、Chrome等两者都支持。