2018-08-05 【开篇】
思来想去也不知道写一点什么东西好,那就简简单单随便来一篇日记吧,作为我个人网站的静态数据库.
作为一个前端开发工程师(菜鸟),我们可能都有一个共同的偶像,那就是阮一峰老师,他的博客太高产了,平均是每周两篇当然还不算他的翻译作品.所有以后我将尽可能的每一周写两篇,或者是技术文档或者是读书笔记,我个人是比较喜欢推理小说和历史小说类.
既然说起了技术文档,行业内公认的走向全栈最快的技术栈:React + react-router + redux/mobx/flux/react-redux + mongodb + nodejs.
React
React框架,前端三驾马车之一,MV?型框架,他的核心就是React app是一个状态机,state数据变了view模型也要改变;一个state对应一个view,若果view受到了多个state的影响,就应该抽离成为一个新的view.
React-router
官方的路由库,构建单页面应用即只有一个index.html入口文件,再无其他的html文件,所以我们要通过router地址把组件分开,根据浏览器路由地址跳转至对应组件页面.
Redux/Mobx/Fulx/React-redux
可用于React应用的store,即状态管理器或者是状态管理仓库,用于同一个state作用于多个view.state是不能直接改变的,而是要显示的提交,actions?,reducer?,store?
MongoDB
NoSql 非关系型数据库,js语言的最佳拍档,数据流入流出都是collection即集合,mongo中的集合与js中的对象格式之间无须转换,省去了Sql中的二联表数据转换操作
Nodejs
现在的前端再也离不开nodejs了,从npm到webpack全部是基于nodejs构建,nodejs社区越来越好,用户越来越多,坚定了我学习nodejs的恒心.而且nodejs是基于javascript,这代表着只需要一门javascript既可以游走于前端后台中间件.
从刚开始工作至今,我们所用的技术栈就是Vuejs + vue-router + vuex + php?java? + sql
Vuejs(2.0)
一个MVVM型框架,以组件化开发为基础,渐进式后台开发框架,什么是组件化?就是堆积木一样,假设有100块积木拼图,我们分开拼,最后再将分开的拼图合到一起,组成一个大的拼图!Vue的文档极为良心,我们可以把它的文档成为渐进式文档!!!!
Vue-Router
官方的路由库,为vue量身定做,文档都是渐进式,多看几遍就熟悉了
Vuex
官方为vue量身打造的状态管理器,借鉴Flux架构,与Redux极为相似,但是却大有不同,同为单一状态管理树,事件触发,显示提交,getter与reducers返回state.不同的是vuex可能使用更为简单,你只需要全局注入就行了,但是在React中,数据仅仅在容器型组件中流动,不会到展示型组件.所以在React中需要connect关联一下!