LWDW!

Learn the work from doing the work🍺

前端帝国4:基地前奏
Posted on 2017-12-12

真是在标题党的路上一去不复返,还是最低级的那种【摊】


在昨天小填了一下React的坑后,陷入了贤者模式,感觉就是第一波开荒结束,终于要在不同的职业之间做出选择。不过在选择成为 法师 / 刺客 / 战士 / 游侠 / 召唤师 等等之前,还是回顾一下从16年3月开始,到目前为止的21个月,我到底刷了什么怪吧(在这里要感谢我的书签栏,大概是我唯一比较有条理的东西)。

回顾

HTML / CSS

最基础的知识不必多言,比较有意思的有:

  • 浏览器工作原理
  • HTML5一些新玩意儿
  • CSS常见属性的正确认知(absolute, vertical-align, line-height等)
  • CSS百分比值
  • BFC,盒模型,层叠上下文...
  • transform,filter, mask 等与图形有关的骚操作
  • Flex,Grid

JS

除了基础中的基础,主要是:

  • ES6
  • 类型,值,原生类型,强制转换,文法(grammar)
  • this,对象,原型,所谓“类”,行为委托
  • 作用域,词法作用域,函数与块作用域,提升,作用域闭包
  • 异步,回调,Promise,Generator
  • 是的以上内容几乎都涵盖在《你不懂JS》和《ES6入门》中,在JS中遇到的零零散散的坑被这两套书系统总结的差不多了我也是心情复杂嗯
  • Jq源码
  • 设计模式
  • 函数式编程
  • canvas相关
  • XMLHttpRequest相关
  • NodeJS相关

框架

  • Vue——MVVC,双向数据绑定(单项绑定 + onChange 侦听),模版
  • React——MVC,单向数据流(的概念),JSX

开发流程

  • Webpack
  • npm / yarn
  • git

安全

  • XSS / CSRF

调试

  • ChromeDevTools

开发工具

  • VScode
  • Sublime

辅助技能

  • 正则表达式
  • 魔法上网
  • md
  • 切图

总结

所以,上面的是劳资掌握的?不,只能说是大概开了下地图,自己究竟掌握多少心里没点(哔——)数么(这消音有什么用啊喂)。花了好一会儿罗列出来…...感觉药丸嗯。

To Be Continued

那么,接下来玩啥呢?现在还是对svg,canvas这块感兴趣,感觉是个值得一挖的坑,国内应用环境也比较成熟,设计方面也想系统的学习嗯。顺便现在有Audio API了,体量可以与canvas API相提并论,自己也做了个小钢琴玩了下,感觉有相关知识的话可以做出很屌的东西啊,像google doodle(虽然google doodle随便挑一个都碉堡了)的嘻哈音乐诞生44周年(需要魔法上网),同样的还有WebGL,如果对图形学有一定了解也能开发出碉堡了的玩意儿。所谓的专业技能,或许在这个时候才真正区分开不同的开发者。


毕竟才入坑不到两年,摸的没什么水平也可以理解嘛,虽然序章还没完全结束,但是还是要准备好下一章的剧本啊,我走!(boooooom——)