今天把一个站点重新部署了一下,目录结构调整比较大,发现了几个问题,本文总结一下
首先页面里的URL,和硬盘的路径有对应关系,主要是文件服务器在解析URL的时候,会跟硬盘上的目录结构对应起来找实体文件。但是URL和硬盘路径不完全一样。比如本地路径,如果是/,那么会从硬盘的根目录开始找;而URL的/,只会到虚拟主机的根目录,不会到真的根目录
引用资源尽量使用相对路径
在html页面里引用资源如css,javascript的时候,最好用相对路径。比如下面的目录结构:
a/
1.html
javascripts/
1.js
在html里最好写成./javascripts/1.js,而不是/a/javascripts/1.js
因为这样只要相对的目录结构不改,就不需要修改路径。比如把目录a改名成b,如果用的是绝对路径的话,html里就都要改一遍,我今天早上就在这块花了很多时间
另外还有一个好处,就是如果使用相对路径,那么在现在大部分的IDE里,都是可以直接点进去查看源文件的。但是如果写成绝对路径的话,在开发的时候就链不过去了,比较不方便
在js里,考虑使用绝对路径,css可以放心用相对路径
为什么呢,比如在js里有这样的代码:
location.href = "../../abc.html"
而2个层级不同的html都引用了这个js,那上面这行代码就会出错。因为js里的相对路径,是以加载它的页面路径为基准的。所以这种情况下,用绝对路径就不容易出错
不同的是,css中的相对路径,是以css文件所在的路径为基准的,所以在css里,可以放心地使用相对路径
兼容老入口的方法
有一个html,原来的URL是www.abc.com/a/html/1.html,现在移到了www.abc.com/b/1.html
因为各种原因,必须保留原来的URL可用,比如已经发出去的老版本APP,有一个页面链接到这个地址。那如果2边维护就很麻烦,1.html每次更新,都要在2个位置替换一遍。一个好的办法是,只需要替换新URL的文件,把老位置的文件做跳转:
location.href = "http://www.bac.com/b/1.html"
这样就不需要总是替换2遍了,而且老的URL也可以继续正常访问。一直到老版本的app都升级以后,再去掉旧的URL就可以了
版权声明:本文为博主原创文章,未经博主允许不得转载。
分享到:
相关推荐
泛微OA前端开发接口方法和自定义方方法总结注释 适用于刚接触泛微OA前端开发的小白和不了解泛微OA开发的老手 有什么问题可以私信问我 前端代码开发方式 方式1:模板上代码块,针对单个节点,在显示/打印/移动模板...
javaEE开发中各种路径配置的总结,例如前端页面的相对路径的格式等
25前端开发基础视频-相对路径和绝对路径.avi 26前端开发基础视频-图片标签img的使用和title的seo优化.avi 27前端开发基础视频-网站图片的类型及如何选择.avi 28前端开发基础视频-有序列表和无序列表.avi 29前端...
- HTML文件:共33个,构建了整个前端页面的骨架和内容。 - Java文件:14个,负责业务逻辑处理和数据持久化。 - XML文件:9个,主要用于配置SSM框架和数据库相关设置。 - JavaScript文件:7个,实现动态交互和数据...
内容概要:小程序中常用的生命周期有哪些、uniapp 中如何获取当前的页面路径 、小程序如何跳转页面、小程序分包、小程序behaviors,组件间代码共享、小程序MobX全局数据共享; 适用人群:大学生、前端开发工程师 ...
css样式的分类 1.内部样式—-内联样式 使用的是style标签 ... @import url(css文件路径) 多学一招:做项目最常用的是外部样式,link标签 三种样式表总结 样式表 优点 缺点 使用情况 控制范围 行内样
该种方式存在两个弊端,一是当后台无法获取文件或其他异常处理情况下,会导致页面跳转到访问路径下的无效空白页面。二是无法为前端提供有效的反馈信息,如下载成功、下载失败等。 本文提供的解决方案能够解决以上两...
编写前端vue页面总体框架,编写后台代码交互 代码编写遇到的问题 问题: Vue使用问题 只有一个根路径 解决方案: 确保下只 - 不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的毕设,代码都...
自己在做CTF过程中做的总结下面中实验室指的是网络安全实验室 题目全部来自bugku,南邮和网络安全实验室,题较基础,实验吧要复杂些 文中所有知识点内容并不全,要学习原理及深入得自己去找资源学习 看这个的时候,...
模块二:使用eclipse和idea快速开发jsp(idea和tomcat的相关配置、eclipse创建web项目、jsp页面元素、jsp九大内置对象、四大作用域对象、解决get/post请求乱码问题、cookie和session详解、请求重定向);模块三:...
SessionBean在J2EE应用程序中被用来完成一些服务器端的业务操作,例如访问数据库、调用其他EJB组件。EntityBean被用来代表应用系统中用到的数据。 对于客户机,SessionBean是一种非持久性对象,它实现某些在服务器上...
项目中需要上传图片可谓是经常遇到的需求,本文将介绍 3 种不同的...常见的 七牛云,OSS(阿里云)等,这些云平台提供API接口,调用相应的接口,文件上传后会返回图片存储在服务器上的路径,前端获得这个路径保存下来
JPivot 是一套基于 Mondrian 的 OLAP 前端展现工具,它提供了一套标签库来解决的 OLAP 的展现层问题。 在一个 JSP 页面当中,如果要使用 JPivot 标签库,除了要配置相关的配置文件外,我们需要在 JSP 头的位置声明...
实际开发中,前后端分离,前端需要后端的接口去完成页面的渲染,但是并不能等到后端成员写完接口再开始进行测试。大部分情况下,前后端需要同时进行开发。因此便需要mockjs制造随机数据来进行后端接口模拟。 看了...
app.json 这个文件可以对小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置多tab等. app.wxss 是小程序的公共样式表.(为了适应广大的前端开发者,我们的 WXSS 具有 CSS 大部分特性。 同时为了...
.Net精品就业班课程表 : 1、.Net基础加强(10天) 核心技术课程 常用数据结构(List、Dictionary、...项目说明 总结以往所学知识,讲解《传智播客.Net面试、笔试宝典》,介绍简历、笔试、面试等所需的知识和技巧。
GTCMS好文本网站内容管理系统 GTCMS是由好文本网总结之前WEB开发经验,秉承简单、易用、轻巧、快速的理念以PHP5+MYSQL为基础,应用GTPHP(MVC框架)进行...修改图片模块中图片上传路径及模板中的链接. 后台首页小改动.