面对前端六年历史代码,如何接入并应用 ES6 解放开发效率

作者/分享人:Lucas
现就职于百度知识搜索部:主导并参与了多个产品线大型技术重构;为部门引入并应用多项新技术; 曾工作在巴黎,就职于法国能源和苏伊士集团:独立负责欧洲天然气运输和购买费用计算系统; 曾就职于巴黎银行,实习期独立负责投行征信系统的开发; 曾就职于硅谷和巴黎互联网BePATIENT集团,负责跨端医疗产品的开发。 行业之外,国家二级运动员,参加多项人文项目,赴北非撒哈拉地区发起孤儿关怀活动。

我是来自百度知识搜索部的前端工程师,这场分享将由我发起。我会邀请资深开发专家、前端社区“网红”颜海镜老师同我一起,给大家讲述一个“ES6技术落地并应用”的真实场景。

我们面临的是有六年以上历史积(包)累(袱)的生产状况,文章中会详细描述以下内容:

  1. 如何进行新技术的评估和调研
  2. 如何在一个大型在线项目中接入ES6开发环境
  3. 正确解锁ES6开发姿势
  4. 一个ES6设计案例
  5. 一个ES6踩坑实况及解决分析
  6. ES6带来了哪些收益和技术总结

实录提要:

  • 哪些特性后续在框架层面很有用,比方说用 proxy 也能做一些数据拦截等?
  • ES6 有了 Class,还需要学习原型链的内容吗?
  • ES6 变异成 ES5 代码后,为什么还需要 polyfill 垫片?
  • 求问在 fis 3 中使用 babel-runtime 需要安装单独的 fis 3 插件吗?
  • 请问推进团队使用 ES 6 有哪些可以量化的收益?
  • 对于 ES 6 进行深拷贝有什么更简便的方法?
  • 请问 React+WebPack 兼容到 IE 7 有什么好的实现方式?
已有337人预订
预订达标
文章出炉
交流日期
     
05月10日
05月31日
06月07日 20:30
查看文章评论/提问
颜海镜
快来围观
满大哈哈: 颜老板有没有写点啊
郭亮: 颜大大,这个地方链接打不开🙉🙉-1. 系列文章:揭秘babel的魔法之class魔法处理。2. 发现一个错别字 如何真的讲一个对象冻结?---"将" 🙈🙈🤗🤗
Hello world
策策真棒
王小猴
Herve 老婆到此一游😄
郭亮
谢谢大神。十分详细,满满干货🤗🤗 棒棒😋😋
Lucas: 谢谢支持
如梦初醒
感谢大神,辛苦了!写的如此详细。小伙伴们,尽情的留言提问吧!
文艺程序员
策老师,我想问一个问题,既然ES6通过Babel编译成了ES5环境的代码,那么我可以认为现在主流浏览器的JavaScript执行环境都是基于ES5的对吗?如果是这样,会不会在某一天,浏览器的执行环境直接提升至了ES6或者甚至是ES7,这样是不是就可以少一道编译过程了呢?那样子的话是不是可以认为JavaScript的语法得到了改变了呢?对此学生抱有疑问,希望策老师不吝赐教!
Herve
PHP是最好的语言
Lucas: nodejs今天已经超越php了……额,我是说在版本号上,我们发布了8.0(手动滑稽…
童谣
你真棒!学习了。
木木
太棒了 两个偶像 (۶ૈ๑`ȏ´๑)۶ૈ=͟͟͞͞ ⌨
炫木之光
对于IE低版本浏览器 是全部ES6语法都能转成支持的语法 那些新特性写的时候需要注意
hehe
学习了
Ziksang
我相信后面肯定会基于es6开更好的框架,您觉得那些特性后续在框架层面很有用,比方说下载用proxy也能做一些数据拦截等。。
雷子
二三四线城市的野生前端开发团队,该怎么说服团队成员,在项目中应用es6,提高开发效率!
罗彬
赞,
咸柠沙士
请教老师,在编译成es5后,发现因兼容性问题或其他问题需要改代码时,一般会怎么处理?是直接改es6的代码还是编译后的?实践中代码以什么形式来维护?谢谢
咸柠沙士
请教老师,目前您团队中对es7的新特性的实际使用情况如何?觉得那几个7的特性在您项目中较为有用,方便的话能否举个例子,谢谢
曾田生
有收获
你可能还喜欢
Service Mesh 在华为公有云的实践
田晓亮
从零开始,搭建 AI 音箱 Alexa 语音服务
Mike
Web 安全恩仇录:再谈逻辑漏洞
肖志华
编程和数学基础不佳如何入门人工智能?
赵宁|Neal
如何用 Vue 实现前端权限控制(路由权限 + 视图权限 + 请求权限)
雅X共赏
智能增长:如何用大数据和人工智能实现业务体量的增长
蒋凡
微信扫描登录