简寻联合「稀土掘金」、「 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
1
iHirakoShinji 2016-07-01 22:43:49 +08:00
好多干货,赶紧收藏。
|