Jason's

Sharing makes better.

2015 Year in Review

第一次写一年的总结,第一个感觉就是,时间过得真的很快,不知不觉已经到了大三上学期的结束,下学期就要开始找实习了,马上是要出来工作的人了,可我还总像是长不大。

Little 2014 Background

2014 年 6,7 月份进入 TopView 工作室,开始了前端的学习。我很幸运我找不到我喜欢的东西,我喜欢的东西却找到了我。2014 年的暑假师兄师姐叫我自己做一些 “项目” 来把自己学习的东西用起来,我就和同届的后台章杰同学一起做了一个仿照微博的页面,学会了简单地运用 HTML, CSS 和 jQuery,还有前后台交接的问题

2014 年 10 月开始真正做第一个工作室项目,海口市公共安全联动指挥系统。

刚刚做这个项目热情很高,再加上师姐把大部分的工作都交给了我,我开始把我大部分的时间都放在 Coding 上,还没有系统地学 ExtJS,就一边做一边查,学会了怎么科学的上网,怎么使用搜索引擎,怎么去解决问题,我很享受那段时间,不管是遇到问题还是解决问题

2015 Year in Review

Jason’s

进入 2015 年初,我因为考试而暂停了项目,没有项目,反而让我更加专心地去学前端的知识,1 月份在博客园开了个人技术博客,想总结自己学习的一路,也想分享自己学习的心得

Given enough eyeballs, all bugs are shallow.

我喜欢 JavaScript,也知道 JavaScript 基础的重要性,我开始把它里面一些重要的东西作总结,如 ClosuresHoistingthisPrototypeScopeObject Inheritance 等等

2015 年 03 月 04 号,创建了我 GitHub 的第一个仓库 Everything-I-Learn,目的是把平时常用的一些代码块放上去,和我学习的一些简单的小 demo,那 16 个 comtribution 就在告诉我,我要学 Git 了。

4 天后,我发现了 GitHub Page,就把博客园的博客搬到 jasonliao.github.io 仓库里,我的博客我想要自己的样式,但这一版的博客已经被搬到了 Missing-Blog 这个仓库里,因为 3 个月后我发现我用 Markdown 写笔记,以前的博客不可以转成 HTML 直接放在博客上,每次都去做同样的事情总是不好的。所以我用 Jekyll 配合 SassJade 重新搭了一个,把样式写得简约一点,也就是现在的 Jason’s

Sharing makes better.

React, Redux and Something Else

2 月份开始接触 React,那时 webpack 还没有火,我搭 Blog 的时候还在用 GulpBabel 还叫 6to5。

但是 React 的发展极快,虽然 React 只是 View 层,但 Facebook 随后又推出了 Flux 架构,一种比 MVVM 更适合 React 的模式。Reflux, Redux 等等类 Flux 的库也很多,为了搞清楚他们的区别,还有好处和坏处,我也都去用一个 TodoApp 来实现了一遍,并用 webpack 和 Babel 去管理和编译我的 ES2015 代码,他们的区别和源码都在 simple-todo-with-react-and

这里要特别说说的是 Redux 和他的作者 Dan Abramov,他的 react-hot-loaderredux-devtools 把整个 React 的开发流程简单便捷了很多。

Redux 是一个状态管理器,不仅仅适用 React,还适用于 Angular1/2,Backbone 等等,我也是从学习 Redux 的过程中,不仅仅可以把学习的 ES6 语法完全用到开发中,还可以学习到了一些概念像 Immutable Data,Functional Programming 等等

Node.js

4 月份开始学习 Node.js,《Node.js in Action》这本书真的讲得很好,也跟着这本书学习了 Express,虽然那本书的 Express 的版本是 3.x,现在已经出到 5 了,有很多东西都已经改变了,详情可以看官方文档 Moving to Express 4 或者 Moving to Express 5。因为我学习的时候,Express 已经出到 4 了,我也踩了很多坑,也把总结放在了 Blog 的 Some notes about 《Node.js in Action》

6 月份的时候,做了外国语的摇号系统,一个非常简单的项目,我就用 Express 和 fullpage 把前后端都一起做了,把 Express 真正运用了一次,可惜项目不大,没有遇到其他问题。

现在在把 React 和 Node 一起结合进来,做一些小应用,昨天完成了一个很简单很简单的 Universal React 并放在了 react-and-node-are-perfect-gifts 仓库里

ES2015 (ES6)

6 月份开始学习 ES2015 的新特性,今天刷推发现

End of the year ES6 support: Chrome — 91% (w. flag), FF — 90% (unflagged!), Edge — 90% (flagged), WebKit — 80% (unflagged).

Stable, non-Canary, non-Nightly, unflagged percentages: Edge 13 – 79%, FF 43 – 73%, Chrome 47 – 60%, Safari 9 – 56%

常用的例如 Constants,Arrow Functions,Destructuring,Modules,Classes,Default Parameter,Rest Parameter,Spread Operator,还有一些新的 Build-in Methods 等等,都在写 React 的时候常常使用,但也还有很多特性了解却没有在开发中使用过,当然还有很多 ES7 的新特性 Babel 也可以转成 ES5 来使用了,希望在新的一年里可以多点在开发中使用,让代码更加简洁方便

Projects

  • 海口市公共安全联运指挥系统

    第一个也是最后一个,使用了 Ex4JS-4.x,负责了快捷方式,任务,事件,权限等各个模块的界面和全局函数调用的编写,在暑假的时候被派到了海口现场进行了半个月的调试和模拟演练,它曾经让我享受,到现在却对它提不起精神来

  • 湖南长沙烟草一卡通平台

    提起这个项目想到的永远是长沙四人组,为了项目每天到凌晨 4,5 点。我负责了前端框架的搭建和设备信息管理,一卡能信息图表展示和系统管理等等模块,也在冬至的时候被卖到了长沙进行需求沟通

  • 广州外国语学校的摇号程序

    一个独立开发的小项目,演示那天要穿有领的衣服,但我的都是有卡通公仔的 T-Shirt

Prepare for Interview

下学期就要找实习了,把基础知识和一些常常在面试中遇到的问题都总结放在 prepare-for-interview 里,后来把一些书的总结也放在了上面,后来把学习到的一些 JavaScript 的设计模式也放在了上面

看过一些源码之后就发现,到处都是设计模式,不能灵活地运用学过的东西,永远也写不出好东西

In 2016 Future

花了一个下午总结了 2015 年到底都做了些什么,越来越发现自己知道得很少,越来越觉得自己跟不上。

希望在下一年 LESS BULLSHIT, MORE CODE