FAIZ.
前端工程师 · 1年经验 · 东软
0
累计接单
0
用户评价
0
被收藏
技术能力
精通全栈开发与多端应用技术，具备涵盖前端、后端及移动端的全链路开发能力。前端领域熟练掌握HTML5/CSS3/JavaScript（ES6+）体系，擅长使用Vue.js构建响应式SPA应用，熟悉Axios异步通信及组件化开发；后端方面掌握Node.js生态，具有Express/Koa框架开发经验，能够完成MySQL数据库设计及Restful API开发。
跨终端开发具备显著优势：熟练使用TypeScript进行鸿蒙HarmonyOS应用开发（ArkUI/ArkTS），掌握ArkTS声明式语法与分布式能力；熟悉uni-app多端框架开发微信小程序，实现一次开发多端发布；同时具备Android原生开发经验，了解Jetpack组件与Material Design规范。
技术整合能力突出：可独立完成从网页端（Webpack/Vite工程化）到移动端（安卓/鸿蒙）、小程序的全栈项目搭建，擅长为多平台应用设计统一技术方案。掌握WebSocket实时通信、JWT鉴权及性能优化策略，熟悉Git协同开发及多端调试方案。持续关注HarmonyOS NEXT技术演进与跨平台开发实践，致力于构建高性能的智能化全场景应用。
跨终端开发具备显著优势：熟练使用TypeScript进行鸿蒙HarmonyOS应用开发（ArkUI/ArkTS），掌握ArkTS声明式语法与分布式能力；熟悉uni-app多端框架开发微信小程序，实现一次开发多端发布；同时具备Android原生开发经验，了解Jetpack组件与Material Design规范。
技术整合能力突出：可独立完成从网页端（Webpack/Vite工程化）到移动端（安卓/鸿蒙）、小程序的全栈项目搭建，擅长为多平台应用设计统一技术方案。掌握WebSocket实时通信、JWT鉴权及性能优化策略，熟悉Git协同开发及多端调试方案。持续关注HarmonyOS NEXT技术演进与跨平台开发实践，致力于构建高性能的智能化全场景应用。
项目经验
一、鸿蒙线上学习应用优化（基于Deveco）
1. 前端优化
◦ 迁移至ArkTS声明式开发：推荐将现有类Web范式（HML+JS）逐步迁移到ArkTS声明式开发范式。ArkTS通过数据驱动UI更新，性能优于类Web范式（如渲染500节点时原生耗时增加仅200ms，而类Web范式增加约300ms）。
◦ 组件复用与状态管理：利用ArkTS的@Component和@State装饰器封装可复用学习打卡组件，并通过@Observed实现跨页面状态同步。
◦ UI渲染优化：使用LazyForEach懒加载长列表，避免一次性渲染大量数据节点。
2. 后端优化
◦ 数据模型适配：若后端逻辑仍基于JS语言，需重构为ArkTS的struct结构体，利用@Builder构建动态UI逻辑。例如，线上测试模块的计时器功能可封装为独立服务组件。
3. 数据库优化
◦ 连接池配置：通过Node.js的mysql2库设置连接池参数（如max:20、idleTimeoutMillis:30000），减少频繁建立连接的开销。
◦ 索引优化：为学习记录表的user_id和timestamp字段添加复合索引，提升查询效率。
二、微信小程序优化（糗事百科社交类）
1. 前端优化
◦ 虚拟列表与懒加载：使用RecycleView组件实现动态渲染，结合IntersectionObserver监听可视区域图片加载。
◦ 组件化开发：将点赞、评论功能封装为Behavior，通过mixins复用逻辑代码，减少重复开发。
2. 后端优化
◦ 接口合并与缓存：采用GraphQL合并/feed和/comments接口请求，并通过Redis缓存热门话题数据（设置30分钟过期）。
◦ 异步处理：使用Promise.all并行处理非依赖型数据库操作（如用户信息与内容数据查询）。
3. 数据库优化
◦ 分表与分页：对用户动态表按月份分表，并通过LIMIT和OFFSET实现分页查询，避免全表扫描。
◦ 预编译语句：使用mysql2的execute方法预编译SQL语句，防止SQL注入并提升执行效率。
三、智慧农业系统优化（基于Node.js+MySQL）
1. 前端优化
◦ 响应式布局：采用Flex布局适配多终端设备，结合@media查询实现不同屏幕尺寸的CSS适配。
◦ 数据可视化：引入ECharts库绘制土壤温湿度、光照强度等实时曲线图，替代原生Canvas渲染。
2. 后端优化
◦ 连接池管理：通过mysql2/promise库配置连接池（建议max:15、min:5），并设置connectionTimeout避免阻塞。
◦ 批量操作：对传感器数据使用INSERT INTO ... VALUES (v1), (v2)批量插入，减少数据库I/O次数。
3. 数据库优化
◦ 时序数据分区：将传感器数据表按时间分区（如按周或月），提升历史数据查询效率。
◦ 冗余字段优化：移除农业设备状态表中非必要的冗余字段（如重复的经纬度信息），降低存储开销。
1. 前端优化
◦ 迁移至ArkTS声明式开发：推荐将现有类Web范式（HML+JS）逐步迁移到ArkTS声明式开发范式。ArkTS通过数据驱动UI更新，性能优于类Web范式（如渲染500节点时原生耗时增加仅200ms，而类Web范式增加约300ms）。
◦ 组件复用与状态管理：利用ArkTS的@Component和@State装饰器封装可复用学习打卡组件，并通过@Observed实现跨页面状态同步。
◦ UI渲染优化：使用LazyForEach懒加载长列表，避免一次性渲染大量数据节点。
2. 后端优化
◦ 数据模型适配：若后端逻辑仍基于JS语言，需重构为ArkTS的struct结构体，利用@Builder构建动态UI逻辑。例如，线上测试模块的计时器功能可封装为独立服务组件。
3. 数据库优化
◦ 连接池配置：通过Node.js的mysql2库设置连接池参数（如max:20、idleTimeoutMillis:30000），减少频繁建立连接的开销。
◦ 索引优化：为学习记录表的user_id和timestamp字段添加复合索引，提升查询效率。
二、微信小程序优化（糗事百科社交类）
1. 前端优化
◦ 虚拟列表与懒加载：使用RecycleView组件实现动态渲染，结合IntersectionObserver监听可视区域图片加载。
◦ 组件化开发：将点赞、评论功能封装为Behavior，通过mixins复用逻辑代码，减少重复开发。
2. 后端优化
◦ 接口合并与缓存：采用GraphQL合并/feed和/comments接口请求，并通过Redis缓存热门话题数据（设置30分钟过期）。
◦ 异步处理：使用Promise.all并行处理非依赖型数据库操作（如用户信息与内容数据查询）。
3. 数据库优化
◦ 分表与分页：对用户动态表按月份分表，并通过LIMIT和OFFSET实现分页查询，避免全表扫描。
◦ 预编译语句：使用mysql2的execute方法预编译SQL语句，防止SQL注入并提升执行效率。
三、智慧农业系统优化（基于Node.js+MySQL）
1. 前端优化
◦ 响应式布局：采用Flex布局适配多终端设备，结合@media查询实现不同屏幕尺寸的CSS适配。
◦ 数据可视化：引入ECharts库绘制土壤温湿度、光照强度等实时曲线图，替代原生Canvas渲染。
2. 后端优化
◦ 连接池管理：通过mysql2/promise库配置连接池（建议max:15、min:5），并设置connectionTimeout避免阻塞。
◦ 批量操作：对传感器数据使用INSERT INTO ... VALUES (v1), (v2)批量插入，减少数据库I/O次数。
3. 数据库优化
◦ 时序数据分区：将传感器数据表按时间分区（如按周或月），提升历史数据查询效率。
◦ 冗余字段优化：移除农业设备状态表中非必要的冗余字段（如重复的经纬度信息），降低存储开销。
立即沟通
