个人介绍
擅长静态页面开发,根据设计来快速制作静态页面。
可以利用兼容写法来实现兼容部分老旧浏览器。
可以使用新的HTML和CSS特性来制作网页。
可以对应各种响应式节点,适配大多数设备,可做到显示效果几乎完美。
可以制作大小网页网站,根据设计和结构来进行制作均可。
各种过渡动画效果和动效均可以发挥想象进行编写。
工作经历
2021-06-08 -2024-03-08佰达科技(大连)有限公司前端开发实习生
1、Thomson Reuters网站制作 项目介绍: Thomson Reuters 网站宣传和联系页面制作 主要负责: 页面代码编写 Header部分,PC节点时使用Grid布局,将导航栏和logo按照设计放到指定的位置上,在SP节点时隐藏导航栏,显示导航开关按钮,按钮使用CSS赋予SVG路径过渡动画,使用一个隐藏的checkbox来确认和获取菜单的状态,使按钮可以根据导航菜单打开关闭正确显示状态。js在页面改变后获取Header的高度,在滑动高度大于Header高度时,给Header赋予模糊背景颜色,便于阅读。在使用模糊背景色时,发现Safari对于filter的支持不佳,经过测试后发现应使用-webkit-兼容解决问题。 内容部分,由于小标题样式统一,使用相同的类名来规定小标题样式,除标题外的内容,均使用Grid进行布局,使内容可以在SP宽度时,轻松实现布局上下调整。按钮部分加入了hover效果,对使用者起到引导作用。 客户请求部分,使用From表单,依旧使用Grid布局,方便调整SP时的上下位置。填好表单点击提交按钮后,将使用js进行字段校验,有错误将使用Alert弹窗提示,
2019-09-10 -2021-05-06大连凯立博科技有限公司Java开发实习生
1、市场食品监督项目(Android APP开发) 项目介绍: 本平台旨在为餐饮行业的各方提供便捷、高效、透明的监管服务。商家通过本平台,可以定期向客户和监管部门展示自己的门店卫生和食材质量,提高信誉和竞争力。客户通过本平台,可以在用餐后对门店进行评价,反馈自己的就餐体验,同时也可以查看其他客户和监管部门的评价,选择合适的餐厅。监管部门通过本平台,可以实时了解各门店的上报情况和客户评价情况,根据需要进行现场检查,确保餐饮行业的规范和安全。 主要负责: 编写Activity类负责管理用户界面和交互逻辑。根据设计图和切图,创建相应的布局文件和控件,在Activity类中引用。 根据后台接口文档,使用网络请求库OkHttp来发送或获取数据,并处理响应结果。 最后,在界面上显示数据以及进行其他操作,如跳转、弹窗、提示等。 2、***子报纸项目(前端页面开发) 项目介绍: 为了方便社区用户阅读报纸,我们提供了一种将报纸转换为图片的功能。用户可以在展示端浏览报纸图片,点击感兴趣的板块,查看详细的新闻内容。我们也提供了录入端,让工作人员可以上传报纸图片,并设置板块的点击区域和跳转链接。 主要负
教育经历
2016-09-01 - 2020-06-23大连东软信息学院计算机软件本科
技能
使用grid布局快速铺设和完成页面内容,根据响应式节点和内容,将响应式上下左右的变换敲定并制作。 使用gird的特性,使页面能在较小的时候也可以很完善的换行掉落,是在各个环境的内容为一致的。
项目介绍: 客户在表单中填好对应的咨询内容和联系方式,点击send,将发邮件给公司对应的信息,并回执邮件给客户。 主要负责: 采用HTML5+CSS3(使用Grid布局),JavaScript(使用JQuery)进行前端校验并使用Ajax提交表单到后台PHP中,PHP进行后台校验并实现发信(PHPMailer插件),然后返回给Ajax显示结果。 制作过程中,测试发信会卡住,检查后发现,PHP校验部分需要给出判断和返回值,js的Ajax的success和error中,接受并处理页面,否则发信失败时会卡主页面。
Thomson Reuters 网站宣传和联系页面制作 Header部分,PC节点时使用Grid布局,将导航栏和logo按照设计放到指定的位置上,在SP节点时隐藏导航栏,显示导航开关按钮,按钮使用CSS赋予SVG路径过渡动画,使用一个隐藏的checkbox来确认和获取菜单的状态,使按钮可以根据导航菜单打开关闭正确显示状态。js在页面改变后获取Header的高度,在滑动高度大于Header高度时,给Header赋予模糊背景颜色,便于阅读。在使用模糊背景色时,发现Safari对于filter的支持不佳,经过测试后发现应使用-webkit-兼容解决问题。 内容部分,由于小标题样式统一,使用相同的类名来规定小标题样式,除标题外的内容,均使用Grid进行布局,使内容可以在SP宽度时,轻松实现布局上下调整。按钮部分加入了hover效果,对使用者起到引导作用。 客户请求部分,使用From表单,依旧使用Grid布局,方便调整SP时的上下位置。填好表单点击提交按钮后,将使用js进行字段校验,有错误将使用Alert弹窗提示,若确实无误,使用JQuery的clone方法将表单整体复制到隐藏的弹窗Div中,并赋予disabled使其不可进行修改,然后显示这个隐藏的弹窗Div,供用户检查输入的信息是否有问题,有问题可以返回重新填写,返回将隐藏弹窗Div并清空内容。如果点击发送,将使用AJAX提交到后台的PHPMailer插件的php文件进行字段校验并发信,将会返回:成功发送、某个字段有问题,发送失败三种回复,以及Ajax本身的error。 成功发送将跳转至感谢页面,某字段出问题,将返回字段名称和问题,此时使用Alert将问题弹出并提示。发送失败也会返回问题,此时Alert提示“遇到问题,请联系管理员”,并在控制台将问题打印出来(console.error)。