100-days-Coding - day1

Note

已经好久没有更新了，一方面是实习太忙（主要刚开始不太适应，包括开发方式，项目类型等），另一方面确实是实习后对自己要求放松了，总是拖到周末才会去图书馆。刚开始实习的时候，每天傍晚都能够保持去图书馆至少一小时编码，后来呢，项目原因脱不开所以一再搁置。2018已经过去一半了都，总之，还是想按照自己的方式继续走下去呢！

Memo

接下来的时间，总想做点不一样的事情，我一直所坚信的是坚持，是这个世界上最美好的品质，所以接下来：我想完成一个小练习： 100-days-coding。

不管是关于哪一方面，总之就是keep going with coding!, 俗人一个，对自己要求不高，每天过来打下一卡，记录一下，看看100个memo后，100天后的那个晚上，有什么不一样！

day1-0711

最近刚刚考试完，最有趣的一件事是“学习这个职业生涯”最后一节课竟然是自己不太感冒的英语，最后一场考试竟然是和自己毫无瓜葛的自然辩证法。我的学习生涯啊，有趣的开始，有趣的结束，颇有点哲学的意味。

这个学期课程已经被我干掉一大部分，所以去找了实习，赚点零花钱顺带学习新东西，实习的主要的技术栈围绕的是前端，个人比较感兴趣。最近公司里做的是混合开发不过是TV端（鬼使神差，说不清，道不明），我自己呢，在看native devlopment, 移动端混合开发，做一些小东西。哦，对了，对于前端数据可视化颇有兴趣，接下来会围绕这个点 do some funny things.

• d3.js | d3.js 衍生 「 nvd3.js ... 」

  • 去官方转了一圈，涨了见识。下面是小小的示例(动态更改背景)。

  

  image

      d3.select('#chart svg').style('background-color', () => {
          return "hsl(" + Math.random() * 360 + ",100%,50%)"; // 更改北京动态
      });
  
      d3.selectAll('#part1 h1').data([10, 30, 50, 70, 90]).style('font-size', function (d) {
          return d + 'px'; // 修改值动态
      });
  
      var h = d3.selectAll('#part1 h1').data([10, 30, 50]).text((t) => {
          return t;
      });
  
      // h.enter().append('h1').text((t) => {return t;}) // 数据多 元素少 则自动添加元素
  
      h.exit().remove(); // 数据少 元素多 则 自动移除元素
  }, 3000)```
  

  • 看的博客，结合自己的思考，大致的d3可视化流程：

      /**
       * @desc: 基本画图逻辑
      */
  
      function dataFilterOnD3() { } // 数据过滤清洗-》d3
  
      function initConfigOnD3() { } // 配置基本的坐标轴
  
      function svgOnD3() { } // svg 作图
  
      function initDetailsOnD3() { } // 细节优化： 例如标题
  
      function addAnimationToD3() { } // 添加动画```
  
  

• 大数据相关 「数据可视化之前 数据的来源，产生」

  • 对spark感兴趣啦，一直没时间操练。