HTML+CSS
1. 熟练掌握HTML标签及属性,了解H5新增特性;语义化标签、表单元素等;了解基本的SEO知识;
2. 熟练掌握CSS3动画、过渡、Flex/Grid布局系统,能够实现高性能视觉交互效果;
3. 熟悉响应式设计,熟练使用rem/vw单位和媒体查询实现多端适配方案。
JavaScript
1. 熟练使用原生JS,掌握原型链、闭包、作用域链、事件循环机制等;
2. 熟练使用ES6+特性(Promise、async/await、解构赋值等)进行现代化开发;
3. 了解面向对象编程思想,能够实现模块化封装。
框架及工具
1. 熟练使用Vue2选项式API和Vue3组合式API开发模式;
2. 熟练使用Vue生态工具链:Vue Router状态管理、Vuex/Pinia状态管理;
3. 熟练使用第三方UI插件,如Element-UI、Ant Design;
4. 了解前端工程化,能够使用webpack打包工具,了解其常用相置;
5.熟练使用react框架及相关状态管理mobx;
6. 具备良好的团队协作精神,能够利用自身技术能力提升团队整体研发效率。
小时光社交(H5):
项目介绍:小时光社交是一款专注于真实社交的生活服务平台,旨在解决现代用户在忙碌生活中 难以找到志趣相投伙伴
的问题。 随着社交网络的普及和兴趣社交需求的增长,用户更倾向于通过 线上平台结识兴趣一致的朋友并共同参与活动
。
技术栈:React、React Router、Ant Design、Tailwind CSS、Redux Toolkit、Axios、React Spring、JWT、WebSock
et
项目职责:
1、设计并实现发布需求的页面,支持用户填写需求内容(如活动类型、时间、地点等)并上传图 片,为发布表单添加
实时校验功能(如必填项、字符长度限制),提升用户体验。
2、封装通用的表单组件(输入框、下拉框、图片上传组件等),提高代码复用性。提供进度提示 (如发布中、发布成
功等),优化用户操作的流畅性。
3、使用分页加载或无限滚动,提升大量数据加载时的性能,添加收藏和关注功能,方便用户保存 感兴趣的邀请信息。 4
、使用 WebSocket 实现即时聊天功能,支持消息实时发送与接收,处理聊天消息的存储和状态 管理(如未读消息提示
)。
04fb46def0eef7991XV_2N28ElNVw4-8V_OXWOKgmPbWPhNk1g~~
5、实现动态发布页面,支持用户发布文字、图片或视频,展示个人生活状态,设计动态流展示模 块,支持点赞、评论
、转发等功能。 优化动态的加载与刷新,确保实时更新用户发布的内容。
智链云运营平台:
智链云运营平台(可视化 ) +中后台:项目介绍:随着各行业数字化转型的加速,企业对数据整合、业务管理和实时决策的需求日益增 长。智链云运营平台旨
在为中小型企业提供一个高效的数据运营和管理平台,帮助企业实时监控业务数据、优化运营流程,并为决策提供数据
支持。
技术栈:react、qiankun、redux Toolkit、Tailwind CSS、React Router、vue3、pinia、ECharts 、vue Router、axios
、websocket、socket.IO
项目职责:
1、设计并搭建微前端架构,使用 qiankun 集成主应用与多个子应用,确保各模块独立性与灵活性
2、数据运营大屏:使用 Vue3 和 ECharts 开发动态数据展示模块,实现数据钻取和实时刷新功能 ;商品管理系统:基于
Vue3 和 Element Plus,开发商品的增删改查功能,并集成智能推荐算法 。 会员管理系统:使用 React 开发会员数据管
理和精准营销功能。
3、优化大屏渲染性能,减少图表渲染时间,提升交互流畅度。使用 React.memo 和 Lazy Loading 优化 React 应用性能
。
4、实现基于角色的权限控制(RBAC),确保各角色访问不同权限的页面和功能。
5、通过 API Token 和 JWT 实现用户身份认证和安全访问。 6、在数据量大的情况下,采用虚拟列表技术渲染长列表,启用代码分割,通过 Webpack 和 Vite 实现按需加载,将应用分成多个小的模块。
企业资源管理平台:
项目介绍:是一个旨在提升企业内部资源配置与管理效率的系统平台。该平台提供了项目管理、任务分配、日程安排、
文件共享、员工考勤和工作进度跟踪等功能,帮助企业的各个部门实现资源的高效调配与协作。通过智能化的工作流和
数据化的决策支持,平台能够优化企业资源的分配,提升团队工作效率与项目执行的精度。
技术栈:Vue2.、Vue Router、Vuex、Vue CLI、Element UI、Vuex、Vue Router、Axios
项目职责:
1、使用 Vue2和 Element UI 进行 UI 组件化开发,确保所有组件具备可复用性和响应式布局。
2、使用 Vuex 来集中管理任务和项目的状态。通过 Vuex 的 state 管理全局任务数据,mutations 和 actions 来处理任务
的创建、修改和状态更新。
3、通过可视化组件(如甘特图)展示资源的使用情况,结合 Vuex 存储和管理资源的数据状态。在每个任务或项目资源
页面,使用 ECharts 绘制图表,展示资源分配、资源利用率和资源的空闲情况。
4、通过 Vue 的懒加载技术和路由懒加载,实现页面和组件的按需加载。对不需要立即渲染的组件进行懒加载,减少首
屏加载的资源大小
5、使用 Vue CLI 和 ESLint 进行代码规范管理,确保代码风格统一,减少潜在的错误。
项目概述: 「天津有格调」是一款面向天津本地居民与购房者的小程序,集房产展示、经纪人服务、社区活动与物业管理于一体,为用户提供一站式房产与社区生活服务。 核心功能模块: 1.房产展示模块 新房、二手房信息浏览 2.房源详情页(图文/视频展示、户型、价格、周边
该平台主要为物流和其会员提供客户关系管理(CRM)解决方案。用户可以通过该平台与公司互动、签署文件、管理会员资格等。