HTML/CSS: 理解HTML标记语言和CSS样式表,用于构建网页结构和设计页面布局。
JavaScript: 用于实现页面交互、数据处理、异步请求等功能。
前端工具: 熟练使用构建工具、版本控制工具(如Git)、包管理器等。
响应式设计和移动端开发: 能够创建适应不同屏幕大小和设备的网页,掌握移动端开发技术。
浏览器开发者工具: 熟悉浏览器的开发者工具,用于调试、性能优化和问题排查。
HTTP和API调用: 了解HTTP协议,能够进行API调用和数据交互。
状态管理: 在使用框架时,了解状态管理(如Redux、Vuex)的概念,用于管理全局状态。
性能优化: 了解前端性能优化技巧,包括代码分割、懒加载、缓存等,提高页面加载速度和用户体验。
安全性: 理解前端安全性(如XSS、CSRF攻击)及防范措施,确保应用的安全性。
Web标准和无障碍性: 遵循Web标准,保障网站的兼容性和可访问性,使其能够被更多用户使用。
视频监控后台
web前端开发
项目概述:设计和开发了一个实时监控系统的管理后台,旨在为用户提供实时远程监控。
技术选型:Vue + Vue-cli + Vue-router + Element-ui + Axios + Js-cookie + Vue-i18n
+ WebSocket
负责内容:
1. 负责项目的排版布局,数据对接,页面跳转,响应式开发;
2. 实时数据监测,通过WebSocket技术实时接收并展示传感器和设备数据,帮助用户实时了解
系统状态。
3.远程控制,允许用户通过界面远程控制设备,执行命令,实现远程管理。
4.对项目进行国际化处理。
技术要点:
1. 使用WebSocket确保实时数据的高效传输和更新
2. 使用pc端布局进行页面的适配,以及对页面进行优化使用路由懒加载
3. 与后端联调对设备进行操控下发指令
小区门禁系统
项目描述: 开发了一款基于Vue框架的小区门禁系统App,为居民提供高效的门禁管理和安全
控制解决方案。
技术栈: JavaScript, Vue, Vant, Vue-router, Vuex
负责内容:
用户登录和身份验证功能,确保只有授权居民能够进入小区。
扫码进出门功能,提高出入效率,减少等待时间。
管理员后台,允许管理员管理权限、查看记录以及添加访客。
使用Vue框架构建用户界面,实现了组件化和数据驱动的开发方式。
技术要点:
负责设计和开发用户登录界面,实现了安全的用户身份验证流程。
使用Vue组件构建了扫码进出门页面,通过单文件组件提高了代码的可维护性和可读性。
设计并实现管理员后台,允许管理员轻松管理居民权限和访客信息。
阅读READ
项目概述:阅读READ是一款简单易用免费的网络小说搜索阅读工具。
技术选型:Vue、uni-app
负责内容:
1. 与后台交互获取数据动态填充静态页面;
2. 负责首页顶部开发以及底部导航开发;
3. 实现首页页面轮播效果、隐藏滚动条和底部;
4. 实现首页书籍区域滚动功能开发;
技术要点 :
1. 配置 pages.json,使用 globalStyle 设置默认页面窗口 ,使用 tabBar 设置底部导航;
2. 使用 swiper 页面轮播 ,使用 scrollIndicator 隐藏滚动条和底部, 使用 scroll-view 实现
区域滚动;
3. 使用 uniapp 自带储存( uni.setStorageSync )存储用户信息;
4. 使用 uni.navigateTo 来进行页面跳转 ,使用 uni.switchTab 切换tabBar;
5. 对 uni.request 进行封装;
Flower Platform(移动端)
项目概述:一款专门以鲜花为主的平台,按专区分类,种类齐全,花样繁多。拥有甄选优质花
材、严格品控标准、平台安全保障等品牌优势。 是送恋人、送朋友、送家人的首选。并且与全
国万家 连锁花店合作,拥有甄选优质花材、严格品控标准、平台安全保障等品牌优势。
技术选型:ES6、Vue Vuex、Vue-Router、Axios、Vant
负责内容:
1. 与后台交互获取数据动态填充静态页面;
2. 负责首页以及详情页,使用 better-scroll 使页面滑动体验更加流畅,实现首页页面轮播效
果;
技术要点 :
1. 使用vue-cli 进行工程的搭建;
2. 使用移动端布局进行页面的适配:
3. 使用vuex对全局状态进行查询,分类,购物车状态编辑:
sT2iodhi202309061445
4. 使用导航守卫进行判断用户是否登录来进行权限控制:
5. 使用本地储存(LocalStoragel)进行状态管理存储用户信息
6. 使用了Lazy-oad图片懒加载技术进一步提高页面优化;
7. 与后端开发人员配合完成接口定义、调用、数据交互及项目功能的调试:
项目概述:设计和开发了一个实时监控系统的管理后台,旨在为用户提供实时远程监控。 技术选型:Vue + Vue-cli + Vue-router + Element-ui + Axios + Js-cookie + Vue-i18n + WebSocket 负责内容: 1
项目概述: 是一个面向数据分析和决策支持的项目,旨在将企业或组织的关键数据以直观、可交互的方式呈现,帮助用户实时监控业务指标、识别趋势、进行数据分析。 主要特点 实时数据更新:大屏通常需要实时展示数据,因此具备实时数据更新和刷新的能力。 数据可视化:利用图表、地图、仪表盘