zoukankan      html  css  js  c++  java
  • 工作笔记一:fligt数据展示(c++/html)

    入职已有1个多月了,之前都是干了一下统计数据的杂货,上周开始算是做了一个比较完整的可以写写的工具,大概写写整个过程。

    需求:目前module跑出的结果是一个tsv文件,文件包含了很多的table,每个table有很多counting feature的数据,由于数据太

    多,想看的数据其实占很少一部分,这样就感觉数据特别乱,所以就想把现在的tsv以一种简洁的并且隐藏不需要的数据的方式展现。

    计划:开始的时候,其他team有一个类似的需求并且工具也已经成型了,所以想借鉴他们的方式,用report builder来讲数据做成

    报表的形式,结果plan被manageer否定了,原因是话费时间太长并且这种方式做出来不一定有人用,gain不够明显。经过讨论之后,

    决定是直接讲tsv转化成html,以网页形式展示,工作量少且简单,能快速成型。

    编码:首先我做了个静态page,给mentor看了一下。由于之前没有写过js,css等前端页面的东西,所以都是现学现卖,2天赶出来了

    page,经过修改之后就是code,程序生成这样的文件。在这个阶段学到的东西主要有:

    1) dataTable插件:这个插件可以对按列排序,分页等,主要的学习site:

    http://www.datatables.net/examples/  上面很多example

    http://www.datatables.net/api 很重要的,我主要是用它实现获取当前cell的坐标,来进行添加tooltips

    http://www.datatables.net/forums/ 

    例外可以通过 http://www.w3school.com.cn/ 来对基本的html知识进行一个学习。

    2) vs开发环境: 这个IDE很庞大,debug也挺方便的,这个程序中经常遇到段错误,需要debug,学会了一个condition debug,当一个循环

    特别多时,这个就派上用场了,还有就是平常经常用到的那些 F5,F9,F10,Ctrl+F10,F11. 程序中用到很多STL,尤其我经常出错的地方是

    一个vector,如果初始化的是没有被resize,那么直接使用vc[idx]是非常容易出错的,所以程序中有赋值操作,一定注意vecotr的capacity。

    另外一个就是读configure,这个一般程序中都会有的,所以不用为了图省事,就直接用const来取代,当程序非常大并且考虑的因素多了之后,

    该问题就明显了,所以最开始写程序的时候就一般加个配置文件。

    在该工具中,感觉需要注意的一点就是不能拘泥于很小的细节,我在设计那个page时(自己不是designer),就对page的每个细节抠的太细了,

    导致静态page花了2,3天,其实设计个静态demo应该很简单的,我光对设计表的样式就弄了很久,其实满足基本要求就行了,比如表头不换行这个

    样式,我其实已经查了使用white-space : nowarp就可以了,但是发现显示的还是换行了,光这个小问题弄了很久,结果发现是浏览器的问题。

    所以在真正的工作中,我们要分清重点,把最重要的东西先做完,然后再进行小细节的优化。

  • 相关阅读:
    前端 fetch 通信
    编写高质量的JavaScript代码(一)
    Redis学习笔记1-Redis的介绍和认识
    gitignore不起作用解决的方法
    【我的面经】说说简历的细节——软件开发岗位
    菜鸟的mongoDB学习---(七)MongoDB 备份(mongodump)与恢复(mongorerstore)
    HDU 4927 Series 1
    树状数组求第K小值 (spoj227 Ordering the Soldiers && hdu2852 KiKi's K-Number)
    git和SVN的差别
    KVM-Introduce
  • 原文地址:https://www.cnblogs.com/buptLizer/p/3073804.html
Copyright © 2011-2022 走看看