Skip to content
View familyboat's full-sized avatar

Block or report familyboat

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
familyboat/README.md

个人简介

教育经历

时间范围 学校 学历 专业
2015.9 - 2019.6 武汉大学 本科 自然地理与资源环境

工作经历

时间范围 公司名称 职位 主要职责 成就
2019.7 - 2021.2 湖北永业行评估咨询有限公司 地理信息技术员 负责外业勘测和内业数据处理及可视化工作 完成 3 个三调项目、增减挂钩项目的内外业工作
2021.3 - 2023.1 麒麟软件有限公司 研发工程师 负责后台管理平台开发 完成 2 个后台管理平台的开发工作
2023.9 - 2024.8 北京亿众互动科技有限公司沈阳分公司 前端工程师 负责后台管理平台和定制化 h5 开发 完成 3 个管理平台、8 个定制化 h5 的开发工作

项目经历

后台管理平台开发

  • 基于 UmiJS、Modern.js 开发框架,结合 Antd 开发管理平台;
  • 基于 vite、React、React Router、Axios、Antd 开发管理平台;
  • 基于 Antd 封装组件;
  • 注重用户体验:是否能有效地获取信息(搜索功能),是否能高效地完成任务(以任务为导向地设计),是否有及时的反馈(状态变化),是否有危险操作二次确认;

定制化 h5 开发

  • 基于 vite 实现适合公司业务的前端代码部署方案;
  • 基于 pixi.js、three.js 、planck、cannon.js 开发游戏类型的 h5;
  • 基于提取字形、压缩图片和视频、懒加载、减少 HTTP 请求这些优化手段,将首页显示时间控制在 2s 以内;
  • 基于 lottie 和 spine 在 h5 中引入动画效果;
  • 开发 vite 插件自动处理图片压缩环节;
  • 注重用户体验:对交互原型图中的内容提出与逻辑和用户体验相关的建议;开发过程中,会进行小范围的试用,搜集用户反馈,针对影响用户体验的点进行优化;

知识技能

  • HTML / CSS

    熟悉常见的 HTML 标签及其语义;熟悉 CSS 的基本语法,能使用过渡和动画特性实现复杂的动画,能使用 flexbox 实现复杂的布局,能使用 SCSS 编写易维护的样式文件。

  • JavaScript / TypeScript

    熟悉 es6 常见的语法;熟悉基本的类型系统,能使用接口和类型别名描述形状,能使用基本的类型和高级类型进行类型注解,能使用泛型提升代码的复用性,能在项目中引入 TypeScript。

  • React 相关的技术栈

    熟悉 React 的基本概念,能使用常见的 hook 进行状态、生命周期管理和性能优化,能使用 React Router、Axios、Antd 组件库构建 SPA。

  • 页面加载性能优化

    常见的优化方法有:资源压缩、懒加载、减少 HTTP 请求数、有效地利用缓存。

  • 文档注释、测试、linter、formatter

    能使用常见的JsDoc 和 TsDoc 标签编写注释;能使用常见的测试框架(如vitest)编写单元测试和集成测试;能使用 eslint、prettier 为项目添加代码检查和代码格式化功能。

  • Git

    熟悉 Git 的基本概念,能使用基本命令进行文件的版本管理、分支管理、远程管理和撤销操作;能使用 rebase、cherry-pick、stash等命令。

  • Rust

    正在学习,有一定的使用经验。熟悉基本语法、所有权、生命周期、模式匹配等概念;编写过文本处理的命令行工具。

想做的工作

  • 想做和基于 React 的 Web 开发框架前端构建工具相关的工作。

所热爱的

  • TypeScript。TypeScript 的静态类型检查以及 TypeScript 特有的特性(枚举、接口、泛型等)能为开发者提供更好的开发体验。
  • ESM。ESM 是 JavaScript 的标准模块系统,现代浏览器、node(>=12)、bun、deno 均支持 ESM,使用 ESM 可确保代码在不同的运行环境中保持良好的兼容性。
  • Rust。Rust 以内存安全、高性能著称,前端领域已有多款用 Rust 编写的高性能工具,未来的前端领域一定会涌现更多的用 Rust 编写的工具。
  • 开源。从开源社区中学习知识,也将所学回馈到开源社区。参与 mdn/translated-content 的中文翻译,deno_std 的维护。
  • AI。AI 的信息检索能力在某些方面甚至高于搜索引擎,从搜集信息的角度来说 AI 是个不错的选择。

Pinned Loading

  1. deno_std deno_std Public

    Forked from denoland/std

    Deno standard library

    TypeScript

  2. translated-content translated-content Public

    Forked from mdn/translated-content

    All translated MDN content in raw form

    Markdown

  3. content content Public

    Forked from mdn/content

    The content behind MDN Web Docs

    Markdown

  4. leaf leaf Public

    一片一片的叶子

    TypeScript

  5. leaf-server leaf-server Public

    小叶子的服务端,部署在 deno deploy上

    TypeScript