0、个人简介
目前华南理工大学广州学院计算机科学与技术本科 大三在读,希望能在暑期找到一份前端的实习工作
博客大致分类如下
其中
Vue源码解析专题下
Vue源码学习(九):响应式前置:实现对象的依赖收集(dep和watcher)
Vue源码学习(十二):列队处理(防抖优化,多次调用,只处理一次)
Vue源码学习(十三):nextTick()方法 等多篇文章
设计模式专题下:
第一百一十七篇: JavaScript 工厂模式和原型模式 等多篇文章
低代码开发笔记专题下:
低开开发笔记(二):低代码编辑器基本原理 等多篇文章
低开开发笔记(四):实现编辑器内拖拽 等多篇文章
1、熟悉Javascript,掌握Javascript的基本方法
2、熟悉前端框架Vue,掌握Vue基本原理及使用,了解Vue生态组件vue-router、vue-cli、element-ui的使用
3、熟悉HTML、CSS与JavaScript,使用Ajax和JSON进行数据交互,了解前端技术的基本原理。
4、熟悉webpack,npm,git等工程化工具,能够独立开发并维护网页前端
5、掌握低代码平台相关知识,能够编写低代码技术相关代码
6、了解项目部署相关流程,掌握云服务器环境部署相关相关操作
3.1.项目名称:飞机大战
项目技术栈:纯js
项目描述:使用js开发的一个飞机大战小游戏,
1、使用状态机管理游戏状态,游戏中定义了多个状态通过不同的状态控制游戏的不同阶段和行为,包括开始结束,运行,暂停,结束。
2、跨设备兼容性:处理鼠标和触摸屏事件,以确保游戏在不同设备上都能正常运行。这包括将鼠标事件转换为触摸事件,以及处理触摸坐标和页面布局的关系。
3、碰撞检测:实时性:需要在每一帧都进行检测,以确保碰撞能够及时响应,多种碰撞类型:游戏中涉及多种碰撞类型,每种类型的处理逻辑不同,增加了复杂性。
4、动态对象管理内存管理:需要确保及时销毁离开屏幕或被击毁的对象,避免内存泄漏。对象复用:可以通过对象池技术复用对象,减少频繁的创建和销毁带来的性能开销。
移动和绘制:需要在每一帧都更新对象的位置并重新绘制,确保动画流畅。
仓库地址:panghu-planebattle - npm (npmjs.com)
3.2.项目名称:胖虎问卷 ph-questionnaire 全栈开发
项目技术栈:Vue + element-ui + axios + Spring boot + MySql +JDBC
项目描述:这是一个基于Vue开发的低代码平台,以拖拉拽的形式快速创建调查表单,并提供模板予用户使用。
项目职责
低代码模块:
● 负责低代码开发平台组件物料模块,设计开发组件,实现组件之间数据互通。
● 负责低代码编辑器模块
● 负责表单模板的设计与编辑,完成表单模板的编排
登录模块:
● 设计登录表单数据格式,
● 负责前端登录界面视图模块,使用axios实现前后端通信,
● 后端,负责登录模块CRUD操作,实现密码加密及校验
仓库地址:https://github.com/Fattiger4399/ph-questionnaire.git
演示地址: http://120.79.210.248/
3.3.项目名称: Analytic-vue 前端项目
项目描述: 这是一个拆解Vue核心原理的项目,帮助前端工程师更深入地了解Vue核心原理,是一个简易的vue,
在该项目中单独拆解并重新实现了Vue2的核心模块,包括Vue响应式diff算法,patch比对,生命周期,列队处理,计算属性,混入,响应式,依赖收集,模板解析
NPM panghu-planebattle - npm (npmjs.com)
Gitee: 胖虎 (tang-and-han-dynasties) - Gitee.com
Github:Fattiger4399 (github.com)
联系方式:个人邮箱:1072253914@qq.com 也可直接私聊