阅读 2606

拥抱变化,无限可能(D2 开场总结)

机缘巧合,能够参加 13届 D2 前端开发者大会,自己的拖延症又犯了,没有及时将文章整理出来。下次要趁早,不然点赞的人都少了 (o´゚□゚`o)

0 玉伯 —— 体验科技与好的社会(蚂蚁金服)

文字版 www.yuque.com/yubo/words/… 插播一条前一日蚂蚁金服 SEE_CONF 玉伯的开场

体验科技与好的社会

1 圆心 D2 开场

圆心开场脑图

五个变化

1. PC -> 无线 给前端带来更多的可能性和创造性

  • 无线端市场份额越来越多(淘宝 95% 交易在无线端)

  • 无线时代的渲染技术的改变

  • 无线时代性能优化的改变(Yahoo 的 N 条军规不能完全适用)

  • 无线时代基础能力的改变 可以获取更多端提供的方法

    • LBS
    • 摄像头
    • 陀螺仪

2. nodejs 让前端走到后端 让前端获得更多的能力

  • 前端模块化和体系化
  • 前端思维模式的改变(eg:微服务模式)
  • 阿里现在已经有 4000 多个 node 应用

3. ToB 体系的到来给中后台有更多的机会

  • ToB 体系逐步完善
  • ToB 体系天然的标准化和收敛性催生优秀的 UI 组件库

4. 前端工程化的到来

  • 前端开发逐步从开发工具到开发工程
  • 前端开发体系逐渐完善
  • 前端走向成熟的标志

5. 框架语言的相对成熟

  • vue react 两大体系使得前端开发逐步确定

三个机会

1. 中国特有的小程序提供新的机会

  • 除了微信,支付宝、钉钉 等都开始推出自己的小程序
  • 特点:跨平台、高度的安全性、赋能

2. AI 智能化带来的新的机会

  • AI 智能化的发展并不是和前端完全没有关系(但是区块链和前端真的没有关系 )

  • 去 code 化(design to code )

    • 提高开发效率
    • 仍需探索
  • 端智能框架

    • 服务端的算法可以下发到客户端来做
    • eg: 淘宝详情页无障碍框架(详情页为图片拼接,如何通过 AI 智能转换为文字供障碍人士阅读)

3. PC 桌面带来的机会(Electron)

  • 开发模式的改变
  • 云+ 端使得前后端开发更加高效

总结

  • 唯一不变的就是变化

  • 前端的发展前景还是充满活力并且面临机遇与挑战

    • 新零售
    • 异形屏
    • 新一代的交互设备给前端整个体系的挑战
  • 相信你所相信的,坚持你所坚持的

2 个人收获

其实我觉得参与本次 D2 给我带来最大的帮助就是让我对我现在所从事的行业更加有信心,因为我们能做的还有很多。

其实之前一直有言论说前端工程师慢慢将会被取代,因为这几年确实有很多优秀的工具出现。

如果你也有这样的担心,那么完全是因为你现在所做的事情就和搬砖的工人是一样的,机械的重复劳动,所以将会被取代的是 本身,而不是某一个行业,我相信,如果只是机械的劳动的话,不久的将来,都是会被机器替代掉的。

从圆心的发言来看,现如今的社会的发展,计算机的发展和前端的发展,和五年之前或者三年之前都是有很大的变化的。那么面对这些变化,就会有更多的机会和挑战,比如:

  • PC 到无线时代的转变我们可以获得更多端的基础能力
  • Nodejs 让前端开发工程师可以走向后端,无论是业务还是思维方式
  • ToB 体系的完善可以让我们开发出更多的标准化 UI 组件库
  • 中国特有的小程序也会有更多的机遇与挑战
  • PC 桌面我们也可以做更多的事情了
  • AI 智能化逐步会让前端去 code 化(design 2 code)也会催生出更多的端智能框架
  • 特大屏幕和超小屏幕也会给前端开发有更多的开发和挑战
  • 新一代的交互设备给前端整个体系的挑战

也就是说,在未来的几年中,我们所从事的行业还是有很多的领域需要我们去探索的,我们能做的还有更多,同时,未来也还会有无限种可能,未来就掌握在我们每个人的手中,我们每个人都是推动时代进步的一份子。

3 个人感悟

相对于之前参与的 JSConf,本次 D2 收获还是蛮多的,也是从一个刚入行的小菜鸟变成了稍微好一点的小菜鸟(ಥ_ಥ)

你从 D2 这样的分享会能得到什么

  • 想要干货?八成都不是,你能得到的是整体大环境的发展趋势
  • 你可以了解到其他大牛们都在研究什么,开阔技术视野,时不时感慨还可以这样?!ヽ(;´Д`)ノ
  • 获得第一手的学习资料,作者本人直接向你讲述,如果你有问题,作者本人可以给你答疑解惑~~
  • 感受下和大牛们之前的差距,嗯,可能也就是月球到地球的距离吧 (〒︿〒)
  • 学习一下演讲技巧,如何在短时间内让大家理解你想要表达的内容
  • 大型网友见面会,感受下旁边有在微信上问你:“你是不是也来 D2 了呀,我旁边有个人和你很像唉~~”
  • 顺便带走个 女朋友 男朋友 基友(也不是没有可能啊喂,上次 饿了么 秋季交流会就有现场带走女朋友的~~~)

