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

1.性能问题

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

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

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

3.网络请求的跨域问题

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

相关推荐
QT 小鲜肉5 分钟前
【个人成长笔记】在 Linux 系统下撰写老化测试脚本以实现自动压测效果(亲测有效)
linux·开发语言·笔记·单片机·压力测试
MeowKnight9589 分钟前
【Qt】Qt实践记录2——TCP通信服务器和客户端demo
笔记·qt
The_Second_Coming2 小时前
ELK 学习笔记
笔记·学习·elk
wdfk_prog2 小时前
[Linux]学习笔记系列 -- [kernel][time]timekeeping
linux·笔记·学习
charlie1145141913 小时前
从零开始理解 CSS:让网页“活”起来的语言2
前端·css·笔记·学习·选择器·样式表·原生
im_AMBER3 小时前
Leetcode 46
c语言·c++·笔记·学习·算法·leetcode
卡提西亚3 小时前
C++笔记-20-对象特性
开发语言·c++·笔记
计算机小手3 小时前
使用 llama.cpp 在本地高效运行大语言模型,支持 Docker 一键启动,兼容CPU与GPU
人工智能·经验分享·docker·语言模型·开源软件
asdzx674 小时前
使用 Spire.XLS for Python 将 Excel 转换为 PDF
经验分享
秦明月134 小时前
EPLAN电气设计:快捷键版本差异解析
经验分享·学习·学习方法·设计规范