[记] 深圳阿里中心举办的第一届前端艺术家沙龙

[haochuan9421]

第一届前端艺术家沙龙，第一个找到组织的路人(哈哈，先给自己贴着标签)。当时我也是偶然发现的，就这样安静了大概有一个月，群里基本没什么动静，那时候只有这个网站——第一届前端艺术家沙龙可以看到一点相关信息。再后来@liuxuewei每天早上会在群里分享一些技术文章，一直坚持到现在，虽然自己也只是偶尔挑着看几篇，但还是很感谢学炜哥的坚持。到了9月8号，自己非常有幸，能亲身参加这次活动，看到了一众行走的大佬和阿里漂亮的前端小姐姐们。

沙龙一开场是两位从事信息无障碍工作的朋友给大家带来的音乐表演，之后@蔡勇斌还给大家介绍了“不为人知的前端开发”。其实作为普通的前端程序员，大家可能更多的关注的是页面布局，数据，逻辑等，很少有人去想象一个视障用户如何使用我们的产品。就比如最简单的img标签，视障用户更关注的是alt属性，又比如很常见的鼠标悬浮显示子菜单的交互，视障者更多依赖的是键盘而不是鼠标，他们可能根本无法完成这个操作，等等。。。虽然这些都不是什么难点，但这些确是“不为人知的前端”，也是我们常常忽略的，希望大家可以看一下蔡勇斌的这场Live:意外失明后，我怎么学会编程并跟 BAT 程序员一起工作？多关注他们，也从我做起，规范开发，让更多的人能够平等享受科技的乐趣。

第一位讲师是来自阿里妈妈的CSS专家@一丝。主要给大家介绍了CSS Houdini。下图是浏览器渲染页面的过程，从DOM/CSSOM 到最终在屏幕上显示，原本我们能干预的只是DOM + 部分CSS，而CSS Houdini可以给我们解锁更多姿势，提供更多API，甚至可以结合Canvas来玩，让一切皆有可能。

Demo地址：https://github.com/yisibl/houdini-demo

第二位讲师是来自京东凹凸实验室的余澈，介绍了多端统一开发框架—— Taro。只要用了Tero,妈妈就再也不用担心我加班了，一套Taro代码可以构建多端应用（H5 + 小程序 + RN + 快应用 + ...）。不过目前更像是用React写微信小程序。而且Tero不仅要保持和React的同步，也要积极适配微信小程序等的更新，适配的越多，兼容性的坑就越多 。个人感觉还是需要和其他大厂合作。不过一套代码多端适配这个思路很好，而且现场还出现了不少Taro的使用者。期待Taro不断发展，解放一众苦难中的前端er。

第三位讲师是大B站的前端架构师赵淳煜，介绍了B站改版Vue之后、如何用一年的时间搭建从0到亿级规模的Node同构渲染，演讲方式是按开发时间递进，由问题引出解决方案，介绍了很多自己爬过的坑。讲解中涉及了：优化SEO、 多层降级、前端代码热更新、缓存与实时性、容灾兜底等等。可以说干货满满。讲的还是很好的，不过话说大B站啥时候发展到深圳呀?

第四位讲师是阿里巴巴供应链体验技术部的鸣波。介绍了更好的表单方案NoForm。目前是配合React用。和antd一起食用效果更佳。整体来看更像是表单的 Wrapper。可以给嵌套表单，手风琴表单等各种复杂的表单场景提供更可控、易扩展、可维护的开发体验，据说灵感来自阿里的史诗级表单（目测上百个字段）。NoForm使用也很友好、简单，详细的可以看GitHub：https://github.com/alibaba/noform 下一步可能会支持Vue等框架。

第五位讲师是UC国际业务部的@衍良。主要介绍前端的国际化。直到听了讲座我才知道常见的i18n是Internationalization省略中间 18 个字母的缩写😂,而且令我吃惊的是UC浏览器在印度居然是仅次于Chrome 的存在，剩下的也就是听个热闹了，感觉自己就像一个前端届的小草履虫。

总体来说，这次沙龙还是了解到了很多新鲜的技术，也拓展的自己的视野，不枉此行。而且这次活动是免费的！！！去之前也和学炜哥建议过，当时觉得大家每人出了点钱也无关紧要的，甚至建议把盈余的钱捐给开源项目。但是学炜哥坚持认为前端艺术家应该打造成一个前端届的良心品牌：有干货、非商业、自由严谨。最后由于讲师干货太多，听众问题太多，一不小心超时了，准备的抽奖环节也变成了『没得到奖品的都上来拿吧』。

不管是讲师，还是客串的嘉宾主持，还是幕后默默付出的组织者，大家都为了第一届能成功举办费心费力，8号结束的晚上，为了尽快更新PPT，还在加点整理，@一丝的Demo昨天在GitHub上还有Commit。没去的小伙伴也可以从第一届前端艺术家沙龙下载讲师的PPT，后续可能还会有视频放出。参加的小伙伴水平也都很不错，提了很多非常有水平的问题。据说这次有千人报名，最后只筛了120多人，明年会扩大场地，办一次千人规模的第二届，在深圳的前端er可以持续关注。