简寻联合「稀土掘金」、「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 打包异步加载相关;
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 演化历史
的诞生及 HTTP;
HTML5 让网页从文档的承载往 App 的方向发展;
两条线索:
后端到前端的发展;
静态到实时的发展;
对于实时有哪些模式可以考虑
Pub/Sub VS Data Sync;
实时Web 这件事情的未来
观众提问
野狗没有提供更加复杂的查询功能原因是啥;
数据在一个云,业务在另一个云之间的协作;
同步层的概念及原理;