● 熟练掌握前端流行框架:熟练使用react,理解其中运行原理,且有项目开发经验;熟悉vue框架开发,有过项目开发经验;
● 熟悉node.is,有过项目开发经验,熟悉浏览器的渲染原理;
● 熟悉webpack的打包构建流程和原理
● 熟练掌握计算机网络以及计算机相关知识;
● 掌握Git相关知识,以及一定的linux基础
● 掌握taro小程序以及lynx等跨端框架的开发知识;
● 掌握前端渲染技术的使用,如csr、ssr、nsr.
项目一:AI助手开发
内容:
● 项目描述:在抖音AI医生对话页中加入就医的基础能力,来承载患者的就医需求。其中包括医生推荐、医院推荐模块的建设。这些模块中包含的医院(医生列表卡、医院医生单卡都设计成了动态可复用的组件,降低了AI医生对话页的主包体积提升页面加载,速度的同时,组件也复用于抖音AI搜里面的就医场景里面。且其中的医生推荐卡比较复杂,接入了模型深度思考能力,在出卡耗,时较长的情况下,使用sse流式方案达到卡片秒上屏效果,解决出卡耗时长问题且流式的吐字动效给用户带来较好的体验;
● 技术使用:sse流式输出设计、ReactLynx框架、动态组件
项目二:大型内容生产后台(APGC)重构
内容:
● 项目描述:基于pc大型后台系统代码逻辑混刮、维护性差、结构不清晰、性能差的状况,进行重构,将技术栈从yue换成react、优化代码组织结构、沉淀公共逻辑和组件、更加便于维护、使用pwa技术进行缓存优化性能;
● 技术使用:pwa缓存优化性能,提升体验;封装路由权限系统区分各个角色能力;基于业务对and-table组件进行二次封装,提高开发效率和基础组件的复用能力
项目三: 抖音h5落地页性能&体验专项优化
内容:
● 项目描述:在h5落地页的性能上,通过各种手段进行优化,主要包括:ssr渲染、缩短DOM解析的时间、is产物后置、裁剪页面首屏内容优先渲染、内联首屏样式等;在体验上,暗黑模式适配、自定义导航栏、新开webview容器进行跳转等方面提升体验感;
● 技术使用:1.从csr升级至ssr提升首屏渲染,且考虑ssr降级成csr的方案;2.js产物后置、剪裁页面首屏优先渲染;首屏样式内联:体验优化手段:大字模式、暗黑模式适配、自定义导航栏、新开webview容器提升跳转体验。
产品定位是面向线上有就医需求的患者,应用利用AI大模型理解用户的意图,通过一问一答的对话形式,根据用户的诉求给出就医方面的建议和指引。 我担任前端开发角色,负责前端界面的对话页面的所有效果,包括消息sse流式打字输出效果、各种消息卡片的设计和渲染等等。
抖音搜索垂类下的医疗场景下的h5落地页承接,定位主要是作为一个h5落地页来承接医疗相关的知识来满足抖音用户搜索医学知识的诉求。该页面日均pv上千万; 我负责的角色是前端开发,主要负责该页面的用户体验提升,包括不断地需求迭代、页面首屏速度提升、以及页面稳定性的维护等等。