个人介绍
工作经历
2021-01-01 -至今中科软科技有限公司高级前端工程师
主要负责海外系统开发,主要用vue+element,同时负责海外移动端功能开发,主要用vue+vant开发,业务主要是保险工作人员开单使用,业务办理等
教育经历
2018-06-01 - 2022-06-01中山大学行政管理本科
主要学习行政管理知识和英语,后面自学前端,目前在职,4年工作经验
技能
视频APP的任务中心页面,主要用node+dot.js开发,主要业务是负责做一个登录统计积分的功能,由于后台只提供登录的天数,积分的累积计算还有清零等操作都需要前端去进行操作,同时还用了轮播图的插件去进行开发,主要难点在于积分的计算和显示。
搜索页主要用vue和调用客户端提供的浏览器api,由于搜索页涉及的场景比较多,且这个页面是常驻(即锁屏,切后台,跳转首页等),所以导致这个页面数据显示的场景比较复杂;目前改版是对搜索页的热榜改版,由原来以来客户端API数据改成接口,这样会造成数据拉取比较慢,(客户端可以在进去浏览器的时候就能拿到数据,而接口只能在页面加载的时候才能请求)。因此目前开发是采用首次进来通过接口拿数据,存储到本地,下次进来先加载本地的,然后再拉新的覆盖原来的。当时间过了一段时间,清空本地的重新拉取新数据,保持数据的时效性。除此之外,还要考虑多个场景的切换去进行一些还原,隐藏等操作。
*自带浏览器的搜索页和新闻详情页,负一屏的新闻详情页,视频APP主要负责做个人中心的活动中心的任务等;主要用think.js+vue+dot.js开发,对于H5调试比较熟悉,由于H5比较注重性能,所以项目中接口大部分都是写在Node里面,在node里面进行数据处理,再返回到前端进行模板渲染; 项目职责: 1、新闻详情页主要用vue和think.js搭配使用,详情页主要功能是把一个整体的页面拆分成每个小组件进行拼凑,主要难点在于广告的插入和夜间模式的适配和评论模块的开发;1、广告插入主要是客户端提供一个广告的JS,在页面加载的时机去进行一个插入iframe的标签,里面就是广告的js;2、详情页面涉及商业化等多方面,因此涉及的比较多的埋点,例如广告,通常使用MutationObserver 去进行判断dom元素是否存在去进行埋点上报;3、由于浏览器的暗夜模式是内核做的一套反色效果,前端这边改不了样式,只能通过内核提供的过滤方法去进行暗夜模式的适配; 4、大部分的跳转,复制等逻辑都是调用浏览器提供的API去进行;