前端开发服务类型
移动端开发
React Native(React)
使用React语法构建原生移动应用,一套代码可运行于iOS和Android平台,性能接近原生应用
uni-app(Vue)
基于Vue.js开发的跨端框架,一套代码适配小程序、H5、APP等多个平台,开发效率高
Flutter(Dart)
Google推出的跨平台UI框架,使用Dart语言开发,性能优异,界面美观,适合构建高性能移动应用
小程序开发
原生小程序
使用微信官方提供的原生框架开发,性能最佳,功能最完整,适合复杂小程序项目
Taro(React/Vue)
京东推出的跨端框架,支持使用React或Vue开发小程序,一套代码可适配多个小程序平台
mpvue(Vue适配小程序)
美团推出的Vue小程序开发框架,使用Vue语法开发小程序,开发体验接近Vue
桌面端开发
Electron
使用Web技术(HTML、CSS、JavaScript)开发桌面应用,如VS Code、Slack等,可运行于Windows、macOS、Linux
Tauri
新一代轻量级桌面端框架,使用Rust作为后端,体积小,性能好,安全性高
其他常用技术
网络请求
Axios(通用)
基于Promise的HTTP客户端,支持浏览器和Node.js,功能丰富,使用广泛
Fetch(原生)
浏览器原生的网络请求API,基于Promise,使用简单,无需引入额外库
React Query/SWR(React)
React生态中的数据请求优化库,提供缓存、自动重连、后台更新等功能
测试工具
Jest(单元测试)
Facebook推出的JavaScript测试框架,支持单元测试、集成测试,配置简单
Cypress(端到端测试)
现代化的端到端测试框架,提供可视化测试界面,易于编写和调试测试
Vue Test Utils/React Testing Library
针对Vue和React的专用测试工具库,提供组件测试的实用工具和方法
性能优化
Web Vitals
Google推出的网站性能评估指标,包括LCP、FID、CLS等,用于衡量用户体验
懒加载、CDN、缓存策略
包括图片懒加载、资源CDN加速、缓存策略(localStorage/sessionStorage/indexedDB)等
新兴技术
WebAssembly(Wasm)
一种低级编程语言,可在浏览器中运行,性能接近原生代码,适合计算密集型任务
PWA(渐进式网页应用)
结合了网页和原生应用的优点,可离线使用、添加到主屏幕,提供类似原生应用的体验
微前端(qiankun、Module Federation)
将大型前端应用拆分为多个独立的微应用,可独立开发、部署和维护,提高开发效率
前端开发技术栈
需求分析
与客户沟通,了解项目需求,确定技术栈和开发方案
设计与原型
制作UI设计和交互原型,确认视觉效果和用户体验
开发与测试
按照设计方案进行开发,编写测试用例,确保代码质量
部署与维护
部署应用到生产环境,提供后续技术支持和维护