姓名:
李奇源
学历:
硕士在读(学术型硕士)
籍贯:
江苏无锡
现居地:
南京、上海
出生年月:
1994年07月
联系电话:
15651617288
电子邮箱:
lqytyui@qq.com
GitHub账号:
attax1994
CSDN博客:
lqy455949477
时间:
2017年08月--至今
职务:
Web开发实习生(OATS)
公司名称:
Oracle(甲骨文)上海研发中心
负责OATS(Oracle Application Test Suite)的部分模块开发:
- 点击查看demo Accessibility Test -- 根据OATS / Functional Test / aXe模块的JSON格式输出结果,将数据进行重新规整,独立设计和实现数据可视化的报表。该页面采用 KnockOut 作为MVVM框架,支持分拆violations与incomplete的测试结果,并可以根据用户需求,选择全部显示或部分显示某一类结果。
- 点击查看demo Functional Test -- 重构OATS / OpenScript / ResultTemplate模块的输出模板。该模板大规模采用xsl标签设计,页面渲染由JAVA端负责完成。 JS端支持查看每个测试用例的详细信息,预览测试用例的执行截图,翻阅程序执行日志, 输出pass / warning / error类目的统计信息,以及全局的统计报表。
时间:
2017年10月--至今
类型:
Web/移动端(响应式页面)开发
个人角色:
唯一的前端
项目简述:
该网站是一个针对传统行业零售数据进大数据分析,并向用户提供数据服务的网站。抓取的数据主要来自于淘宝/京东/天猫等大型电商。
技术选型:
网站主要基于
Angular(ngx)
框架,部分使用Bootstrap的Responsive Utility适配移动端页面。其他第三方插件包括首页轮播Swiper,数据流管理RxJS。
个人职能:
独立完成网站的门户网站与后台管理界面的前端工作,包括页面实现,性能调优,交互优化等。 同时开发一系列高复用性的组件,如带有auto complete功能的搜索框,分页(Pagination)组件,水平/垂直菜单栏等。
项目:
慢友100
时间:
2017年11月--至今
类型:
微信小程序
个人角色:
唯一的前端
项目简述:
慢友100的目标客户为药店员工,辅助其对购药患者提供身体状况的跟踪调查服务。
个人职能:
独立完成网站的门户网站与后台管理界面的前端工作,包括页面实现,性能调优,交互优化等。 同时开发一系列高复用性的组件,如底部类似于tarbar的页面切换footer菜单,微信小程序体系中不存在的table标签类。
2016--至今
学历:硕士
南京邮电大学 / 通信与信息工程学院 / 信号与信息处理
2012--2016
学历:本科
南京邮电大学 / 通信与信息工程学院 / 通信工程
主修课程:
数字信号处理,现代信号处理,数字图像处理,矩阵论,随机过程,通信原理,人工智能
JavaScript:
熟悉
Angular:
熟悉
NodeJS:
掌握
Koa:
掌握
Java:
掌握
Spring:
掌握
关于标题:
标题的粘滞效果本来是准备使用position: sticky的,最初的构想来自于
sticky-event
,但是在此基础上修复了多个div同时active的bug。 而后考虑到在旧版浏览器中的兼容性,还是采用了scroll事件来监听每一个div是否进入粘滞区。 值得注意的是,当标题处于上方粘滞的时候,右侧菜单也会随之更新。
技能进度条:
用一个scroll事件去探测该区块的底部是否高于页面的底部,满足条件后触发效果,并且将该事件移除。
图片懒加载:
图片先使用尺寸相当小,但是高宽比相同的缩略图替代。 当页面滚动时候,探测图片是否在视窗中,即图片顶部高于页面底部,并且图片底部低于页面顶部。 图片进入视窗,就准备一个Image对象,设置其src,去预先加载图片。
加载完成后,将原图片的src修改,以便从缓存中读取,并设置完成的class,做动画效果。