2018-04-18 JS进阶 玩票直播

玩票直播这节课程，主要讲了编程中用到的一些工具，帮助进行效率的提升。这个课程是双11后的12号讲的呀，哈哈

1、日常的工具的使用

• VisualDiffer: 代码的比对的工具

• Docker 安装完成之后：有docker，kitematic，可以通过这个在一套虚拟的操作系统上，安装mongodb，或者是其他（Python，mysql）软件等等。并且随时可以删除，可安装，非常的方便，并且不会污染自己的电脑的操作系统。

  正常的MongoDB有自己的访问的端口，但是docker上安装的mongdb有映射新的映射的地址。这个对于经验丰富的程序员而言，使用MongoDB特别的好，但是对于 初学者而言，相反可能会遇到一些问题。

• Filezilla: 用于本地以及远程的文件的可视化的传输，或者是自己可以学习一些远程的终端的命令，进行文件的传输，上传以及下载。

• Visual Studio Code：是微软出的，这个相对于Sublime比较的重。因为微软的产品相对比较重，但是他有一个非常牛逼的东西，就是插件的管理是非常的简单。现在老师觉得Visual Studio Code写起代码来，还是比较的爽，所以老师现在逐步使用了这个软件。

• PostMan: 是未来我们做接口调试的非常重要的一个工具。https://cnodejs.org/里面开放了一个API, 可以用postman来进行验证。
  可以查看返回的数据，是不是符合约定的数据格式。

可以使用这些开放的API接口

• Charles: 是一个抓包的工具，可以抓到从你的网卡出去的所有的数据。这个是相对来讲比较专业的工具。

• Skech: 就是一个画交互图的工具

• Medis：是和数据库有关系的，可以查看redis的数据库的数据。

• Studio 3T相当于MongoDB 的可视化的客户端，可以在视图界面进行表的操作，可视化的管理数据库。

  
  
  

  Studio 3T

2、关于社区的代码

• 老师的整个社区的搭建：花了大概5天的时间，老师做这个社区的目的就是等课程结束之后，将社区的代码的开源出来，供大家来修改，以及在这个基础上进行在操作。

• 关于基础资料：老师说如果有自认为基础特别差的人，可以看一下张越老师的那个视频，然后去补一下学习编程的方法。并且老师说基础的东西，只要你留心，网上有很多资料优质的资料可以供大家进行参考。

• 以前写代码的时候，也没有双屏，也没有什么其余的方式。如果你用心做事情的时候，你总是想办法逼自己一下，所以说双屏不是最终的目的，能够用工具做事情，才是最有价值的事情。

• OBS: 是一个直播推流的一个东西，把视频推到一个通道上去。写入其中的URL的流地址，并不是一个特别高深莫测的东西。如果自己有专长的话，其实是可以自己做一件事情的。软件本身是开源的，不需要付费的。

• 老师表示，在家里学习的人，可以在双11的时候，买一个显示器，也不怎么贵。

• JS进阶类的书籍：JS的书籍分为两类：第一个是最基础的知识。第二类：真正的进阶是需要掌握一些新鲜的东西。老师拿阮一峰的ES6的这本书举了个例子。老师表示可以买一本书或者是自己把这本开源的书籍打印出来。书里面大概涵盖了未来前端的一些发展的方向。

• JS里面有几个非常重要的东西：数据结构，传统学习编程的时候，数据结构是队列呀，压栈，树，map等。现如今的数据结构，就是操作数据结构API的能力。

  
  
  传统意义的数据结构

现如今的数据结构

• 数据结构里面主要操作了数组，对象（JSON对象），函数等等。函数又分为同步和异步等等。开发工程师，需要考虑如何用一些现有的工具，达到解决问题和提升效率两个方面。

效率

这三个东西产生的缘由

重点学习的方向

• C语言里面的一个结构体，一个指针就能把你干蒙了。JS相对而言就是比较乱一点，但是学习的成本没有那么的大。

• VUE 设计的角度来讲，就是让开始变得更加的爽。有些东西是需要对比的，对比的时候你才能看到它的优势。

  软件的发展，有的时候，我们认为的难，本质是因为他麻烦，复杂，杂碎。什么叫容易，就是操作简单。软件行业在不断的进化过程中，就是从操作复杂到操作简单的演变的过程。VUE就是把复杂的东西自己来处理，给到别人的东西，都是简单的，用封装的方式，解决了之前的问题。

软件发展的对比

• 老师表示在VUE学习的过程中，基础学习掌握到组件之上就可以。从组件开始，是解决的另外一个层面的东西。如果能开始学习VUEX的话，那么大家的学习就进入到另外一个高度。但是开始的时候，大家不要把起点拔的太高。刚开始都把自己放置到一个非常高的level之上的话，因为现在很多的公司还在用传统的方式来解决问题，如果你不了解的话，那么无法解决问题。

  现在公司里面的项目选择，往往是根据项目的具体的需求，最快，最高效的解决现有的问题即可。这个时候的技术选型，并不一定最主流，最新的技术，相反是成本最低的。

开始学习的方向

• 公司本身发展从开始的辉煌走向没落是有原因的。

• 关于大家问的如何学习前端？可以把这个Front-End-CheckList来搞懂，老师给出的参考的意见。关于学习的这个事情，怎么使用？就是这么来搜索来学习的，一首的资料，直接看国外的。

  
  
  

  非常重要的前端的一个项目

• 平时如果自己遇到了特别好的东西，请不要吝啬，可以在社区里面推荐一下。让大家也知道并且去学习。

3、老师推荐的项目

• 这个项目是VUE的作者，自己做的一个sample。老师对于这个项目为什么牛逼的解读？这个项目里面找不到一个html，css，这个说明了开发模式发生了变化。未来的开发模式让大家感受不到变化。老师现在的社区的代码，并没有一开始就这么干，但是老师表示自己会徐徐渐进的这么搞。

老师推荐的项目

• 老师超级喜欢的喜欢的这个项目。这个项目刚开始大家可能还看不懂，但是整个应该是大家学习技术的一种追求。

超牛逼项目

• 这个天气的项目，是前端面试了一个工程师，他就是用这个项目来改的。改项目的能力也是一个非常重要的能力。

  
  
  

  天气的项目

• 追求设计的模式，不是大家现有阶段要追求的东西，但是大家有时间可以在GitHub上看不断的搜索，不断的学习。

• 这本书老师送给了何伟，但是初学者不要去看。

  
  
  

  开源的书

• GitHub上面有一个非常好的频道，就是explore。老师表示很难想到，这个里面的资源有这么的好。很多政府的部门，开源了一些开源的项目。老师表示在里面看到了nasa的项目。虽然很多人不能再nasa工作，但是我们 可以去了解，知道整个世界上最先进的技术，与技术保持同步。

• 新大的整个项目：老师带了大家去看了一下所有的项目，有3个页的之多的项目。

• 看GitHub的时候，可以多去关注其中的一些issue，看到大家交互了什么样的问题。老师表示技术是没有尽头的，需要一点点的积累。

• 学习的时候，首先要知道这个东西是解决什么问题的，那么就可以迅速的找到同类型的产品，进行比对，这样的学习方式将会比较的快。至于对于细节的抠，如果是前端的高级工程师的话，一定要可以做出一个bootstrap的架构。

• 老师表示代码学习，大家首先要有一个敢动手的能力。在动手的时候会遇到问题，问题解决的过程培养的这个能力，可以复用去其他的地方去。