Fork me on GitHub

第二届前端体验大会 -- 本固枝荣

meeting/tencent_20171223/banner

第二届前端体验大会,是至今为止,我参加的最棒的一次前端体验大会,不枉我从广州过去深圳啊。目前只参加过一次大型的前端体验大会 😝。在一天的时间里面,自己收获到了很多的东西。作为一个非典型的程序员,杂七杂八的就不谈了,还是谈技术来得简单粗暴一点。

开场白

本会议的主题是本固枝荣,开场白的彪叔已经很好的解释了主题:基础牢固,才能更好的玩转前端(概括起来就这样吧)。在开场白的时候,彪叔介绍的前端的前三年的调查报告,着实让我一惊 -> 原来前端的市场是酱紫啊,作为一个涉水不深的前端菜鸡来说,还是可以定m个小目标的。

meeting/tencent_20171223/biaoshu_skills

一个UI的自我修养

腾讯的QQ音乐的设计天团研发经理主要是针对一个UI开发的自我修养来讲述了前端开发人员需要有发现问题,定位问题,解决问题的能力(概括不到位的话,大佬不要怂我 😂 )。

meeting/tencent_20171223/xiaojian_skills

感知性能优化

在众多嘉宾分享的话题中,我最喜欢的就是潇滨前辈讲解的感知性能优化的话题。在前端开发中,我们需要对自己做出来的产品进行优化,怎么进行优化呢,前辈经过三个层次进行说明:资源感知代码感知用户感知。这里也推荐雅虎的七个领域的35条优化原则,请戳传送门
资源感知我们写的页面的img,js,html,css等都可以成为资源,我们在优化的时候,需要考虑到控制请求,控制资源的大小,控制缓存等。

meeting/tencent_20171223/xiaobin_skills_resource

感知代码在代码的层面,我们可以通过对请求加载数进行延迟或者按需加载来控制代码。一个产品的首页首次渲染很是重要,在代码层面对样式的前置,js后置等进行优化。

meeting/tencent_20171223/xiaobin_skills_code01

meeting/tencent_20171223/xiaobin_skills_code02

meeting/tencent_20171223/xiaobin_skills_code03

用户感知用户在产品中起到至关重要的作用,也许你的产品在电脑的模拟器上没有什么问题。但是是真的没有问题吗?这就需要站到用户的角度进行思考,如果用户的使用的网络是3g的怎么样等等。

meeting/tencent_20171223/xiaobin_skills_user

整个感知优化的流程,可以用大佬ppt里面的图片进行总结,如下:

meeting/tencent_20171223/xiaobin_skills_process

那些年我们所遗忘的XSS黑魔法

至于前端方面的安全,志龙前辈演示了xss的黑魔法,自己一脸懵逼,因为接触前端安全这一块一直是个梗。在xss黑魔法中,哪里有用户输入,哪里就可能有前端的安全漏洞,当然,前辈不仅演示了如何攻击,还演示了如何防攻啦。自己很想加入他们的团队,貌似能力不足啊…

meeting/tencent_20171223/zhilon_part

前端监控系统

监控系统是幸福生活的保障。一个产品的异常都需要进行监控,这些就是问题的来源。监控系统对异常进行监控,进行错误信息自动上报,性能数据自动上报,进行数据的打点,最终显示出系列告警的错误日志数据。郑超前辈指出是监控系统的关键组成部分。

meeting/tencent_20171223/zhengchao_part01

meeting/tencent_20171223/zhengchao_part02

跨界-成长:非典型程序员之路

某磊前辈作为全场嘉宾中唯一一个文科生(自己猜的)出身的程序猿。在会场上分享了自己如何在钱途[逃:)]和热情的支撑下成为前端大神的经历。很喜欢他会场的一句话:你生命中的每个点(经历的事),在你生命的某一个时刻终将连成线

meeting/tencent_20171223/luolei_part

作为一个非典型的程序猿,你的世界不应该只有代码和办公室,你应该到处走走。美妙的代码只是你生命中的一部分,生命中其他美妙的部分等待着你去发现、挖掘。嗯,我也是一个非典型的程序猿,打代码仅仅是人生乐趣的一部分。 😊

高性能React替代方案

现在前端比较热门的框架有三个,分别是reactvueangular。京东的某澈前辈对三种框架进行了比较选择了react。然后基于他们京东的产品和业务,对react进行了改写,支持IE8版本等,他们改写reactgithub仓库请戳传送门

meeting/tencent_20171223/yuche_part

每个公司的情况不同,我们的大佬就选择了vue。经过一年的vue的锻炼,自己貌似已经把react知识点忘记了。但愿react别来个变脸 -> 改协议了…

如何开发知晓榜工具类第一的小程序

最后一位分享嘉宾是某博前辈讲的微信小程序。因为自己没开发过微信小程序,听不懂他在讲啥(我的锅),全程感觉就是围绕websocket和使用场景规模来讲。

meeting/tencent_20171223/libo_part

如果需要学习微信小程序的时候只能靠后期了,也许找的资源比他讲解的还好(幻想中…)

结语

会议的结尾,本会议的负责任某帅讲了自己的进入腾讯的幸酸的经历。嗯,是半开玩笑的那种。然后就是很形式的会议的闭幕的发言啦,感觉可以忽略。如果让自己用一个字还总结这次会议的话,那就是;两个字的话,那就是很棒;三个字的话,那就是非常棒。感谢主办方的精彩呈现 👏

其他

作为一个非典型的程序猿,好吧,我说下参加本次会议的其他点吧:

  • 嗯,主持人很会带气氛的说,特别是男的主持人(会场一对主持人,男帅女靓),怂一下主持人 -> 会场总说自己穷,穷的人在这里还没说话呢 😢

  • 腾讯的工作环境真是超级棒的,能在这里工作是多么的幸福呢,希望自己有机会进入腾讯工作吧

  • 腾讯的饭堂很赞,举办方免费开了会议还提供免费的午餐,真是有心了

  • 会议的抽奖礼品很实在哦,大奖是服务器的优惠卷(价值9000)。好吧,我也很幸运,中了幸运奖–貌似是布娃娃吧,会后忘记自己还中奖来着,直接离场忘拿了

声明

  • 本文的截图来自嘉宾的演讲稿

  • 本文内容仅代表自己参加本固枝荣会议的观点,不喜勿喷

  • 文中使用了嘉宾的名字,如果某嘉宾觉得本人使用不妥,可以文末留言,我将打码 😝

一张会议的合影图结束本文(原图太大,放上压缩后的图片,原图可以私信我,我还保留的话就发你了)

meeting/tencent_20171223/meeting_persons

<-- 本文已结束  感谢您阅读 -->
客官,且步,赏一个呗 (@ ~ @)