原生Html开发单页应用
时间:2023-05-28 10:36:01 | 来源:网站运营
时间:2023-05-28 10:36:01 来源:网站运营
原生Html开发单页应用:
什么是单页应用?单页说直白点就是只有一个页面,原生页面每次跳转一个页面就向服务器发起请求拿到对应的页面,而单页就是把原来所有的页面都放在一个页面中操作,而不是请求新的页面跳转
单页应用有什么作用?单页应用
路由:无刷新跳转,能以最快的速度到达指定的页面只有数据请求,用户体验良好
模块化: 组件组合,重用UI代码
单页应用中最主要的有哪些东西?模块化、路由
原生有什么可以替代的?iframe、
window.location
制作原理:iframe标签可以引入html文件,我们可以把页面拆成一个个HTML组件通过iframe进行组合,通过js操控iframe的src来改变加载进来的组件
window.location 可以操控浏览器url来实习路由的改变,iframe的src当然要基于路由控制
缺点:iframe不支持外部传参UI细微的差别,需要通过js来控制