Skip to content

教育经历

  • 四川大学本科 2016.9~2020.7  公共管理 学院奖学金(前 20%)
  • 中山大学硕士 2020.9~2023.7  社会政策 研究生一等奖学金(前 10%)CSSCI 一篇

专业技能

  • JavaScript :熟悉 ES 主流语法,大致了解 ES6 以来的变化;TS 正在接触
  • Vue EcoSystem :熟悉 Vue3 + Vue Router + Pinia/Vuex 等全家桶内容
  • Node :了解 Node 常见 API,能够使用 express 配置简单服务
  • Networking :熟悉 HTTP 协议主体内容,了解 Ajax,缓存等常见内容
  • Tooling :了解前端模块规范基本内容,了解 Vite 和 webpack 基本配置和优化
  • 英语 :熟悉领域能读能听, CET6 550+

项目经历

html + css + javascript 练习项目 https://github.com/woodbellhere/My-portfolio

  • 数个 html+css 响应式首页
    • 了解布局,配色,留白等网页设计常识和 rem 等响应式常识,练习懒加载,轮播图,悬停导航等常见组件和动效的开发思路
  • 数个原生 js 和 dom 的小型应用(网上银行,地图选点运动记录以及食谱 app 等)
    • 了解原生 js 和 dom 开发的主要内容和思路
    • 了解 ajax 调用外部 api 配合 web storage 进行开发的基本思路
    • 接触架构概念以及打包等开发常识
  • 对 Node 和 Vite/Webpack 等周边工具的过 API 性质的练习
  • 对 Vue3 全家桶过 API 性质的练习

vue 图片社交平台项目 https://github.com/woodbellhere/vue-portfolio

  • 技术组成 vue3.x + vue-router + vuex + strapi 4.x
  • 内容
    • 以图文内容为核心的社交应用
    • 实现常见的登录控制、点赞/收藏交互、图文帖子发布等内容
    • 对照 vue 文档通用建议以及 mdn 图片部分的优化建议进行了相应了处理(持续进行)
  • 图片前端优化中的重点对象,懒加载,虚拟列表一类的面试常客也多半和图片处理有关,上手做一个有助于获取一些实际感觉

从 url 到页面的理解性项目(仍在进行) https://github.com/woodbellhere/urlTopage

  • 技术组成 js + node 自带库
  • 内容计划
    • 部分类型 http 报文的 parser(有个大概)
    • 部分 html 文本转为 DOM 节点的 parser(有个大概)
    • DOM 节点进行 css 计算和布局位置计算过程
    • DOM 节点向 bitmap 图片的渲染过程
  • 此面试题本身是对前端工作流程的一个良好抽象,背过八股之后实际写一写就对手头的活有一定安全感了