V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jianxun
V2EX  ›  前端开发

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

  •  
  •   jianxun · 2016-07-01 14:30:58 +08:00 · 2892 次点击
    这是一个创建于 3052 天前的主题,其中的信息可能已经有所发展或是发生改变。

    简寻联合「稀土掘金」、「 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

    iHirakoShinji
        1
    iHirakoShinji  
       2016-07-01 22:43:49 +08:00
    好多干货,赶紧收藏。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1203 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 18:14 · PVG 02:14 · LAX 10:14 · JFK 13:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.