Hi, I'm Grammy Li

欢迎来到我的主页,在这里你可以找到我的作品、想法、爱好和其他有趣的东西。

明日的程序员是未来的魔法师

我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。我目前正在寻找前端工程师岗位,希望借此机会为贵司献上我的一点绵薄之力

请随意四处看看,了解更多关于我的信息。

滑动

个人项目

Canvas Game framework
Canvas Game framework

使用 Canvas 和 JavaScript 创建的游戏框架,支持开发多种类型的游戏,如打砖块、飞机大战和 Flappy Bird。

在游戏开始前预加载所有必要的图片和资源,确保游戏运行时流畅,不会因为资源加载而中断。

允许在游戏运行过程中实时调整游戏参数,例如暂停游戏、修改游戏帧率(FPS)、调整角色移动速度以及编辑关卡。

使用面向对象的编程思想,将游戏中的各种对象(例如角色、敌人、道具)进行抽象和封装,减少代码冗余,方便管理和扩展游戏对象。

实现 webpack 核心功能
实现 webpack 核心功能

根据主文件路径读取文件的源码内容,利用 @babel/parser 将源码解析成抽象语法树(AST)

利用 @babel/core 将生成的 AST 转换成 ES5 代码,以确保兼容性。

对生成的 AST 进行遍历,解析出当前文件的依赖文件路径。根据文件路径递归获取所有依赖文件的路径和内容。

将每个文件的内容处理成模块化的形式,并将所有模块写入到一个立即调用的函数表达式(IIFE)中,最后生成 bundle.js 文件。