D2 分享资料:

  • GraphQL rewrite and performance improvement 》王啟安 / Facebook 前端工程师

    由台湾小哥讲解的 GraphQL,主要讲了 GraphQL 的一些概念使用以及优势 思路清晰通俗易懂,业务痛点和应用场景也有介绍。

    相关资料:graphql.org/ graphql.cn/

    一种用于 API 的查询语言:GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述,使得客户端能够准确地获得它需要的数据,而且没有任何冗余,也让 API 更容易地随着时间推移而演进,还能用于构建强大的开发者工具。

  • 《你不知道的 Node.js 性能优化》 Starkwang/ 腾讯云前端工程师 zhuanlan.zhihu.com/p/50055740

    小哥哥讲的很好,准备非常充分,对内容非常熟悉。讲了一些很实用的优化方法和思路,最后还讲了怎么做性能监控,可以说是很用心的了

  • 《如何通过逆向工程 V8 从故障的进程中复活 JavaScript 》张秋怡 / Node.js Technical Steering Committee 的成员

    通过 Node.js 还原事故现场,在 Node.js 事故之前保留所有调试相关的信息,便于事后调试

    相关资料:llnode :github.com/nodejs/llno…

  • 《WebAssembly becoming the biggest platform》Sven Sauleau / TC39成员、Babel 核心成员、 Webpack核心成员、 WebAssembly专家 d2-2019.sauleau.com/

    相关资料: webassembly.org.cn/

    WebAssembly/wasm WebAssembly 或者 wasm 是一个可移植、体积小、加载快并且兼容 Web 的全新格式

  • 《Migration To React Suspense》闫畅 / Facebook 前端工程师(github.com/cyan33/Migr…

    主要阐述了 React Suspense 所要解决的问题以及相关的使用

  • 《Will "class fields" be the new "bad part" of JavaScript? 》贺师俊(Hax)/ 百姓网架构部工程师

  • 《从 spritejs 谈完整的 UI 系统设计》winter / 计算机之子

    主要讲了UI系统的设计/分层,包括围绕spritejs讲了其设计以及一些优化,清晰易懂。

    UI 系统分哪几层,浏览器、Weex、Flutter 分别是如何实现这几层的?

    接着介绍了 SpriteJS 匹配之前所述的 UI 系统各层都采用了哪些实现方案。最后 winter 给了一些关于由 SpriteJS 在 UI 系统图形层、渲染层的展望引出的总结

  • 《Web 渲染引擎中兴之路之技术大揭秘》成国凯 / 阿里巴巴 无线开发专家

    从 U3 到 U4 内核,渲染引擎以及容器都有哪些变化,Rasterization 即光栅化是如何利用 GPU 能力的,从单线程到多线程、多进程和沙箱多进程,Web 平台的演进史,该如何合理使用 Layer?U4 众多新特性介绍,以及滑动性能优化、首屏性能优化、混合渲染等等

  • 《What makes Flutter fast》李宇骞 / Google Flutter 开发 2018谷歌开发者大会讲 Less Work(干活少) Better incentiv(激励好)

  • 《淘宝 MiniApp 容器架构探索之路》炼玉 / 阿里巴巴 高级无线开发工程师炼玉 / 阿里巴巴 高级无线开发工程师炼玉 / 阿里巴巴 高级无线开发工程师 主要讲手淘在在页面层与底层抽出来一层业务容器层,围绕讲了一些隔离 / 监控 / debug / 性能优化等,主要还是从架构&策略等方面去聊手淘小程序的技术,也聊了一些经典问题比如长列表滚动性能问题如何解决之类

分享资料很多都是从 www.zhihu.com/question/30… 下 copy 过来的,侵删

关注下面的标签,发现更多相似文章
评论

查看更多 >