高可用架构专用
原文[高可用架构]
仔细的对比了一遍,感谢 tim yang 和庆丰校长的整理,非常严谨,比我讲的要好,另外感谢霍老板封我是 StuQ 明星讲师[呲牙][呲牙]
持续更新版本,如果有问题请在 Issue 里提问
- 仓库地址 https://github.com/i5ting/nodejs-fullstack
- 在线阅读 http://i5ting.github.io/nodejs-fullstack/
- keynote 版本
- pdf 版本
已参加分享
如果想邀请分享,请邮寄给我[email protected],如果时间ok,我会尽量分享
更多沟通
- Why Node.js ?
- 历史
- 槽点
- 架构平衡和选择
- 企业级
- 我眼中的 Node.js 核心
- 快速开发实践
- 全栈 or 全烂 ?
- 工具链
- 前端开发4阶段
- Hybrid 开发
- 跨平台
- 全栈的可能
- 未来
最近比较火的2016年开发者调查了,Node.js 和全栈、以及和 js 相关的技术都有不错的战绩,这次给大家分享一下《全栈工程师之路-Node.js》,准备的还不够充分,水平也有限,大家见谅啊
http://stackoverflow.com/research/developer-survey-2016
英文版本
Afred Sang(aka i5ting)
Alfred Sang (aka i5ting), CTO of Aircos, top trainer of StuQ, author of the open source project Moa.js, and also an evangelist of Node.js. The uniqueness of his experience makes him a full stack practitioner. He served at Sina, NQ Mobile by playing several major roles, such as Chief Architect, R&D Director. Currently, he is focusing on technical architecture and organization/talent development. A book from him, named as "Smashing Node.js 6: Koa Everywhere", is also on the way.
He will talk about the pros and cons of Node.js, why it is a good choice for startups, and how to make the right architecture for different scenarios. While on the subject, a thorough and in-depth overview of the myth of the full-stack developer will also be covered.
中文版
桑世龙(网名 i5ting),空弦科技 CTO,StuQ 明星讲师,开源项目 Moajs 作者,Node.js 技术布道者 曾就职在新浪、网秦,曾做过前端、后端、数据分析、移动端负责人、做过首席架构师、技术总监,全栈技术实践者,目前主要关注技术架构和团队梯队建设方向,正在写一个本新书《更了不起的 Node 4:将下一代 Web 框架 Koa 进行到底》
他将讲述 Node.js 的优劣势、为什么它适合创业公司以及如何在不同的情况下选择正确的架构。与此同时,一个全面深入的关于全栈开发者秘密的总览也会涵盖其中。
我这里面先问一下,大家有多少人了解 Node.js?有多少做前端的?做前端又有多少了解 Node.js 的?看来还不是很多,其实 Node.js 就是如果做前端不了解Node.js,我觉得在未来就不是一个好的前端了,所以我们这块讲的时候会把相关的内容加进来,第一个讲一下为什么选择 Node.js,这个是从我们公司一个初创企业的角度讲的,之后讲一下 Node.js 核心的东西,然后讲一下实战经验,最后把全栈的展望,一直从前端,后端,移动端,包括我个人的全栈之路,把这整个全栈路径跟大家分享一下。
已经7岁的 Node.js,你还熟悉么?
以前?现在?
http://i5ting.github.io/history-of-node-js/
- IO.js 1.0.0 发布
- Joyent 推进建立 Node.js 基金会
- Joyent, IBM, Microsoft, PayPal, Fidelity, SAP and The Linux Foundation Join Forces to Support Node.js Community With Neutral and Open Governance
- IO.js 和 Node.js 和解提案
- npm 支持私有模块
- Node 项目领导人 TJ Fontaine 逐步解除核心身份并离开 Joyent 公司
- A changing of the guard in Nodeland.
- Node.js 和 io.js 在 Node 基金会下合并情况
- 4.0 版本发布,即新的 1.0 版本
- Node v4.2.0,首个长期支持版本(LTS)
- Apigee,RisingStack 和 Yahoo 加入 Node.js 基金会
- Node Interactive
- The first annual Node.js conference by the Node.js Foundation
去年
- 从v0.10.35 开始
- 2015-01-14发布了v1.0.0版本(io.js)
- 2.x(io.js)
- 3.x(io.js)
- 2015年09月 Node.js 基金会已发布 Node.js V4.0版 与 io.js 合并后的第一个版本
- 2015年10月 Node.js v4.2.0将是首个lts长期支持版本
- 年底发布到 4.2.4 && 5.4.0
目前(2016年3月20日)的2个版本
- v4.4.0 LTS(长期支持版本)
- v5.9.0 Stable(稳定版本)
整体来说趋于稳定
- 成立了 Nodejs 基金会,能够让 Nodejs 在未来有更好的开源社区支持
- 发布了LTS版本,意味着api稳定
- 快速发版本,很多人吐槽这个,其实换个角度看,这也是社区活跃的一个体现,但如果大家真的看 CHANGELOG,其实都是小改进,而且是边边角角的改进,也就是说Nodejs 的 core(核心)已经非常稳定了,可以大规模使用
Node.js 与生俱来的2个特性
- event-driven
- non-blocking I/O
结果,今天。。。各种【异步】。。。烂大街了
异步已经不是明显优势了
- 第一、callback hell 问题,目前已经很好的解决了,promise/generator/async 后面会讲
- 第二、npm 已经是开源世界里最大的包管理器了,模块非常丰富(25.6万+)
官方说
Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world.
以前我们总是喜欢拿异步说事儿,现在我们拿 Node.js 的强大的生态来炫耀
下面介绍点 Node.js 的大事儿记
-
2014年 nearform NODE.JS 为什么会成为企业中的首选技术
-
2015年 IBM 收购 StrongLoop,拓展云服务业务
Node.js 基金会的创始成员包括 Joyent、IBM、Paypal、微软、Fidelity 和 Linux 基金会
更多参见 https://nodejs.org/en/foundation/members/
对于企业级开发,Node.js 是足够的,无论从性能、安全、稳定性等都是非常棒的。
空弦科技做的是基于云仓储的 SaaS 服务,给中小卖家提供服务,核心系统是进销存 + 订单池 + WMS。目前来看不存在任何问题,稍后会讲我们为啥选择 Node.js
- 2015年 Ecma 国际大会宣布正式批准 ECMA-262 第6版,亦即 ECMAScript 2015(曾用名:ECMAScript 6、ES6)的语言规范
babel 作为 es 编译器,已经大量开始使用了,模块做的非常棒,还有人用 babel 写其他语言编译器
Node.js 里在0.12之后才增加 es6 特性,es7 的目前还不支持。
所以在 Node.js 里使用 es 里比较高级的特性,是需要 babel 去编译处理的。
这是 Node 追逐的事实标准
- 2016年01月22日,微软请求 Node.js 支持 ChakraCore
未来 Node.js 不只是基于 chrome v8 引擎,它还可以支持更多其他 js 引擎,对生态、效率提升等非常有好处
蔡伟小兄弟的查克拉 benchmark 的对比
基本结论是 V8 ES5 >> 查克拉 ES6 > 查克拉 ES5 > V8 ES6
先看一下我们的瓶颈在哪里 ?
- 1)人(天津不好招人)
Node.js 招不到,好多都是从 java 转的,前端也不好找,好多也是从 java 转的,我们相当于从0开始组建团队
- 2)开发速度
创业公司,5分钟要造火箭。。。大家都懂
所以让开发快速进入状态,提高开发速度,对我们来说至关重要
- 3)稳定
在没有专业运维人员的情况下,如何保证系统可用、稳定
于是就引出了我认为的 Node.js 的好处
- 1)即同样不优化,性能比大部分语言好(天生被黑的优越感,没办法)
- 2)即使优化,也比其他语言简单,比如 java
- 3)有足够多的选择和架构的平衡
- 4)如实在不够,java 补
go 的缺点是很难够(go)着
- 没有好的包管理,目前生态还不是特别好,选择的可能不多
- 没有好的调试工具,tdd/bdd 新手难掌握(vscode-go 还凑合)
- 语法不习惯,强c背景的人不多
总结:适合高端人群,但对团队开发是有门槛的,不适用国内大部分大团队,当然如果你的团队足够牛逼,选go是非常好的选择。
羊和骆驼的故事告诉我们:够得着你牛逼,够不着,累死你也够不着
Node.js 给了我们足够的选择空间
- 可以采用面向过程
- 可以面向对象
- 可以函数式
甚至可以用各种编译器 coffee、typescript、babel(es)等
对于从0开始的团队来讲,可以先面向过程、然后随着团队的成熟度,一点一点增加难度
- 测试相关 tdd/bdd/测试覆盖率
- 规范化 standard、各种 lint、hint
- 构建相关 gulp、grunt、webpack,大量插件
- 生成器 yo 等
- 包管理工具 npm 足够简单易用
以上这些都做大型软件的基础,Node.js 在这方面做得非常好
很多人把 MEAN 组合(比如 mean.io)起来,这样做的好处是如果熟悉,开发速度确实会非常快,但确定是难度太大,很少有人能搞的定
metetor 模糊了服务端和客户端,是同构的典型应用,对于实时场景是非常高效的。
这种东西都算特定场景的快速,一般不敢轻易上,调优难度非常大,如果有人能 cover 的住,在初期是非常高效的。
- 可以简单,可以难
- 可以快、也可以慢
- 可以开发大型软件
还有一个问题就是如果以上不满足咋办?这时就需要架构平衡了
先说技术选型的3个思考点
- 在语言层面可以做,那语言层面做
- 如果语言层面搞不定,那就架构层面做
- 如果架构层面也搞不定,这东西就不能用了
各自做各自合适的事儿就好,下面分别举例看看
我们很坦然的面对Node.js的优点和缺点
- 1)语言层面能解决的
- 已有大量 npm 上的模块(目前在25.6万个以上)
- 自己造轮子(站在海量包上 + 简单语法 + npm = 快速)
- 使用 Node.js 里的nan自己包装 c/c++ 轮子
绝大部分需求都可以满足了
- 2)架构层面能解决的
- 业务边界、模块拆分、面向服务
- mq、rpc、cache
- 运维、监控、自动化
稍微解释一下
- 首先,架构和是不是 Node.js 写的没关系,是独立的
- 其次,架构师常用的东东有足够的 Node.js 模块支持,比如mq,像 rabbitmq 有比较好的 node 模块支持,像 rpc 里 thrift、grpc、tchannel 支持的都不错,我们使用的 senecajs,比如 redis,我们使用的 ioredis,后面做 ha 都是一样的。
- 合适的场景用合适的东西
有很多东西是 Node.js 不擅长,又不在架构范畴里的,咋办?
3)如实在不够,java 补(严格点,应该叫其他语言补)
- 比如复杂 excel 生成
- 比如 apns 推送(go 做其实也很好,不过除了我,没人能维护。。。)
但凡是 java 或其他语言里比较成熟的库,可以作为独立服务使用的,都可以做 Node.js 的支持。避免过多的时间用在早轮子上,影响开发进度
执行效率:
- 同样不优化,性能比大部分语言好
开发效率:
- Node.js 本身比较简单,开发效率还是比较高的
- 完善的生态,比如测试、工具、npm 大量模块
缺少 rails 一样的大杀器
- scaffold 脚手架
- orm 太弱
Node.js 的 WEB 开发框架 express、koa 等,简单,小巧,精致,缺点是集成度不够,目前已有的 MEAN / yo / sails 等总有某种方面的不满意
所以我们需要做的
- 固化项目结构
- 限定 orm
- 自定义脚手架
偏偏 Node.js 提供了2点,可以让你30分钟写一个脚手架
- cli 命令模块,编写非常容易
- 基于js的模板引擎(知名的30+)
- API 服务
- 前端(moa-frontend)
- SDK(OAuth Provider)
- 辅助开发 cli 工具
- 使用0.10.38,开发 moajs 框架
- express/mongodb
- pm2 部署
- 阿里云的 slb 负载
- alinode 监控
- 前后端分离
- moa-api
- moa-frontend
- moa-h5(未能用)
- 上 redis 缓存
- 上 rabbitmq
- 上 senaca 作为 rpc
- 上 kong 作为 api gateway(todo)
- 上 consul 做服务发现和配置(todo)
- 上 elk 作为日志分析处理(todo)
- 使用 docker compose 作为本地开发环境(todo)
- 线上 docker(todo)
技术栈更新
- nodejs 4.x(预计今年6月份)
- koa(generator/co)
- es6/es7(babel)
4.x在内存和性能上都有非常大的提升,新的语言特性上,异步流程和语法上都需要学习,故不急于升级,待人才梯队完善
目前的做法是小步快走
- 一次只上一样新技术
- 形成梯队,即可准备上新东西
- 善用 npm,实现3化
- 模块化
- 最小化
- 服务化
- 1)小而美的哲学
- 2)从 LAMP 到 MEAN
- 3)异步流程控制
- 4)Node.js Web 开发
- 5)Node.js 模块开发
时间原因,接下来稍微介绍一下 MEAN
"Small is beautiful" 是 Unix 哲学9条里的第一条,但对 Node.js 来说,它实在是再合适不过了
http://blog.izs.me/post/48281998870/unix-philosophy-and-nodejs
- Write modules that do one thing well. Write a new module rather than complicate an old one.
- Write modules that encourage composition rather than extension.
- Write modules that handle data Streams, because that is the universal interface.
- Write modules that are agnostic about the source of their input or the destination of their output.
- Write modules that solve a problem you know, so you can learn about the ones you don’t.
- Write modules that are small. Iterate quickly. Refactor ruthlessly. Rewrite bravely.
- Write modules quickly, to meet your needs, with just a few tests for compliance. Avoid extensive specifications. Add a test for each bug you fix.
- Write modules for publication, even if you only use them privately. You will appreciate documentation in the future.
MEAN 是目前最潮的全栈 javascript 架构
MEAN 是一个 Javascript 平台的现代 Web 开发框架总称,它是 MongoDB + Express + AngularJS + NodeJS 四个框架的第一个字母组合。它与传统 LAMP 一样是一种全套开发工具的简称。
从我的角度看
- mysql 用 mongodb 替换,nosql 里最像 rdbms 的,从开发和性能都是有优势的(老毕已经讲过了)
- angular 的出现是一个时代,ioc,双向绑定,指令等都曾让无数热血沸腾
- nodejs 提供了完全的生态和工具链,你要的它基本都有,感谢 npm,早些年 nodejs 的性能甩 php 几条街的
- express 作为 nodejs 示范项目,它非常精简,是比较合适的 web 框架
我为什么选择MEAN架构?
- 成熟、稳定,简单,有问题我们能 cover 住,所以我们选了 nodejs
- 把握趋势,以后 nodejs 的前景非常看好,尤其先后端统一,全栈方向
- 在架构上可以屏蔽可能风险,不孤注一掷,也不会一叶障目,合理的使用其他语言,只要每个功能都以服务出现,至于它是什么语言写的,并不重要
- 招人成本的性价比相对较高,技术栈新,容易吸引人才
最重要的一件事儿,是当有问题的时候,有人能 cover 住,在创业初期这是最最重要的事儿。
我的一篇爆款文章《Node.js 最新 Web 技术栈(2015年5月)》https://cnodejs.org/topic/55651bf07d4c64752effb4b1 讲的就是我们用的技术栈
js 流程控制的演进过程,分以下5部分
-
- 回调函数 Callbacks
-
- 异步 JavaScript
-
- Promise/A+ 规范
-
- 生成器 Generators/ yield(es6)
-
- Async/ await(es7)
- 目前所有版本都支持 Promise/A+ 规范
- 目前 Node.js 4.0 + 支持 Generators/ yield
- 目前不支持 ES7 里的 Async/await,但可以通过 babel 实现
整体来说,对异步流程控制解决的还是比较好的。
- Node.js Web 开发
- express、koa
- restify、hapi
- 其他框架 sails、meteor
各种类型 web 开发都支持的,一般我们采用非 restful 的使用 express、koa 更简单
如果是纯 restful,可以采用 restify、hapi
另外还有快速模拟 api 的 json-server,对 rest 支持超方便
- Node.js 模块开发
- 普通模块
- cli
- 脚手架 scaffold
- c/c++ addons
普通模块和 cli 模块只是差 package.json 里的
"preferGlobal": "true",
"bin": {
"kp": "kp.js"
},
脚手架 scaffold = cli + 模板生成,在 Node.js 里这2点都非常容易
在 Node.js 里写 c/c++扩展,有 nan 抽象层,其他就看大家的 c/c++ 水平了
见 mongoose.md
https://github.com/17koa/koa-benchmark
https://cnodejs.org/topic/558df089ebf9c92d17e73358
见 deploy.md
创业公司有很多可变性,要做的系统也无数,如何保证业务系统的边界是非常难的,我们其实走了很多弯路,图-稍后补
当需求和 UE 定下来之后,就开始编写静态 api,这样 app、h5、前端就可以使用静态 api 完成功能,而后端也可以以静态 api 为标准来实现,整体效率还是比较高的。
另外还有基于 api 生成 http 请求的思考(未完成)
api 的最佳实践
- http://developer.github.com/v3/ (严格的 restful)
- 微博 API (可读性强,相对比较传统)
我们采用的微博 API 类似的,约定结构也是类似的
res.api is an express middleware for render json api , it convention over api format like this :
{
data: {
},
status: {
code : x,
msg : 'some message'
}
}
和 java 开发里的目录结构类似,该分层的分层,适当的按照 express/koa 增加中间件、路由等目录,便于开发
- 使用 npmjs 的 private 私有模块(目前做法)
- 使用 npm 的本地模块开发方法(测试和部署都非常快)
- 搭建 npm 私服(todo)
hz-api-cloud-admin
hz-api-cloud-order
hz-api-cloud-stock
hz-api-private
hz-api-private-admin
hz-dao-cloud
hz-dao-private
hz-dao-usercenter
hz-doc-api
hz-frontend
hz-mq
hz-sms
hz-usercenter
xbm-sdk
hz-api-admin
hz-api-crm
hz-api-order
hz-api-statistics
hz-api-stock
hz-config
hz-dao
hz-doc
在 web 开发里,写了 moajs 生成器,类似于 rails
moag order name:string password:string
其他开发,如 iOS 开发里模型校验非常烦,于是写了一个 json2objc 命令行工具,读取 json,生成 OC 代码,可以节省不少时间
- 前端:moa-frontend
- public 下面的采用 Nginx 做反向代理
- 其他的采用 Express + jade 精简代码(ajax 与后端交互)
- 后端:moa-api
即上面讲的生成器 scaffold
技术栈
- express
- jade
- bootstrap、bootstrap-table
- jquery
- gulp
- nginx
技术栈
Features
- 自动加载路由
- 支持 mongodb 配置
- 集成 mongoosedao,快速写 crud 等 dao 接口
- 自带用户管理
- 使用 jsonwebtoken 做用户鉴权
- 支持 migrate 测试
- 支持 mocha 测试
- 默认集成 res.api,便于写接口
- 集成 supervisor,代码变动,自动重载
- gulp 自动监控文件变动,跑测试
- gulp routes 生成路由说明
- 使用 log4js 记录日志
从开发效果上看,还是非常快的,非常稳定的
更多参见我写的《Moajs框架演进之路》
- 《从0开始写 Node.js 框架》
- grunt/gulp/fis/webpack
- bower/spm/npm
- tdd/bdd cucumber/mocha
- standard
- babel/typescript/coffee
- html/css/js(基础)
- jQuery、jQuery-ui,Extjs(曾经流行)
- Backbone(mvc),Angularjs、Vuejs(当前流行)
- React 组件化(未来趋势)、Vuejs
Vuejs 综合 Angular 和 React 的优点,应该是下一个流行趋势
Hybrid 混搭开发是指使用 html5 技术开发的跨浏览器应用,并最终可以将 html5.js.css 等打包成 apk 和 ipa 包的开发方式。它也可以上传到应用商店,提供给移动设备进行安装。它最大的好处是通过 H5 开发一次,就可以在多个平台上安装。
未来的3点判断
- js 一统天下(nodejs 做后端,传统 web 和 h5 使用 javasctipt,更智能的工具如 gulp,更简单的写法如 coffeescript 等)
- h5 大行其道,为最终方向(网速变快,硬件内存增长)
- 组件化,和jvm所谓跨平台类似,是一个很长的中间过渡阶段,用户体验好,唯一的就是现在相对初期,有点坑
这个大部分都清楚,不多说
在浏览器上做文章,把页面生成各个移动端的 app 文件
一样是延续浏览器做文章,不过这次把页面生成各个 PC 平台的可执行文件
目前比较火的编辑器 atom 和 vscode都是基于 Electron 打包的。
React 的出现影响最大的是 jsx 的出现,解决了长久以来组件化的问题,
- 我们反复的折腾 js,依然无法搞定
- 我们尝试 OO,比如 Extjs
- 我们最终还是找个中间格式 jsx
单纯的 React 只是 View 层面的,还不足以应用,于是又有 Redux
核心概念:Actions、Reducers 和 Store,简单点说就是状态控制
然后再结合打包加壳,变成 app 或可执行文件
- iOS、Android 上用 Cordova
- PC 上使用 Electron
总结
- 组件定义好(React)
- 控制好组件之间的状态切换(Redux)
- 打包或加壳(Cordova or Electron)
这部分其实组件化了前端,那么能否用这样的思想来组件化移动端呢?
再看 react-native
A framework for building native apps with React. http://facebook.github.io/react-native/
简单点说,就是用 React 的语法来组件化 iOS 或 Android SDK。
它们都在告诉我们,你们以后就玩这些组件就好了,你不需要知道复杂的 SDK 是什么
Medis is a beautiful, easy-to-use Redis management application built on the modern web with Electron, React, and Redux. It's powered by many awesome Node.js modules, especially ioredis and ssh2.
技术点
- 使用 Node.js 模块
- 使用 Webpack 构建
- 使用 React(视图) + Redux(控制逻辑)
- 使用 Electron 加壳打包
亲,你看到未来了么?
讲了 Node 工具,前端4阶段,hybrid,各种跨平台,目前就是为了介绍 Node 全栈的各种可能,下面讲一下如何能做到 Node 全栈?
全栈核心
- 后端不会的 UI(界面相关)
- 前端不会的 DB(业务相关)
只要打通这2个要点,其他就比较容易了
没有目标就向钱看,自然会找到目标
- 从 java 开始,蹭课,背着机箱到深圳,3个月胖20斤
- 坚持翻译英文文档,看 thinkinjava
- 毕业后开始 bi,整理 bi 文档
- 学长明林清,传授 jQuery,愿意学,别人就更愿意分析
- 接手《内蒙广电数据分析与科学决策系统》,打通前、后端
- 广东联通,自己造轮子,写 jQuery 插件,DRY
- 做云计算,学习 AIX,写有《凌云志》
- 分手、离职,去做 iOS,从 cordova 开始搞 H5,研究各种移动端框架,自己写框架,转原生
- 面试也是学习的利器,轻松进新浪
既然无法逃避,就热爱它,最后变成兴趣
- 总结了大量 iOS 经验,想写书,结果写了一堆写书的工具
- 去网秦做技术总监,做首席,管架构,带人,写开源项目
- 创业,当 CTO,结婚,做公众号运营,写书,只在 StuQ 讲点课
人生不只有代码,但它能让我快乐,终生受益
也曾懵懂,也曾迷茫,但我这人比较傻,一直信奉:“一次只做1件事儿,尽力做到极致”,短时间看这是比较傻的,但一旦你坚持下去,你就会发现技术其实是门手艺,厚积薄发。
我没办法说自己最擅长什么,但在什么场景下用什么技术是我擅长的。或者说,应变是我最大的本事。很多框架,新技术我都没见过,用过,但花一点点过一下,就能拿已有的知识快速的理解它,这其实是长期学习的好处。
现在越来越忙,写代码的时间越来越少,技术又越发展越快,我能做好的就是每日精进,仗着这点已有的知识储备跟年轻人比赛。我不觉得累,相反我很享受这种感觉,没有被时代淘汰,是一件多么幸福的事儿。
做后端的人
- 对数据库是比较熟悉,无论 mongodb,还是 mysql、postgres
- 对前端理解比较弱,会基本的 html,css,模板引擎等比较熟悉
4阶段循序渐进,build 与工具齐飞
前端开发4阶段,我的感觉是按照顺序,循序渐进
- html/css/js(基础)
- jQuery、jQuery-ui,Extjs(曾经流行)
- Backbone,Angularjs(当前流行)、Vuejs
- React(未来趋势)、Vuejs
从前端往后端转,api 接口非常容易学会,像 express、koa 这类框架大部分人一周就能学会,最难的是对 db、er 模型的理解,说直白点,还是业务需求落地的理解
我们来想想一般的前端有什么技能?
- html
- css(兼容浏览器)
- js 会点(可能更多的是会点 jquery)
- ps 切图
- firebug 和 chrome debuger 会的人都不太多
- 用过几个框架,大部分人是仅仅会用
- 英语一般
- svn/git 会一点
那么他们如果想在前端领域做的更深有哪些难点呢?
- 基础:oo,dp,命令,shell,构建等
- 编程思想上的理解(mvc、ioc,规约等)
- 区分概念
- 外围验收,如 H5 和 hybird 等
- 追赶趋势,如何学习新东西
以上皆是痛点。
所以比较好的办法
- 玩转 npm、gulp 这样的前端工具类(此时还是前端)
- 使用 node 做前后端分离(此时还是前端)
- express、koa 这类框架
- jade、ejs 等模板引擎
- nginx
- 玩转【后端】异步流程处理(promise/es6的(generator|yield)/es7(async|await))
- 玩转【后端】mongodb、mysql 对应的 Node 模块
从我们的经验看,这样是比较靠谱的。
https://github.com/moajs/moa-frontend
就是最简单前后端分离,里面没有任何和db相关,
技术栈
- express
- jade
- bootstrap,bootstrap-table
- jquery
- gulp
- nginx
一般的前端都非常容易学会,基本2周就已经非常熟练了,我的计划是半年后,让他们接触【异步流程处理】和【数据库】相关内容,学习后端代码,就可以全栈了
移动端分
- native 原生开发
- hybrid 混搭式开发(比如 cordova)
- 组件式开发(比如 RN)
面临的问题:Native 开发是姥姥不疼舅舅不爱,非常尴尬,很明显连培训出的人就业不要工资混经验就很明显了。另外领导们也都在惦记,能不能用 H5 写?这还算是保守的,如果直接激进的就直接上 RN 了,那么 Native开发的程序员就变了
一个写插件的程序员...招谁惹谁了。。。。
没办法,认命吧,温水里舒服了几年,也该学点东西了
- hybrid 或组件化开发,你总要会一样
- 无论哪种,你都离前端很近,因为 H5 或组件化都是从前端走出来的
- 组件化在前端领域先行,无论借鉴还是学习都不可避免
- 如果没时间就直接上组件化,如果有时间就好好学学前端完整体系,最终也还是要学组件化
原生开发就是 iOS 用 OC/Swift,Android 用 java 或 scala 等,就算偶尔嵌入 webview,能玩js的机会也非常好少
所以移动端转全栈的方法,最好是从 cordova(以前叫 phonegap)开始做 hybrid 开发。
- 只要关注 www 目录里的 H5 即可,比较简单
- 如果 H5 不足以完成的情况下,可以编写 cordova 插件,即通过插件让 js 调用原生 sdk 里功能
- cordova 的 cli 可以通过 npm 安装,学习 npm 的好方法
- 学习 gulp 构建工具
只要入了 H5 的坑,其实就非常好办了。
- 然后 h5、zeptojs、iscroll、fastclick 等
- 然后微信常用的,如 weui、vux(vue+weui)、jmui(react+weui)
- 然后可以玩点框架,比如 jquery mobile,sencha touch
- 然后可以玩点高级货,ionicframework(基于 angularjs、cordova)
- 然后前端4阶段,依次打怪升级
- 然后 node
这个基本上是我走的路,从2010年写iOS、做phonegap(当时是0.9.3)、一路走到现在的总结吧
可能是一场春梦,也可能一个变革机遇,我们更相信它是变革机遇,拭目以待吧
谢谢大家
有的,未来 swift 和 lua 是有可能的。swift 的语法和性能上有很大优势,lua 在 openresty 的推动下也有机会,不过没有 swift 大
像 WebAssembly 之类的就不太看好了
如果是的话谁负责编写?你们目前已经是一个人分模块从前端写到后端了吗?
目前没做到文档即静态 api,所以目前是直接提供 json 和部分 json-server
负责是后端开发的 leader 在写,他的进度会比正常开发要早一周左右
目前不是一个人写所有的前后端,团队成立不久,天津 Node.js 会的不多,所以还是前后端分离。但是通过 moa-frontend 可以让前端了解 express 等后端知识,适当的时候会给予机会,前端转后端
nodejs 里 json-server 比较好
我其实很想围绕静态 api,写各种请求的生成器,只要 api 出来,文档和各平台的 http 请求代码就生成出来,同时可以对正式api进行压测,可惜目前还没精力写
- 足够轻量级,少选大框架,做好前端该有的优化
- 注意 touch 和 click 的区别,比如 fastclick 或 zeptojs 的 tap 手势
- Chrome profile(css3动画)
- 使用 weinre 真机测试
我们团队还是倾向于分工专业化,各个服务粒度非常小,便于轮岗、还有就是可以为以后像 google 那样代码开放做准备
但是有很多情况下,是需要有机动的突击队的(尤其是创业时期),这样可以随便组合,另外就是全栈为 remote 提供了更多便利性。
可以尝试一下淘宝系的 h5 虚拟化,鬼道曾经在 as 大会上讲过的,我们目前还没能力做这么深层次的优化
1)你问的不是 Node.js,而是 Node.js 要操作的数据库。 2)耗性能的计算可以在架构上平衡的
- 如果可以延时,mq 就可以了
- 如果是非延时情况,可以采用其他语言编写对应服务,没必要非要一定要N ode.js 3)我们目前的场景,还没有在计算遇到瓶颈
语义上更加清晰
整个返回的 json 就只有 data 和 status,如果 status.code!=0,我取 msg 就好了,如果等于0,处理 data 数据
这种设计不见得多好,不过结构清晰,对于开发者来说,是比较容易接受的
- 时间管理:闲时要有吃紧的心思,忙里要有偷闲的乐趣
- 10年我没有近视,或者说颈椎病
- 吃了11年素食,坚持是自信的源动力
- 一次只做1件事儿,简单一点
- 人老心不老,每日精进,有一双发现知识的小眼睛
- 人生不只有代码,但它能让我快乐
- 应变是我的毕生追求,心里要能装着无数状态
- 少抱怨,多思考,未来更美好:tomorrow is another day
最后祝福大家有一个好身体,做自己喜欢做的事儿,最好都能全栈,加油
全文完
欢迎关注我的公众号【Node 全栈】
更多沟通