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

1.性能问题

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

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

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

3.网络请求的跨域问题

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

相关推荐
星哥说事10 分钟前
跨平台打包神器,免费将网页、Vue、React秒变桌面 APP,仅需 1 个 Github Token!
经验分享
山岚的运维笔记1 小时前
SQL Server笔记 -- 第18章:Views
数据库·笔记·sql·microsoft·sqlserver
sweetone2 小时前
LINN莲CLASSIK桌面音响微修
经验分享·音视频
lpruoyu3 小时前
【Android第一行代码学习笔记】Android架构_四大组件_权限_持久化_通知_异步_服务
android·笔记·学习
wdfk_prog3 小时前
[Linux]学习笔记系列 -- [drivers][mmc][mmc_sdio]
linux·笔记·学习
果果燕3 小时前
今日学习笔记:双向链表、循环链表、栈
笔记·学习·链表
觉醒大王3 小时前
AI写的青基中了
人工智能·笔记·深度学习·学习·职场和发展·学习方法
明月醉窗台3 小时前
qt使用笔记六之 Qt Creator、Qt Widgets、Qt Quick 详细解析
开发语言·笔记·qt
晚霞的不甘4 小时前
揭秘 CANN 内存管理:如何让大模型在小设备上“轻装上阵”?
前端·数据库·经验分享·flutter·3d
CodeCaptain5 小时前
nacos-2.3.2-OEM与nacos3.1.x的差异分析
java·经验分享·nacos·springcloud