以下记录的是今年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的写法更好一些,不仅使得调用的具体方法更加的清晰,而且也更大程度的对业务逻辑进行了解耦。

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

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

  1. 【实习周报】2019年3月 前端开发实习工作周报汇总

    以下记录的是今年3月笔者在公司进行web前端工作的每周工作总结,其中隐去了项目的具体名称.人名.公司名等. 2019.3.12-2019.3.15周报 本周工作内容: 配置安装了自己工作电脑上的开发环 ...

  2. D2 日报 2019年5月20日

    ? 新闻 ➡️ Faster smarter JavaScript debugging in Firefox DevTools - Mozilla Hacks - the Web developer ...

  3. D2 日报 2019年1月3日

    官网阅读获得更好的体验,传送门<日报 2019年1月3日> 你有一个苹果,我有一个苹果,交换之后我们还是各自有一个苹果. 你有一份知识,我有一份知识,我们互相分享一下就都有了两份知识. 开 ...

  4. D2 日报 2019年5月15日

    ? 开源项目 ➡️ zenghongtu/Mob watch 5 star 387 fork 31 Mob - 一个高颜值的喜马拉雅 FM 桌面客户端,支持 Mac.Win 和 Linux githu ...

  5. D2 日报 2019年6月3日

    ? 开源项目 ➡️ Simonwep/pickr 非中文 watch 13 star 1514 fork 65 一个简单,无依赖的颜色选择器组件 github.com ➡️ scrumpy/tipta ...

  6. 2018年11月26日到2019年4月26日工作汇总

    2018年11月26日到2019年4月26日工作汇总 2018年11月26日-2017年11月30日 上午:各种协议的填写,已经有关表单的培训 下午:对公司目前做的项目的培训,以及明确我当前的工作 部 ...

  7. web前端开发工作描述_2019年前端开发前景如何?前端开发会被淘汰吗?

    近十年以来,IT行业发展火热,衍生了很多新职业,例如UI设计师.开发工程师.软件测试工程师等等,在众多备受瞩目的新生职业中,Web前端工程师是其中的一员. Web前端在IT行业真正受到重视大概也就六七 ...

  8. D2 日报 2019年6月11日

    ? 开源项目 ➡️ sfyc23/EverydayWechat watch 34 star 1690 fork 317 每日自动给女朋友发微信暖心话. github.com ➡️ YMFE/yapi ...

  9. D2 日报 2019年1月2日

    官网阅读获得更好的体验,传送门<日报 2019年1月2日> 你有一个苹果,我有一个苹果,交换之后我们还是各自有一个苹果. 你有一份知识,我有一份知识,我们互相分享一下就都有了两份知识. 开 ...

  10. D2 日报 2019年4月17日

    ? 新闻 ➡️ Is React Translated Yet? ¡Sí! Sim! はい! react 文档翻译了多种语言 reactjs.org ? 开源项目 ➡️ formal/packages ...

最新文章

  1. 关系数据库范式粗略理解
  2. 机器学习笔记(七)贝叶斯分类器
  3. BUUCTF(pwn)[HarekazeCTF2019]baby_rop2 泄露libc基址,rop,利用gadget
  4. birt脚本for循环语句_Python初级教程(11): for循环语句
  5. MFC中创建线程实例
  6. 程序员能力提升:你应该知道的那些编程原则!!
  7. 关于JavaScript的数组随机排序
  8. python 可视化_Python数据可视化
  9. MVVM中数据验证之 ViewModel vs. Model
  10. 两条信号之间加电容_模电总结:第七章、波形的发生和信号的转换,正弦波振荡的电路...
  11. Linux下用户组、文件权限、更改目录下所有文件权限
  12. 推荐Python互动艺术在线编辑器(腾讯扣叮)
  13. 新手产品经理怎样去选择一款原型工具
  14. 5年IT从业的感悟和未来百万年薪畅想
  15. 深度学习基础系列(六)| 权重初始化的选择
  16. xp系统能不能安装mysql_XP系统如何安装SQL2005?XP系统安装SQL2005图文教程
  17. java 解析 ts_解析TS - xxdd的个人空间 - OSCHINA - 中文开源技术交流社区
  18. python 地震数据可视化
  19. jemalloc 内存分配器 是什么
  20. 80老翁谈人生(168):北京大学欠老翁的情,欠老翁的债

热门文章

  1. 推荐一个开源 Java 小说网站项目
  2. Kafka踩坑 - Couldn't find leaders for Set
  3. 【贪心+堆优化】奶牛晒衣服 dry.pas/c/cpp
  4. latex 长表格中放入多行公式
  5. 两点间距离、点到直线距离、点到线段距离、线段到线段距离
  6. java 定义泛型方法_Java泛型类与泛型方法的定义详解
  7. 什么是第三方支付呢?一文带你入行!
  8. 拉格朗日插值法总结模板(1~n)
  9. OSPF域外(外部)路由(四、五类LSA)
  10. ubuntu16.04 部署dzzoffice+onlyoffice 局域网实现word、excel文档协同编辑