【工作日报】2019年7月 前端开发工作日报汇总

以下记录的是今年7月笔者在公司进行web前端工作的每日工作内容,其中隐去了项目的具体名称、人名、公司名等。

 

2019.7.1

虽然已经不是实习了,但是每天还是可以记录一下遇到的问题备忘。

今天完成的任务:添加了大部分的echarts图表

遇到的问题:根据原型图的设计来讲一些需要的统计图表转换成echarts图表时,需要对根据官方给的API来进行改装才能满足设计图的要求,但是这里也不能做到100%的还原设计图,只能说相对很接近设计图的里的外观了,从使用的角度来说是没有问题的,但是细节上还可以进行微调。另外笔者发现一些echarts图表官方给的文档和例子使用起来有时候还是觉得不够详细,这时候最好的做法是去其github上看readme的文档,也许会有更好的发现!

明天的规划:将剩余的图表完成。

 

 

 

2019.7.2

今天完成的任务:将后台管理系统中所涉及的图表都替换为了echarts的实现

遇到的问题:今天笔者通过对一些平台的资料的学习发现之前在运用html标签的时候出现了一些不规范的地方,比如在之前的一个页面中笔者将标签嵌套进了标签中,事实上这是不合适的,正常的html标签嵌套原则(如下图)。另外这样做也不符合HTML标签的语义化,最近笔者一直在研究HTML标签的语义化问题,html5提供了更加多样化的标签来帮助我们更好的去编写页面,而不是像以前那样永远使用div span+ CSS来解决所有页面元素的问题。但是笔者发现之前几乎没有用到这些新标签,在以后的页面编写中要有意的引用这些标签成为习惯,比如比较常见的标签等。

 

 

 

2019.7.3

今天完成的任务:完善了管理后台中的一些图表显示细节,修复了一些已知的问题

今天学习到的内容:今天笔者主要学习了响应式布局方面的内容和js中的call和apply函数的用法。首先经纪商管理平台和管理后台之后应该也会进行移动端的样式适配,那么这里主要就用到了响应式布局,主要手法和笔者之前接触到的bootstrap布局类似,先声明设备的视口宽度,是否可缩放等,再设置不同宽度下的样式表现。 另外一个很重要的是笔者今天看书学习到的call和apply函数,在之前的学习中也了解过这两个函数,但是没有深入学习过,于是今天打算来深入学习一下call和apply函数,首先是this的指向问题,在js中,this在不同的场景下有着不同的指向,主要分为以下四大类使用场景,其具体指向不同。 在明白了this的指向之后再来学习call和apply,简单来说call和apply函数就是用来改变函数内的this指向的,区别在于接收的参数不同,它们接收的第一个参数都是this对象,也就是新的需要指向的this对象,而第二个参数apply为一个带下标的数组结合,call后面的参数个数是不限制的,这些参数都会被依次的传入函数。 call和apply函数有很多非常实用的方法,比如改变函数内的this指向,“借用”其他对象的方法等。

 

 

2019.7.4

今天完成的任务: 完成了Hyacinth官网的币币交易的部分页面

遇到的问题:今天在修改element组件库的table组件时发现嘉威的css代码里有/deep/这样的写法,于是笔者通过查询资料发现这样的写法的目的是为了实现样式的“穿透”覆盖到子组件中,一般在vue组件中为了防止组件之间的样式互相污染所以会加上scoped标记用于标识组件间的style,然而这样也会导致在父组件中无法修改子组件的样式,此时可以考虑使用/deep/标记来实现样式的穿透覆盖,另外也可以去掉scoped,实际上笔者认为只要在不同的组件样式代码前都加上唯一的class名包裹住当前组件下的css代码也是不会发生样式污染的。 另外,笔者发现修改子组件的样式尤其是第三方组件样式的时候最好是在组件上加入class来修改,而笔者之前直接修改其自带样式不太优美。。

明天的规划:继续编写币币交易页面

 

 

 

2019.7.8

今天完成的任务:今天开始初步进行后台管理系统钱包模块的接口对接

遇到的问题:今天在对接接口请求API的时候发现原来自己的那种直接在main.js中全局引入axios的写法不是很好,而根据项目模板中的模块化的调用ajax的写法更好一些,不仅使得调用的具体方法更加的清晰,而且也更大程度的对业务逻辑进行了解耦。

明天的规划:继续对钱包模块的接口

发布了24 篇原创文章 · 获赞 20 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/a715167986/article/details/99422912
今日推荐