有关前端的一些技术和成长路线分享

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

废话不多说，以下是现场演讲的概要干货。

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

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

开场问题

谁听过或者是用过 Vue.js ？

有多少人看过 Vuejs 相关的 Tutorial 或者是一些文档？

谁在其他活动上面听过我的演讲？

谁用 React 、 Webpack 、 Angular 、 jQuery 、 Ember 开发？

还有人用过冷冷门的 Ember 么？

核心概要 Vuejs

What

作者「尤雨溪」相关介绍；

Vue.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 打包异步加载相关；

（阴明演讲现场速记全文： http://dwz.cn/3GCg59 ）

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 的协同；

原有项目追加测试；

（刘华清演讲现场速记全文： http://dwz.cn/3GCjBl ）

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

实时有什么需求？为啥做实时？为啥用实时做后端开发？

Web 本身不是实时的；

实时场景：聊天、股票、比特币、实时图表、在线协作、游戏；

Web 演化历史

WWW 的诞生及 HTTP ；

HTML5 让网页从文档的承载往 App 的方向发展；

两条线索：

后端到前端的发展；

静态到实时的发展；

对于实时有哪些模式可以考虑

Pub/Sub VS Data Sync ；

实时 Web 这件事情的未来

观众提问

野狗没有提供更加复杂的查询功能原因是啥；

数据在一个云，业务在另一个云之间的协作；

同步层的概念及原理；

（肖光宇演讲现场速记全文： http://dwz.cn/3GCl1F

——————————————————————————————

阴明(稀土)文章链接

http://slides.com/kalasoo/vue-js-jianxun

刘华清（ GrowingIO ）、肖光宇（野狗）演讲 PPT

链接:http://pan.baidu.com/s/1mhQOhRy

密码: 3qng