个人介绍
HTML: 精通HTML5语义化标签,能够编写高效、语义化的HTML代码。
CSS: 掌握CSS3新特性,如Flexbox和Grid布局,能够实现复杂的响应式布局和动画效果。
各种CSS框架: 熟悉Bootstrap和TailwindCSS,能够快速搭建响应式布局和UI组件。
JavaScript: 熟悉ES6+特性,如箭头函数、解构赋值、模块化等,能够编写高效的JavaScript代码。
TypeScript: 习惯使用TypeScript进行项目开发,能够进行静态类型检查,提升代码的可维护性和可读性。
掌握的框架:
Vue2: 熟悉Options API,能够使用Vue 2进行项目维护和开发。
Vue3: 掌握Composition API和新的生命周期钩子函数,能够使用Vue 3进行复杂的单页应用开发。
React: 熟悉React生态系统,包括React Hooks、Context API、React Router等,能够进行组件化开发和状态管理。
打包工具:
Webpack: 掌握Webpack的配置和优化,能够进行代码拆分、热更新和性能优化。
Rollup: 熟悉Rollup的使用,能够进行库的打包和优化。
版本控制:
Git: 熟练掌握Git的常用命令和工作流程,能够进行版本管理、分支操作和冲突解决。
CI/CD 工具
Jenkins: 能够使用Jenkins进行持续集成和持续部署,配置构建流水线和自动化测试。
Docker: 熟悉Docker的使用,能够构建和管理容器化应用,优化开发和部署流程。
熟练掌握各种支付的接口对接。(airwallex,paypal,stripe....)
AI工具copliot以及cursor的基本使用
工作经历
2023-06-01 -2025-10-01直新科技有限公司高级前端工程师
界面实现: 将UI/UX设计师提供的设计稿(如Figma、Sketch、Adobe XD文件)精准地转化为可交互的网页。 确保实现效果在不同设备(PC、平板、手机)和不同浏览器上都能保持一致,即响应式设计。 交互逻辑开发: 使用JavaScript(或TypeScript)为网页添加动态功能和复杂的交互逻辑。例如:表单验证、数据可视化、动画效果、单页面应用(SPA)的路由切换等。 处理用户事件(点击、滚动、输入等),并与后端API进行数据交换。 性能优化: 加载性能:减少HTTP请求、压缩资源(代码、图片)、利用缓存、代码分割、懒加载等,以加快首屏加载速度。 渲染性能:优化CSS选择器、减少重排和重绘、使用防抖和节流等技术,保证页面滚动、动画等操作的流畅度。 工程化和自动化: 使用现代前端构建工具(如Webpack, Vite, Rollup)进行代码的编译、打包和压缩。 利用版本控制工具(主要是Git)进行团队协作和代码管理。 编写自动化测试(单元测试、组件测试、端到端测试)来保证代码质量和应用稳定性。 搭建和维护前端CI/CD(持续集成/持续部署)流水线。 跨部门协作(Cross-
2020-06-01 -2023-06-01成都汉信众科高级前端工程师
界面实现: 将UI/UX设计师提供的设计稿(如Figma、Sketch、Adobe XD文件)精准地转化为可交互的网页。 确保实现效果在不同设备(PC、平板、手机)和不同浏览器上都能保持一致,即响应式设计。 交互逻辑开发: 使用JavaScript(或TypeScript)为网页添加动态功能和复杂的交互逻辑。例如:表单验证、数据可视化、动画效果、单页面应用(SPA)的路由切换等。 处理用户事件(点击、滚动、输入等),并与后端API进行数据交换。 性能优化: 加载性能:减少HTTP请求、压缩资源(代码、图片)、利用缓存、代码分割、懒加载等,以加快首屏加载速度。 渲染性能:优化CSS选择器、减少重排和重绘、使用防抖和节流等技术,保证页面滚动、动画等操作的流畅度。 工程化和自动化: 使用现代前端构建工具(如Webpack, Vite, Rollup)进行代码的编译、打包和压缩。 利用版本控制工具(主要是Git)进行团队协作和代码管理。 编写自动化测试(单元测试、组件测试、端到端测试)来保证代码质量和应用稳定性。 搭建和维护前端CI/CD(持续集成/持续部署)流水线。 跨部门协作(Cross-
教育经历
2016-09-01 - 2020-06-01攀枝花学院软件工程本科
主修课程: 数据结构与算法、计算机网络、操作系统、数据库系统、面向对象程序设计、软件工程、人机交互设计。 我的软件工程背景(如计算机网络、设计模式)帮助我更好地理解了 HTTP 协议、Restful API 设计以及前端架构。
语言
技能

1.资源预加载是一种提前加载资源的方法,以便在用户需要时,这些资源已经被缓存。2.懒加载是一种延迟加载非关键资源的技术。当用户滚动到页面的特定部分时,这些资源才会被加载,从而减少初始页面加载时间。3.WebP是一种现代的图片格式,支持有损和无损压缩,可以显著减少图片文件大小,从而提高网页加载速度。4

1.项目描述:原来系统用的是golang模板渲染,不利于前端开发,页面渲染性能差,故重构。重构后项目分为两部分,一部分为模板开发,一部分为模板渲染服务,逻辑分明,易开发,利于维护。2.模板开发模块功能介绍:静态模板开发,以及提供接口将每个页面暴露给外部。3.模板渲染服务功能介绍:解析外部页面请求,根






