龙卷风摧毁停车场
高级剪前端开发工程师 · 4年经验 · 字节跳动
0
累计接单
0
用户评价
1
被收藏
技术能力
● 熟练掌握前端流行框架:熟练使用react,理解其中运行原理,且有项目开发经验;熟悉vue框架开发,有过项目开发经验;
● 熟悉node.is,有过项目开发经验,熟悉浏览器的渲染原理;
● 熟悉webpack的打包构建流程和原理
● 熟练掌握计算机网络以及计算机相关知识;
● 掌握Git相关知识,以及一定的linux基础
● 掌握taro小程序以及lynx等跨端框架的开发知识;
● 掌握前端渲染技术的使用,如csr、ssr、nsr.
● 熟悉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医生对话页中加入就医的基础能力,来承载患者的就医需求。其中包括医生推荐、医院推荐模块的建设。这些模块中包含的医院(医生列表卡、医院医生单卡都设计成了动态可复用的组件,降低了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容器提升跳转体验。
立即沟通
