搜索
您的当前位置:首页正文

前端大神眼里的前沿技术(干货速览版)

来源:二三娱乐

简寻联合「稀土掘金」、「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 这件事情的未来

观众提问

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

数据在一个云,业务在另一个云之间的协作;

同步层的概念及原理;

Top