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

以下记录的是今年3月笔者在公司进行web前端工作的每周工作总结，其中隐去了项目的具体名称、人名、公司名等。

2019.3.12-2019.3.15周报

本周工作内容：

1. 配置安装了自己工作电脑上的开发环境
2. 初步了解了野牛期货这个项目的PC客户端前端源代码和使用的技术
3. 初步完成了野牛期货客户端的设置功能中的基本设置之常规设置 操作确认，交易设置之交易确认功能；
4. 开始开发野牛期货PC客户端的K线图的其他展示功能

学习到的内容：

1. 学习掌握了一些git的基本命令，了解了git flow的工作流程
2. 学习了stockcharts项目的源代码，进一步了解了野牛期货的K线图的绘制原理
3. 进一步学习了vuex

不足之处： 对vuex及整个项目的适应还不够快，有很多不理解的地方 解决措施：加大时间投入到代码理解和开发上，善于利用互联网进行知识获取，多和同事领导交流技术难点。

下一阶段的工作： 下一阶段我将更加专注于野牛期货客户端的开发，弄懂其技术架构和前端数据流向，完善开发其中的许多功能，学习更多与其开发相关的技术和知识。

 

 

 

 

2019.3.18-2019.3.22周报

本周工作内容：

1.为野牛期货客户端前端K线图表导航栏加入了划线，图标样式变换等功能，并加入了图标显示 2.初步编写了“交易积木”前端项目（maestros）的交易现场页面（trading）

学习到的内容： 1.学习了关于CSS3中的弹性布局（flex布局） 2.学习了一些SASS的基本语法和特性 3.进一步了解了关于vue的许多特性和一些以前不常注意到的细节，比如js当中的引用类型传递，vue当中动态绑定标签中的src路径等 4.认识了一些前端开发时好用的工具，如markman

不足之处： 独立编写页面的能力不足；封装vue组件的熟练度不够高导致老是出错；使用浏览器调试代码的能力还不够；在出现问题之后调试过程缓慢；对CSS的许多基本属性的使用还不够熟练，调试样式需要花很长时间；

下一阶段的工作：工作上 听从安排，实现交易现场页面的数据对接

学习上 加强对CSS相关属性的学习，多动手练习独立封装vue组件，不仅要写出页面，还要写出高内聚，低耦合的好页面来，在进行hardcode的同时要考虑到之后数据对接时的问题；当页面中出现大量具有相似表现形式的元素时应该考虑将这些元素的特性抽象成一个公共组件以进行复用； 开始对react进行学习；学习常用的vue的api。

 

 

 

2019.3.25-2019.3.29

本周工作内容： 1.完成了交易现场（Trading）页面的静态页面显示（虽然问题很大==|） 2.初步尝试前后端数据接口对接 3.开始进行训练场（Training）的静态页面编写

不足之处：以往在学校和上一家公司的编码过程中，不论是课设实验还是写项目的过程中，笔者仔细回顾了一下自己写的代码还从来没有被评估过（在这里也很感谢成哥），更多的时候被强调的是页面，功能等的实现，因而笔者发现其实自己写的代码还是有很多问题的。 就拿前端开发来说：1. HTML CSS JS基础尚不够扎实，很明显的体现是对HTML标签的使用还远没有到随心所欲的地步，更多的时候太依赖于div+CSS这种传统的页面布局方式，但是其实好的HTML页面的语义化应该是非常良好的；CSS方面虽然知道CSS的许多基础知识，但是既不广泛也不深入；比如对flex布局很不熟悉，“子绝父相”的布局手法用的不熟练，对margin padding这些属性的了解不够深入

1. 编码风格存在问题，典型的在于给变量或者样式取名的问题，取名应该是长度适中而且语义明确的，在很多时候不应该是根据环境一味的堆砌名词，否则一旦命名过长对于维护和阅读代码来说都是一场灾难
2. 对新技术掌握的不够，比如SCSS和vue，这是当前前端开发必须的技术栈然而笔者的基础却没有打牢，比如vue组件封装为公共组件的时机，比如CSS代码和JS代码的分离这些都是需要改正加强的地方

下一阶段的工作： 接下来笔者将会边写边学，在完成页面编写的基础上思考代码是否已写的足够好，以及改进的措施。学习上会大力加强个人的HTML CSS JS基础，利用闲余时间阅读红宝书，买一本《CSS权威指南》来读，看完《vue.js项目开发实战》，夯实基础，同时阅读好的源码，争取早日写出更加优雅的代码。