-
10/15(周一)
组长给我了一张设计图,让我用已有的知识切出这张网页。我用最基本的古老的前端的三巨头(html,css,js)实现这一网页。总的来说不难,只要静下心来两个小时就切完后。网页内容主要包括一个标题栏,一张背景图、两张柱状图,一个按钮实现柱状图的切换。
这应该就是先来摸一下我的底子,看我的前端基础在哪个范围之内。但是一个月在学校没有接触过代码,有很多基本我都已经遗忘了。所以技术、学习就是不进则退,只有每天不断地学习,写代码才能有进步。 -
10/16(周三)
今天学习了一个新的工具,echarts,是一个纯JavaScript的图标库,兼容绝大部分的浏览器,底层依赖轻量级的canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
刚开始很茫然,新的技术,新的知识点。在echarts官网上茫然,点开一张示例完全看不懂里面写了什么。也不知道实现这个效果的代码在哪里。只能一点点的摸索,遇到不懂的百度。百度是我这几天打开最多的一个网页。使用频率最高的网页。 -
10/17(周四)
继续完成echarts表,这是一张折线图,指定图表的配置项和数据(option),弹出框气泡的设置(tooltip:),直角坐标系中纵轴数组(yAxis),直角坐标系中横轴数组(xAxis)。显示内容现充(series)。主要是学会了查看echarts官网的API文档,里面包括所有的图表设置的接口。
学会一样新技术是一件很美妙的事情,就感觉你的世界又打开的一扇新的大门。你的成长道路上又盛开了一朵美丽的花朵,你的成长路上的又增添了一道新的风景。油然而生地自豪感,成就感,这就是学习的动力,学习的动力。 -
10/22(周一)
终于正式要开始参与公司的项目,组长交代我一个小任务。在已有的项目上增加一个按钮,这个按钮的就是应急联系人的开启和关闭。使用iview组件增加一个的标签,绑定到v—model,可以将前端的修改的信息传递给后端。当前端选择“是”的时候,前端的联系人后面的标签会显示为“是”,并且数据库中的联系人应急的状态就会显示为true,反之为false。
虽然这是一个很小的任务,但是对我这个完全不懂什么是Vue.js框架的人来说是一个很大的挑战。并且这个项目我不是从头开始参与的,所以得先熟悉这个项目的组成。又花了很长时间Vue.js是怎么实现数据交互的。总之做这个按钮的过程千难万阻。 -
10/24(周三)
在管控项目上的基础管理下的图片页面中,将图片根据首字母进行分类排序。又是一个新的挑战。一,在Vue项目中实现,二这不是增加一个简单的标签就够了。首先需要对后端传进的图片数据进行首字母排序,再根据首字母作为key值,将以同一个字母开头的命名图片放进不同的数组中。再将这个数据使用v-for渲染到页面上。
这道题,做了四天。虽然上面只是用一段话描述完成了,但是是经过四天的挣扎才做出来的。看来还是我的js基础太差了,对于Vue.js了解太少,对ES6的语法不熟悉。对数组的操作是真的不太会。 -
10/27(周五)
继续完成对图片的分组显示。前几天做好了对数组的分组排序。遇到了一个新的问题,v-for分组渲染。这是请教旁边的同事前辈才完成,需要使用两个v-for,第一个是渲染所有图片,第二个v-for是为了每个小组中的图片。再加上一个写一个分割线,在视觉上有一个分组的效果。
第一次使用Vue专有的v-for数据绑定方式。完全被Vue.js的创始人折服,就一句简单的操作,就能将一大堆数据全部从数据库显示在客户端中。让我知道了什么叫做轻量级,什么叫灵活。也让我认识到了view组件的强大,只要加上一个标签,就成做出一个炫酷的效果。 -
11/16(周五)
开始从事公司大数据的大屏项目的开发。我的主要任务是完成切图。先根据UI给的设计稿纸完整地切出一张网页,后期还会和后端对接实现数据交互。今天只是熟悉了一下设计稿中网页的组成,没有真正地着手去做。
这是我实习以来第一次正式参与到公司项目之中,有些紧张,不知道自己能不能完成交接的任务。这算是第一次测试自己的技术能力。 -
11/19(周一)
真正开始大屏(page4)页面的制作。主要有一张table表,三张echarts图,一张map地图。今天完后了三张echarts图表。这是基于echarts工作做出来的数据图。Echarts是一个提供常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图制作图表工具。
由于先前做过一次echarts图,所以对于echarts并不是很陌生。有些代码并不清楚意味什么,只是复制粘贴了一下。所以代码中有很多多余的并不需要的。 -
11/20(周二)
继续完成page4大屏的制作。今天完成了table表,这张table并不是一张简单的table表格。他有翻页效果,这就需要些动态交互。编写样式实现各行变色效果。还有实现复杂的表头和不一样的表格内容。
Table的代码是这次任务中最复杂最难编写的,需要v-for渲染,编写methods实现翻页。判断table的行数来编写不同的样式。但也是最有成就感的一个模块。 -
11/21(周三)
昨天已经完成了静态的页面。将写好的页面交给主管,主管提出了一些和设计图不同的地方需要修改。今天的任务就是修改调整页面,比如说标题,字体的代销,颜色的配色,位置的偏移等等。以及引入公共组件。
第一次做页面,很粗糙,第一次上交的页面有很多余设计稿子不同的地方。一张简单的页面处处藏着细节。主管的要求就是完全完全和设计稿一致,不允许有一个像素的差距。所以切图最需要的就是一颗能穿针的细心和一颗安静的心。
实习日记10月
最新推荐文章于 2023-07-07 10:57:43 发布