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

1.性能问题

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

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

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

3.网络请求的跨域问题

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

相关推荐
爱上妖精的尾巴1 小时前
5-22 WPS JS宏reduce数组的归并迭代应用(实例:提取最大最小值的记录)
服务器·前端·javascript·笔记·wps·js宏
爱因斯坦乐4 小时前
【vue】I18N国际化管理系统
前端·javascript·vue.js·笔记·前端框架
Ro Jace4 小时前
模式识别与机器学习课程笔记(4):线性判决函数
人工智能·笔记·机器学习
Rousson5 小时前
硬件学习笔记--82 连接器的选用原则与流程
笔记·单片机·学习
Larry_Yanan7 小时前
QML学习笔记(四十)QML的ApplicationWindow和StackView
c++·笔记·qt·学习·ui
摇滚侠12 小时前
Spring Boot 3零基础教程,Spring Boot 日志的归档与切割,笔记22
spring boot·redis·笔记
万悉科技12 小时前
AI搜索引擎如何改变品牌信息曝光的游戏规则?
经验分享
wan5555cn12 小时前
当代社会情绪分类及其改善方向深度解析
大数据·人工智能·笔记·深度学习·算法·生活
我要学习别拦我~13 小时前
柱状图的高级玩法:分组、堆叠、百分比对比
经验分享·信息可视化·数据可视化
能不能别报错15 小时前
K8s学习笔记(二十一) RBAC
笔记·学习·kubernetes