简寻技术沙龙 - 前端大咖的前沿技术分享

简寻联合「稀土掘金」、「GrowingIO」、「野狗」等公司在北京举办的技术沙龙第三期已经于6月25日圆满结束,再次感谢阴明、肖光宇、刘华清三位嘉宾还有所有到场和关注这次活动的你们,让我们在初夏的北京有了这场美好的相聚。

以下是现场演讲的概要干货。

嘉宾演讲概要(没有时间的同学,可以拉到文尾阅读和收藏嘉宾文章及PPT)

稀土阴明 :又一个 Vue.js 安利大会

开场问题

  • 谁听过或者是用过 Vue.js?
  • 有多少人看过 Vuejs 相关的 Tutorial或者是一些文档?
  • 谁在其他活动上面听过我的演讲?
  • 谁用 React、Webpack、Angular、jQuery、Ember 开发?、
  • 还有人用过冷冷门的 Ember 么?

核心概要 Vuejs

What

  • 作者「尤雨溪」相关介绍;
  • ue.js 是一个MVVM 框架中 ViewModel 部分;
  • 2.0 出来了,性能提升很大,github 上面分支号为「next」;
  • 我觉得 Vue.js 之后会作为一种开发模式和方式而不是单纯的前端框架;
  • Vue.js 是通过 Object.defineProperty 来实现;

Why

  • 开发效率:
  • Vue.js + webpack;
  • Webpack-Hot-Middleware;
  • Webpack-dev-Middleware;
  • 代码维护:走统一规范更容易让多人一起开发;
  • 性能要求:小的测试比Qwrap、react快;
  • 2.0 更快;异步加载代码,核心代码优先加载;

How

  • 路由:vue-router;
  • 状态:vuex
  • 开发:Webpack、vue-loader、vue-devtools;
  • 异步请求:vue-resource;
  • 脚手架:vue-cli;
  • 库:weui、vue-validator;

观众提问

  • Vuejs 的样式组件化有没有什么知道?
  • 前端自动化测试?
  • Vuejs的核心思想就是数据来驱动变化,就是在我们使用Vuejs的时候,我们不需要直接操作demo,所以说我们是不是应该放弃jQuery了?
  • 编辑器的state相关;
  • 周在使用这个Webpack的时候,就发现比如说我们有很多组件,比如说组件A和B都会用到jQuery,那我们在打包出来的1.0JS和2.0JS这两个文件都会包含这块,这种怎么去分割?
  • Webpack 打包异步加载相关;

GrowingIO刘华清:react+redux 性能优化

React + Redux 是什么

  • React是一个MVVM框架,和 Vuejs 的定位一样是处理 ViewModel 层的东西;
  • Redux是一个状态容器,负责数据层面的管理;单向数据流;
  • React + Redux 牺牲个人的开发效率提升整体的开发效率;

为啥使用React + Redux

  • 为啥不用 jQuery或者 Angular?
  • 这种组合可以将很多业务逻辑或者交互逻辑封装成一个个组件;

如何使用 React + Redux

  • 传统的方式在业务量上去的时候变得越来越慢;
  • 性能优化: 减少 Store 的更新次数; 一个 state 绑定一个页面; 避免不必要的 Component 渲染; 干掉不必要的 Virtual-Dom 和Actual-Dom 的对比,利用 ImmutableJs; 提高数据层的计算效应;

观众提问

  • 移动端使用 React + Redux?
  • Flux 和 Redux 的协同;
  • 原有项目追加测试;

野狗 肖光宇 - 『Web 实时化中的工程难点和解决方案』

实时有什么需求?为啥做实时?为啥用实时做后端开发? Web 本身不是实时的;
实时场景:聊天、股票、比特币、实时图表、在线协作、游戏;

Web 演化历史
WWW 的诞生及 HTTP;
HTML5 让网页从文档的承载往 App 的方向发展;
两条线索: 后端到前端的发展; 静态到实时的发展;

对于实时有哪些模式可以考虑 Pub/Sub VS Data Sync;

实时Web 这件事情的未来

观众提问 野狗没有提供更加复杂的查询功能原因是啥; 数据在一个云,业务在另一个云之间的协作; 同步层的概念及原理;

阴明(稀土)文章链接

刘华清(GrowingIO)、肖光宇(野狗)演讲PPTl链接

密码: 3qng

年终盘点 - 2015年程序员界十件大事 →
← 轮子哥推荐 - 那些伴 vczh 成长的编程书