Muhammad Fauzul Hanif's photo

李朝

前端程序员

🇨🇳 武汉 本科 yy_lichao@outlook.com (+86) 15927762230

简介

计算机专业,爱好编程,实现过近二十种在线游戏,并且自制游戏引擎,学习前后端有四年时间 实习经验快有一年,在此期间,负责公司两个最新上线React 项目(教务和艺术馆), 前端部分主要由我一人完成 ,前端技术不限,后端 Node 或者 Python, 乐观积极向上,喜欢与同事交流合作,解决技术难题

语言

  • CET-4

教育经历

文华学院

2017-09 - 2021-07 本科 / 计算机科学与技术专业

工作经历

PonyCody

2020-07 - 2021-05 | 美国硅谷 | 前端工程师

1. 应用技术:React + Redux + Antdesign + Echarts + ES6
2. 跟美国同事远程沟通合作,创新性解决业务逻辑问题。
3. 独立实现公司的页面制作,客户端获取数据接口的封装及优化,同时也会联调后端相应接口。
4. 通过动态路由的方式实现不同组件的渲染来达到页面的跳转。
5. 解决页面的自适应、自动横屏、可拖拽悬浮弹窗、学生答题卡的制作或者打印单页成绩单等功能。
6. 熟悉 Socket 实时更新数据功能的使用。
7. 熟练使用 JS 可视化图表, 如 Echarts 等, 满足公司相关图表的各类需求。
8. 实现视频、图片、代码和音频等文件的上传、显示、删除和在线下载功能,如音频的可视化、PDF预览或者相机拍照上传等。
9. 独立实现智能拖拽表单组件(类似于低代码开发组件应用)。

深圳悠悦天成科技有限公司

2020-06 - 2020-07 | h5游戏前端工程师

1. 应用技术:JavaScript + HTML + CSS。
2. 负责页面的布局和数据渲染,并且配合后端完成页面的嵌套。
3. 使用JavaScript实现某些功能的逻辑处理和某些页面的动态效果。
4. 负责一些网页游戏制作,例如扫雷、数独、2048、打砖块、记忆纸牌等。
5. 解决一些性能的优化问题。
6. 页面的适配问题。

技能

HTML / CSS

1. 熟练掌握 HTML 以及 CSS 的样式与动画。并能结合运用构建网页及实现复杂布局。
2. 熟练掌握 HTML5 新增内容: 语义化标签, 视频,音频标签以及 localStorage、 sessionStorage 的离线存储功能及清除功能, 并实现十五种以上的游戏, 熟悉 CSS3。

ECMAScript(JavaScript)

1. 熟悉原生 Javascript 中 DOM 编程基本原理,event,prototype,constructor 等复杂概念。
2. 熟悉 Javascript 在各个浏览器下的兼容问题,能脱离 jQuery 等类库编写基本的原生 Javascript 代码。
3. 熟练掌握 ES6 新特性, 如箭头函数, class, set 等知识。
4. 熟练运用模块化、面向对象的方式编程。
5. 熟练在项目中熟练运用能够编写自动化测试,利用Chorme DevTools进行代码调试,快速定位和解决bug。

DOM / BOM

1. 熟练掌握 JavaScript 操作 DOM 方法,实现事件委托,动态变更元素样式及其他复杂页面效果。
2. 熟练掌握 BOM API 操作浏览器。

AJAX / JSON / axios

1. 熟悉AJAX/ axios的封装和使用,能熟练使用AJAX/ axios进行客户端与服务器端的数据交互
2. 熟悉 JSON、XML 数据格式。

React / Vue / jQuery / Lodash / ECharts

1. 熟悉 jQuery 的常用 API,能使用 jQuery 制作网站、轮播等的组件,并且用原生JavaScript实现jQuery的大部分功能。
2. 熟悉 Bootstrap、Lodash、React 、Vue等前端框架开发。
3. 熟练掌握组件运行中的渲染原理与组件的生命周期,能够开发高效可复用的UI组件。
4. 熟悉 ECharts 等第三方库的使用,能使用 ECharts 进行数据可视化。

移动端 / 微信小程序 / 桌面应用程序

1. 熟练掌握 web 页面手机端适配,擅长移动端 H5 开发。
2. 熟悉微信小程序 API,可以使用微信 web 开发者工具进行小程序开发。
3. 熟练使用原生 Javascript 完成 Electron 程序。

Node / HTTP

1. 熟悉node常用模块,能够使用 Express 搭建后端服务器以及设计 RESTful 接口。
2. 能使用 Webpack、Babel 等开发项目脚手架。
3. 掌握网络爬虫,配合 syncrequest 与 cheerio 实现网络请求与网页分析。
4. 熟悉网络编程,深入理解 HTTP 协议在前后端的数据交互原理。
5. 熟悉常见跨域处理方式。
6. 熟悉 Websocket 协议,实现过基于 Websocket 的在线聊天室

