精华内容
参与话题
问答
  • web前端——路径问题

    千次阅读 2018-02-26 14:59:13
    路径分为两种:相对路径和绝对路径相对路径:相对于项目而言的路径。绝对路径:在我们电脑硬盘上的路径。一般写相对路径,因为我们的项目可能会改变地方,如果写绝对路径的话,项目每改一次地方就需要改一次地址,...

    路径分为两种:相对路径和绝对路径

    相对路径:相对于项目而言的路径。

    绝对路径:在我们电脑硬盘上的路径。

    一般写相对路径,因为我们的项目可能会改变地方,如果写绝对路径的话,项目每改一次地方就需要改一次地址,如果写地址的地方比较多的话,修改起来会相当麻烦。

    我们需要写路径的地方一般有三个,一个是引用图片,一个是引用样式文件,一个是引用js文件。以<img>标签为例:

    一、绝对路径:

        例如在我的电脑上有一张图片,位置是:E:\WebStormWork\HelloWorld\html\yuyu3.png

    那么我们在代码中就可以写成:<img src="E:\WebStormWork\HelloWorld\html\yuyu3.png">




    二、相对路径:

    对于路径的写法,比较容易让人出错误。这是因为对路径的写法不明确的原因,首先我们要了解以下的符号代表什么。

    /            html页面所在的文件夹

    ./            html页面所在的文件夹内部(相当于不写,直接写图片名字)

    ../            页面所在文件夹的外面一层

    下面我们就看看具体的路径需要怎么写:

    1、显示同一文件夹下的图片(同级)。


    2、显示页面上一级图片(和页面所在文件夹同一级的图片)



    3、显示项目根目录下的图片



    4、在其它文件夹下的引用方式






    注意事项:

            我在测试的时候使用的是webstrom开发工具,点击右上角快速打开页面的时候页面是运行在服务器上的,webstrom自带服务器。所以,有需要测试绝对路径的朋友请注意这一点,不然图片会显示不出来的。

    展开全文
  • 在读取文件时,路径的写法有如下方式 1、文件在当前目录(以图像文件为例,当前项目文件为中心) “./1.jpg” 或 “1.jpg” 1 2、文件在上层目录 (1)在上层目录下 "../1.jpg" 1 (2)在上层目录下的一个...

    “./”:代表目前所在的目录。

    “…/”:代表上一层目录。

    “/”:代表根目录。

    举个栗子:
    在读取文件时,路径的写法有如下方式

    1、文件在当前目录(以图像文件为例,当前项目文件为中心)

    “./1.jpg” 或 “1.jpg”
    1
    2、文件在上层目录
    (1)在上层目录下

    "../1.jpg"
    

    1
    (2)在上层目录下的一个Image文件夹下

    “…/Image/1.jpg”
    1
    (3)在上上层目录下

    “…/…/1.jpg”
    1
    3、文件在下一层目录(Image1文件夹)

    “./Image1/1.jpg”
    1
    4、根目录表示法,任何页面访问Image下的Image.jpg图片

    “C:/Image/1.jpg”
    1
    代码示例:

    /**
     *Copyright (c) 2018 Young Fan.All Right Reserved.
     *Filename: 8 路径符号的剖析
     *Author: Young Fan
     *Date: 2018.4.30
     *OpenCV version: 3.4.1
     *IDE: Visual Studio 2017
     *Description: “./”、“ ../”、“/”
     */
    
    #include<opencv2/opencv.hpp>
    using namespace cv;
    
    int main()
    {
        at Image = imread("./1.jpg");//文件在当前目录
        imshow("Test", Image);
    
        Mat Image1 = imread("../1.jpg");//文件在上一层目录下
        imshow("Test1", Image1);
    
    
        Mat Image2 = imread("./UU/1.jpg");//文件在下一层目录(Image1文件夹)
        imshow("Test2", Image2);
    
        Mat Image3 = imread("../../1.jpg"); //文件在上上层目录下
        imshow("Test3", Image3);
    
    
        waitKey();
    
        return 0;
    }
    
    展开全文
  • 详谈 import 路径

    千次阅读 2018-12-17 16:21:54
    import路径 import {test} from './test'; 花括号 import {test} from './test'; import test from './test'; 如果有默认导出export default则可以省略花括号,且import的模块名是随意的,如: // a.js export ...

    import路径

    import {test} from './test';
    

    花括号

    import {test} from './test';
    import test from './test';
    

    如果有默认导出export default则可以省略花括号,且import的模块名是随意的,如:

    // a.js
    export default 'test';
    
    
    // b.js
    import a from './a';
    import A from './a';
    import myA from './a';
    
    

    export default导出的模板名,在引用时须加花括号,且引用模块名与导出时的命名必须相同,如:

    // a.js
    export const a = 'test';
    
    
    // b.js
    import {a} from './a';
    import {A} from './a'; // error
    import {myA} from './a'; // error
    
    

    一个模块中只允许一个默认导出export default,但允许多个命名导出export;

    路径

    import test from 'test';
    import test from './test';
    

    babel默认会把ES6的模块转化为commonjs规范。

    import test from 'X';
    // 等价于
    var test = require('X');
    

    查找规则:

    1. 如果X是内置模块,则直接返回该模块。如require('http')

    2. 如果X.//../开头:

      • 根据X所在的父模块,确定X的绝对路径。
      • X当做文件,依次查找下面的文件,如果找到,则直接返回。
        • X
        • X.js
        • X.json
        • X.node
      • X当做目录,依次查找下面的文件,如果找到,则直接返回。
        • X/package.json(查找main字段中的文件,规则同上)
        • X/index.js
        • X/index.json
        • X/index.node
    3. 如果X不带路径:

      • 根据X所在的父模块,确定X可能的安装目录。
      • 依次在每个目录中,将X当成文件名或目录名加载。
    4. "not found"

    模块格式

    CommonJS

    同步加载模块,主要用于服务端(node)。

    // math.js
    exports.add = function(a, b) {
      return a + b;
    }
    
    
    // main.js
    var math = require('./math');
    math.add(2, 3); // 5
    
    

    AMD

    异步模块定义,用于像RequireJS这样的模块加载器,主要用于浏览器。

    // math.js
    define(function() {
      var add = function(x, y) {
        return x + y;
      }
    
      return  {
        add: add
      }
    })
    
    
    // main.js
    require(['math'], function(math) {
      alert(math.add(1, 1));
    })
    

    UMD

    (function (root, factory) {
        if (typeof define === 'function' && define.amd) {
            // AMD. Register as an anonymous module.
            define([], factory);
        } else if (typeof module === 'object' && module.exports) {
            // Node. Does not work with strict CommonJS, but
            // only CommonJS-like environments that support module.exports,
            // like Node.
            module.exports = factory();
        } else {
            // Browser globals (root is window)
            root.returnExports = factory();
      }
    }(typeof self !== 'undefined' ? self : this, function () {
    
        // Just return a value to define the module export.
        // This example returns an object, but the module
        // can return a function as the exported value.
        return {};
    }));
    

    ES6

    es6通过import、export实现模块的输入输出

    参考资料

    when-should-i-use-curly-braces-for-es6-import

    what require.resolve() does

    UMD

    展开全文
  • 路径 @/ ~/ / ./ ../

    2018-11-07 09:22:00
    路径 @/ resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'components': ...

    路径

    @/

        resolve: {
            extensions: ['.js', '.vue', '.json'],
            alias: {
                'vue$': 'vue/dist/vue.esm.js',
                '@': resolve('src'),
                'components': resolve('src/components'),
                'lib': resolve('src/lib'),
                'http': resolve('src/http'),
                'store': resolve('src/store'),
                'pages': resolve('src/pages'),
                'router': resolve('src/router'),
                'imgs': resolve('src/assets/img'),
                'assets': resolve('src/assets'),
                'common': resolve('src/common')
            }
        },

    @/ 是webpack设置的路径别名,代表什么路径,要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置

    上述例子 @/ 代表着到src这个文件夹的路径。

     

     

    / 代表的是整个Web站点的根目录,相对于wwwroot.

    ~代表的是整当前应用程序的根目录,但~只能在服务端控件上面使用.

    转载于:https://www.cnblogs.com/zjx304/p/9910980.html

    展开全文
  • 路径

    2020-11-22 21:33:17
    一、响应编码 当使用response.getWriter()来向客户端发送字符数据时,如果在之前没有设置编码,那么默认使用iso-8859-1,因为iso-8859-1不支持中文,一定乱码。 在使用response.getWriter()之前可以使用response....
  • 最全详解关键路径

    2019-10-24 13:01:38
    关键路径法是软考的知识点,我分析了常见的模棱两可的知识点,并进行了图解说明,现在分享给正在准备参加软考试的广大考友。 01什么是关键路径法CPM? 关键路径法用于在进度模型中估算项目最短工期,确定逻辑网络...
  • Unix使用斜杆/ 作为路径分隔符,而web应用最新使用在Unix系统上面,所以目前所有的网络地址都采用 斜杆/ 作为分隔符。 Windows由于使用 斜杆/ 作为DOS命令提示符的参数标志了,为了不混淆,所以采用 反斜杠\ 作为...
  • 文件路径./和../

    万次阅读 多人点赞 2018-09-05 15:11:44
    ../ :表示父级路径,当前路径所在的上一级路径。  举个栗子: 在读取文件时,路径的写法有如下方式 1、文件在当前目录(以图像文件为例,当前项目文件为中心) "./1.jpg" 或 "1.jpg" 2...
  • 路径/ ./ ../的区别

    千次阅读 2018-09-19 15:02:05
    / 网站根路径  ./ 当前路径 ../ 上一级路径 ../../ 上两级路径   例如:本地静态网站 index页面地址 127.0.0.1/bootstrap_test/index.html在这里页面里面引入css和js路径应该怎么写呢? 1、 &lt;link ...
  • 相对路径./与../区别

    万次阅读 多人点赞 2018-05-24 23:46:38
     1、相对路径-顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。 2、绝对路径-绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径就是你的主页上的文件或目录在硬盘上...
  • web 前端入坑第一篇:web前端到底是什么?有前途吗

    万次阅读 多人点赞 2016-08-01 14:49:20
    web前端到底是什么? 某货: “前几年前端开发人员鱼目混杂,技术参差不齐,相对学习起来不规范,导致> 前端开发人员聚集,所以现在前端工种和工资还是没得到普遍重视,但近2年来,> > HTML5、JS 的流行...
  • ![图片说明]... (最上面的 别看漏了)代码的图显示不出来 不知道为什么 用相对路径(下面的显示 下面的显示 下面面的显示) ``` ``` 没有问题
  • 拿logo1图片路径写法为例。 注意下面这种写法是错的 &lt;img src="/singzypm/images/logo/logo1.png"&gt;(错误写法) 原因是:&lt;%=path%&gt;是代表网址红色划线部分http:...
  • 什么是绝对路径? 绝对路径指的是文件的真正路径,使用绝对路径链接外部资源,如:图片、超级链接、flash、音频、视频等等。代码如下: 1、引入网络上的资源: <img src="http://完整的URL描述地址"> 2、...
  • 而你想引入一个js文件,路径如下:E:\JS学习\jQuery_Code\《锋利的jQuery》实例源码\实例下载\01第一章\scripts、jquery-1.3.1.js 1-1.html文件所在目录为第一章例子,她的上一级目录为01第一章...
  • 介绍URL和文件路径  在上一章中,我简单地介绍了HTML的一些基本标签及基本属性,例如,我们用<p>标签来标记文本段落,用<h1>~<h6>来设置多级标题,用<a>标签及其href属性来设置超链接。而...
  • 需求:有时候自己的项目img的src路径需要用到本地某文件夹下的图片,而不是直接使用项目根目录下的图片。 场景:eclipse,tomcat,html,img,src,java 注意:不需要寻找tomcat真实路径下的server.xml去修改,这个...
  • * ECMAScript 6 ECMAScript 6.0(简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。...* web...
  • WEB前端路径问题

    千次阅读 2016-07-31 21:08:14
    最近写了一些前端,涉及到图片,视频等资源的路径问题,在这里总结分享一下。路径分两种绝对路径和相对路径。 绝对路径: 绝对路径指的是资源的实际位置,分隔符由“/”“\”两种,在我看来就是我们淘宝时写的...
  • 11个web前端开发实战项目案例+源码!拿走就是了

    万次阅读 多人点赞 2019-07-25 22:11:00
    小白为大家收集了11个web前端开发,大企业实战项目案例+5W行源码!拿走玩去吧! 老规矩:转发+关注并私信小编:“资料”全部打包带走! 下面给大家简单介绍几个: 小米官网: 项目描述 首先选择小米官网为第...
  • 首先的明白相对路径和绝对路径的概念和区别: 相对路径: ...完整的描述文件位置的路径就是绝对路径,以web站点根目录为参考基础的目录路径。绝对路径名的指定是从树型目录结构顶部的根目录开始到某...
  • 前段工程师学习路线
  • jsp获取项目绝对路径: <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/" %> js文件中获取...
  • 给你一份完整的Web前端学习路线图

    万次阅读 多人点赞 2019-04-12 21:31:57
    前端开发人员的地位也日益提高,相应的技术要求要是越来越高,那么现在想成为一名合格的Web前端工程师应该怎样学习呢 Web前端学习路线图,希望对初学者有帮助。 1.Javascript 语言 全栈开发中,用的编程语言...
  • 2018web前端学习路线与开发路线指导

    万次阅读 多人点赞 2018-03-09 11:16:23
    随着互联网的深入发展,前端开发工程师已成为市场上极具竞争力的人才。许多学生,包括以前的UI,java,或完全零基础,想学习的前端。下面的地图是在互联网上广泛传播的前端...这里还是要推荐下小编的web前端学习群:6...
  • Web前端从初级到高手之路

    万人学习 2015-12-28 16:36:35
    凡是购买本套课程的学员,可以加QQ群: 152364681,专业讲师进行在线答疑与指导,学不懂有疑问,随时问,永久服务,并赠送海量web前端练习素材,名师一路陪伴,让学员真正成为一名优秀的web前端工程师。
  • 1.在jsp文件头添加js对象 var basePath='()%>'; ...引用js对象中定义的全局上下文路径变量 内部直接引用:alert(basePath);外部文件引用:// 头部添加外部js文件 <script type="text/javascript"
  • 随着移动互联网的发展,Web前端逐渐受到企业的重视,前端开发人员的薪资也水涨船高,越来越多的人看好前端行业的发展,想要转行加入。下面,我给大家分享一份Web前端学习路线图,希望对初学者有所帮助。 Web前端行业...
  • web前端学习路线思维导图

    千次阅读 2018-03-22 09:19:49
    分享一张web前端思维导图,先收藏图太大不好展示,看不清楚可以进入以下链接查看——web前端学习路线思维导图在线版
  • 一文揭秘前端工程师的成长路径

    千次阅读 2018-07-17 08:31:06
    随着互联网的迅猛发展,各种互联网项目的不断兴起让身处其中的玩家对用户体验提出了更高的要求,前端开发也由此逐渐成为了一个不可缺少的专业研发角色。 Web前端开发在国内开始被...

空空如也

1 2 3 4 5 ... 20
收藏数 4,777,603
精华内容 1,911,041
关键字:

路径