实习日记10月

1. 10/15（周一）
   组长给我了一张设计图，让我用已有的知识切出这张网页。我用最基本的古老的前端的三巨头（html，css，js）实现这一网页。总的来说不难，只要静下心来两个小时就切完后。网页内容主要包括一个标题栏，一张背景图、两张柱状图，一个按钮实现柱状图的切换。
   这应该就是先来摸一下我的底子，看我的前端基础在哪个范围之内。但是一个月在学校没有接触过代码，有很多基本我都已经遗忘了。所以技术、学习就是不进则退，只有每天不断地学习，写代码才能有进步。

2. 10/16（周三）
   今天学习了一个新的工具，echarts，是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
   刚开始很茫然，新的技术，新的知识点。在echarts官网上茫然，点开一张示例完全看不懂里面写了什么。也不知道实现这个效果的代码在哪里。只能一点点的摸索，遇到不懂的百度。百度是我这几天打开最多的一个网页。使用频率最高的网页。

3. 10/17（周四）
   继续完成echarts表，这是一张折线图，指定图表的配置项和数据(option),弹出框气泡的设置（tooltip:），直角坐标系中纵轴数组（yAxis），直角坐标系中横轴数组（xAxis）。显示内容现充（series）。主要是学会了查看echarts官网的API文档，里面包括所有的图表设置的接口。
   学会一样新技术是一件很美妙的事情，就感觉你的世界又打开的一扇新的大门。你的成长道路上又盛开了一朵美丽的花朵，你的成长路上的又增添了一道新的风景。油然而生地自豪感，成就感，这就是学习的动力，学习的动力。

4. 10/22（周一）
   终于正式要开始参与公司的项目，组长交代我一个小任务。在已有的项目上增加一个按钮，这个按钮的就是应急联系人的开启和关闭。使用iview组件增加一个的标签，绑定到v—model,可以将前端的修改的信息传递给后端。当前端选择“是”的时候，前端的联系人后面的标签会显示为“是”，并且数据库中的联系人应急的状态就会显示为true，反之为false。
   虽然这是一个很小的任务，但是对我这个完全不懂什么是Vue.js框架的人来说是一个很大的挑战。并且这个项目我不是从头开始参与的，所以得先熟悉这个项目的组成。又花了很长时间Vue.js是怎么实现数据交互的。总之做这个按钮的过程千难万阻。

5. 10/24（周三）
   在管控项目上的基础管理下的图片页面中，将图片根据首字母进行分类排序。又是一个新的挑战。一，在Vue项目中实现，二这不是增加一个简单的标签就够了。首先需要对后端传进的图片数据进行首字母排序，再根据首字母作为key值，将以同一个字母开头的命名图片放进不同的数组中。再将这个数据使用v-for渲染到页面上。
   这道题，做了四天。虽然上面只是用一段话描述完成了，但是是经过四天的挣扎才做出来的。看来还是我的js基础太差了，对于Vue.js了解太少，对ES6的语法不熟悉。对数组的操作是真的不太会。

6. 10/27（周五）
   继续完成对图片的分组显示。前几天做好了对数组的分组排序。遇到了一个新的问题，v-for分组渲染。这是请教旁边的同事前辈才完成，需要使用两个v-for，第一个是渲染所有图片，第二个v-for是为了每个小组中的图片。再加上一个写一个分割线，在视觉上有一个分组的效果。
   第一次使用Vue专有的v-for数据绑定方式。完全被Vue.js的创始人折服，就一句简单的操作，就能将一大堆数据全部从数据库显示在客户端中。让我知道了什么叫做轻量级，什么叫灵活。也让我认识到了view组件的强大，只要加上一个标签，就成做出一个炫酷的效果。

7. 11/16（周五）
   开始从事公司大数据的大屏项目的开发。我的主要任务是完成切图。先根据UI给的设计稿纸完整地切出一张网页，后期还会和后端对接实现数据交互。今天只是熟悉了一下设计稿中网页的组成，没有真正地着手去做。
   这是我实习以来第一次正式参与到公司项目之中，有些紧张，不知道自己能不能完成交接的任务。这算是第一次测试自己的技术能力。

8. 11/19（周一）
   真正开始大屏（page4）页面的制作。主要有一张table表，三张echarts图，一张map地图。今天完后了三张echarts图表。这是基于echarts工作做出来的数据图。Echarts是一个提供常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图制作图表工具。
   由于先前做过一次echarts图，所以对于echarts并不是很陌生。有些代码并不清楚意味什么，只是复制粘贴了一下。所以代码中有很多多余的并不需要的。

9. 11/20（周二）
   继续完成page4大屏的制作。今天完成了table表，这张table并不是一张简单的table表格。他有翻页效果，这就需要些动态交互。编写样式实现各行变色效果。还有实现复杂的表头和不一样的表格内容。
   Table的代码是这次任务中最复杂最难编写的，需要v-for渲染，编写methods实现翻页。判断table的行数来编写不同的样式。但也是最有成就感的一个模块。

10. 11/21（周三）
    昨天已经完成了静态的页面。将写好的页面交给主管，主管提出了一些和设计图不同的地方需要修改。今天的任务就是修改调整页面，比如说标题，字体的代销，颜色的配色，位置的偏移等等。以及引入公共组件。
    第一次做页面，很粗糙，第一次上交的页面有很多余设计稿子不同的地方。一张简单的页面处处藏着细节。主管的要求就是完全完全和设计稿一致，不允许有一个像素的差距。所以切图最需要的就是一颗能穿针的细心和一颗安静的心。