锤子简历品牌推广师
web前端工程师(react方向)个人简历模板范文
作者:锤子简历 2021/12/28 00:40:00
阅读 3764

求职意向

web前端工程师(react方向) 浙江杭州 薪资面议 随时到岗

教育背景

2020.x -2020x 锤子简历大学 测控技术与仪器

工作经验

2020.x -2020x 锤子简历信息技术有限公司 web前端工程师

1.负责前端项目开发,以html+css+javascript(jq)为主,能熟练使用jquery

2.node项目http://www.tuhui.online
   tuhui项目独立开发搭建,
       前端部分前台展示使用ejs模板(seo为主)
       后台展示前端使用react(antd)搭建
       服务端使用node(express)+mongodb搭建,服务器为centos7.2
网站整体功能为:分平台(platform)文章和分类(category)文章,开户弹框基于antd定制。每个用户开户将使用node-mailer发送至管理员邮箱。后台管理部分拥有手写脚本功能(爬虫),开发者对爬虫配置入口及js脚本,向目标分类或者平台发送文章,脚本用一个独立的进程执行,分时段执行(主要使用了superagent库)。
   

2020.x -2020x 中软国际 前端工程师

服务于阿里云团队.


项目经验:
1. 期间负责过阿里开源框架viser的官网相关页面建设:https://viserjs.github.io/
   viser是阿里云基于蚂蚁金服g2视图框架进行封装的支持react、vue、angular的组件库,让使用更方便。
    官网基于react+ts搭建:https://github.com/viserjs/viserjs.github.io
   个人贡献官网页面:
         案例引导页:https://viserjs.github.io/demoHome.html
         主要用到的技术是使用函数节流来减少页面监听滚动左侧tab焦点切换带来的性能损耗。
          主题配置页:https://viserjs.github.io/theme.html
          根据用户配置生成json文件前端下载,或者前端解析用户上传json文件来生成配置展示(通过window.Blog将数据转换成blog二进制文件,用window.URL.createObjectURL生成对象url装进一个临时隐藏a标签,然后触发标签点击实现下载,用FileReader读取上传的文件)。
           demo运行页:https://viserjs.github.io/demo.html#/viser/components/special-data-and-range-mark(部分功能)
            贡献功能:
            (1)demo动态运行(目前只支持将react和vue代码实现动态运行),通过正则将一些import之类的无用语句进行替换,生成一个包含viser-react或者viser-vue 的umd包的完整html字符串,iframe.contentDocument的write方法将字符串写入iframe实现动态运行代码。
             (2)demo代码框拖动,监听鼠标mousedown,mousemove,mouseup事件组合实现代码框拖动,拖动结果存放在localStorage中

2.本地项目截图对比工具(个人完全负责)
        旨在帮助视觉型项目对比不同分支下的不同页面是否展示有差距
         项目地址:https://github.com/kinghoo5201/pic-capturer
         项目使用ts+node搭建服务端,页面配置截图参数及截图地址列表,通过puppeteer来截取页面文件,本地项目,切换分支,截图项目继续执行一次,就能生成一个以时间节点为维度进行对比图片差距的页面,使用imagediff工具生成第三份存在差距的图片来提示用户。

2020.x -2020x  个人博客开发

博客地址:https://khigh.gitee.io/

博客仓库:https://gitee.com/khigh/khigh
使用技术栈:react+typescript

博客用于分享个人笔记,利用仓库中配置的json来配置文章地址标题等信息,文章用markdown文档书写,文章页面根据markdown链接来异步获取文件,使用markdown-it解析内容展示在页面上。站点有运行普通js代码和基础react代码功能,利用iframe.contentDocument.write方法写入生成的代码来动态运行。文章统计页面使用g2来饼图和矩形树图来展现类别维度和事件维度下文章统计。

关于数据流,rematch基于redux封装的库,拥有比redux更加快速上手的优势,https://gitee.com/khigh/khigh/blob/master/src/util/index.tsx#L47
利用webpack的require.context方法来读取src目录下models文件夹下的文件,用文件名当做store读取model的命名空间进行封装。
https://gitee.com/khigh/khigh/blob/master/src/util/index.tsx#L18
利用高阶组件封装connect来更加快速connect react组件和数据流

关于路由,利用webpack的require.context来读取src/pages目录下的index.tsx文件,利用文件目录和路径的映射来生成路由。

自我评价

拥有极强的上进心,抗压能力,能很好的避开负面情绪,作为非科班出生的前端工程师,在前端的路上,以实践提升自我。拥有良好的沟通能力和团队合作能力。有外包工作背景,抗压性强!

内容来源说明:本文章来自网络收集,如侵犯了你的权益,请联系QQ:2772182309进行删除。