Python

1. 熟悉 Python 编程,熟悉类的继承、类方法、静态方法的使用。
2. 熟悉 Python 有关的 爬虫 、图像处理、数据处理、数据解析等操作。
3. 熟练掌握 Flask Web 开发,掌握 Flask 中 Jinja2 模板渲染、蓝图注册等功能的使用。
4. 深入理解 MVC 原理,掌握 MVC 模式的 Web 架构的工作原理。
5. 具备基本的 Web 安全知识(SQL 注入等)。

MySQL / MongoDB

1. 熟悉掌握 数据库(MySQL MongoDB)增删改查能胜任。

数据结构 / 算法

1. 熟练掌握常见的数据结构(栈 / 队列 / 链表 / 搜索树)的性质,并能实现这些数据结构。
2. 熟悉算法复杂度概念,熟悉常见算法复杂度。

工具

1. 熟悉使用 PyCharm、WebStorm、Git 、Zeplin等开发工具。
2. 能使用 Google Stack Overflow 解决开发中的问题。
3. 熟练使用 Markdown 进行文档编写,了解项目开发流程及开发调试工具的使用。

个人项目

魔法钢琴🎹

2019-07-10 - 2019-07-11

1. 使用原生 JavaScript 实现,用户可以用鼠标点击白键或者黑键,有不同的声音效果
2. 用户也可以按键盘的SDGHj或者ZXCVBNM(1-7),也会有不同的声音效果

宝可梦纸牌

2021-02-20 - 2021-02-21

1. 是一个宝可梦为主题的记忆游戏, 翻动卡片并匹配,直到你找到所有匹配的对
2. 点击重置可以重新开始游戏,用户还可以看到自己翻牌的次数和游戏时间

灌篮高手拼图

2021-02-22 - 2021-02-24

1. 用户可以选择灌篮高手、宝可梦或者七龙珠的图片进行拼图游戏
2. 点击空白元素周围照片, 或者键盘按 w s a d 来移动照片

数独

2020-11-08 - 2021-11-10

1. 将数字1-9填入空格内,使每行、每列、每宫及每条斜线内数字均不重复
2. 用户可以选择不同游戏的模式,还有时间显示

画图框架

2020-04-20 - 2020-06-21

1. 使用原生 JavaScript Canvas 实现,用户可以在页面中写代码,并且执行代码或者清空画布
2. 点击相应选项可以相应配置 mario 位置和颜色
3. 点击不同按钮可以显示一些参考的动画案例 (画一些国旗、画龙、西瓜、还有统计图)
4. 爬虫数据可视化可以用到折线图和统计图

双拼输入法

2020-06-20 - 2020-06-21

1.自制双拼输入法,支持点击键盘字符,显示相应的字,并且可以删除输入字符和选择相应的字

图像处理

2019-03-20 - 2019-04-01

1. 使用JavaScript 或者 python 实现三十多种图片滤镜(其中包含双重曝光效果)
2. 并且用这些图片滤镜实现轮播图组件和 gif 动态图
3. 图像裁剪 图像旋转(左转、右转,上下旋转中文字位置改变
4. 图像对比,对比两个图片改变的 rbga,并且填充相应的颜色

小鹅音乐🎵

2021-09--06 - 2021-09-09

1. React + JavaScript

纸牌游戏

2019-08-01 - 2019-08-03

1. 原生 JavaScript + CSS 动画复刻经典规则的纸牌, 活用 HTML 元素嵌套 与 Drag & Drop API,令纸牌能够一起被拖入另一列。

植物战僵尸

2020-02-23 - 2020-02-28

1. 使用原生 JavaScript Canvas实现 游戏引擎,包含多个场景(开始场景,主场景 ,编辑场景,结束场景),场景中包含多个元素(这里显示有 豌豆射手和铁桶僵尸) 豌豆射手:在出现僵尸的情况下才可以自动发射子弹 铁桶僵尸:可以随机出现在任意轨道 在生命值为零时,自动消失

爬虫及其可视化

2019-11-13 - 2019-10-24

1. 使用原生 JavaScript、Node.js 、Lodash、ECharts 框架以及爬虫技术实现,显示数据效果漂亮。
2. 获取原始数据:使用 Node.js 或者 Python, 通过 cheerio 和 sync-request 框架获取网站页面的数据,并将数据以 JSON 格式保存到本地。
3. API 搭建:使用 Node.js 通过 Express 框架搭建 API,API 会读取本地文件的数据,并发送到前端。
4. 展示数据:通过 AJAX 技术获取数据,并将数据封装好后传递给 ECharts 框架所提供的功能函数,配置对应的参数,显示图表。

兴趣爱好

篮球
游戏
编程
摄影