前端项目中遇到的技术问题

1.性能问题

页面加载过长、图像加载慢。解决方案:代码分割,按照需求加载模块,减少初始的加载量或者使用懒加载、资源压缩、cdn加速

2.响应式设计(移动设备适配)

不同的屏幕尺寸,布局和样式不统一。解决方案:使用css的媒体查询(media queries)针对不同屏幕下应用特定的样式、采用弹性盒布局flexbox布局实现更灵活的响应式布局。采用bootstrap之类的前端框架提供的响应式工具类。

3.网络请求的跨域问题

协议、域名、端口任意一个任意一个不同的时候,就会产生跨域问题。解决方案:两种cors、jsonp;cors是后台解决方案,proxy是我常用的,get请求target输入服务器地址,changeOrigin设置为true。

相关推荐
峥无17 小时前
C++11 深度详解:现代 C++ 基石全梳理
开发语言·c++·笔记
阿米亚波18 小时前
【C++ STL】std::unordered_multimap
开发语言·数据结构·c++·笔记·stl
早睡早起身体好12319 小时前
为什么 Network 中会出现两个同名请求?——CORS 预检请求学习笔记
网络·笔记·学习·网络安全
@Mike@20 小时前
06-数据库学习笔记(存储模型与数据压缩)
数据库·笔记·学习
不在逃避q21 小时前
Golang笔记之Redis
redis·笔记·golang
wdfk_prog21 小时前
嵌入式面试真题学习笔记系列
笔记·学习·面试
懿路向前21 小时前
【HarmonyOS学习笔记】2026-07-30 | 小艺开放平台智能体接入实战
笔记·学习·harmonyos
wdfk_prog1 天前
canopen学习笔记系列
笔记·学习
思陌Ai算法定制1 天前
【今日医疗AI速递】Pathology-CoT:从专家阅片行为中学习“视觉思维链“,病理AI智能体自主诊断性能超越GPT-o3
经验分享
砚凝霜1 天前
软考网络工程师|第 4 章 移动通信、CDMA 码分多址 完整备考笔记
网络·笔记