精华内容
下载资源
问答
  • 遇到这样一个需求,react重构网站时,暂时需要引入其他域名网站详情,如果直接引入肯定会因为没有cookie引入页面跳转登录页面,首先我们用api代理网页,不会有跨域问题,其次防止网站重新登录,那么我们需要将cookie...

    遇到这样一个需求,react重构网站时,暂时需要引入其他域名网站详情,如果直接引入肯定会因为没有cookie引入页面跳转登录页面,首先我们用api代理网页,不会有跨域问题,其次防止网站重新登录,那么我们需要将cookie重写,我的配置如下:

    const str="http://ningli.win/"

    app.use(proxy(['/api','/js','/css'], { target:str,changeOrigin:true,

    pathRewrite:{

    "^/api":"/",

    },

    cookieDomainRewrite: {

    "*": ""

    }

    }));

    如上我们 iframe src="/api/post/12" ---->转发到 ningli.win/post/12

    如上我们成功引入了ningli.win网页下的网址,但是问题来了,你会发现所有资源无法引入,原因是iframe内的/js,/css被转发到了 locahost的根目录,

    localhost/js,/css肯定是找不到的,所以我们需要将/js,/css重写到原来的所以如下:

    const str="http://ningli.win/"

    app.use(proxy(['/api','/js','/css'], { target:str,changeOrigin:true,

    pathRewrite:{

    "^/api":"/",

    "^js":"/",

    "^css":"/"

    },

    cookieDomainRewrite: {

    "*": ""

    }

    }));

    我们解决了这个问题

    展开全文
  • 我想的网页发布内容,可以类似发布微博那样添加表情图片,如果直接引入微博的表情图是不是侵权了,如何引入? 请问,直接引入微博等其他网站的表情图是不是侵权了,如何做才能避免侵权或者哪些部分是可以随便引入的,...
  • 1 如何在网页引入css代码 行内式 设置标签的style属性 用的不多,后台喜欢用 一般少量的样式可以这样写,其他不推荐用 不专业 内嵌式 在head标签内部放置 <p style="color: #f40; background-color: sky...

    1 如何在网页中引入css代码

    • 行内式 设置标签的style属性 用的不多,后台喜欢用
      一般少量的样式可以这样写,其他不推荐用 不专业
    • 内嵌式
      在head标签内部放置
     <p style="color: #f40; background-color: skyblue;">一段文字</p>
    
      选择器 {
          k:v;
          k:v;
          ...
      }
    样式不多情况下 可以采用 
    
    <style>
            /*
            通配符选择器 * 表示所有标签
            */
            /* * {
                background-color: blue;
            } */
            /*
              标签选择器 标签名 一般对一类标签设置样式 采用
            */
            
            h1 {
                color: red;
            }
            
            a {
                text-decoration: none;
            }
            /*
              id选择器  用的不多 一般用在独一无二的元素
              #id
            */
            
            #box2 {
                background-color: green;
            }
            /*
              类选择器  用的最多
              .class
            */
            
            .f30 {
                font-size: 30px;
            }
        </style>
    </head>
    
    <body>
        <h1>一级标题</h1>
        <h2 id="box2">二级标题</h2>
        <p class="f30">段落</p>
        <div>
            <ul>
                <li class="f30">北京</li>
            </ul>
        </div>
        <a href="#">aaa</a>
        <a href="#">aaa</a>
        <a href="#">aaa</a>
    </body>
    
    • 外链式——项目中用的最多
      把css单独放在一个或多个文件中,只需要在用到样式的网页中引入即可
    展开全文
  • 让你的网页引入思源字体

    万次阅读 2016-07-06 14:34:32
    这段时间在做官网,设计师出了一份PSD,其他部分都搞完了,但就是字体,怎么我做出来的跟PSD字体完全两码事!?好丑啊!问了一下设计师,原来他用的字体叫思源黑体……我怎么没听过……后来查了才知道思源黑体字体是...

    这段时间在做官网,设计师出了一份PSD,其他部分都搞完了,但就是字体,怎么我做出来的跟PSD字体完全两码事!?好丑啊!问了一下设计师,原来他用的字体叫思源黑体……我怎么没听过……后来查了才知道思源黑体字体是一款由Adobe和Google联手推出了一款开源字体,而且有七种粗细的字形:ExtraLight、Light、 Normal、Regular、Medium、Bold和Heavy。顺便安利一下Chrome的查看网页字体的插件:WhatFont,有了它就可以查看到你页面的文字是什么字体多大行高多少等等。
    知道了是思源字体,但怎样搞到我们的网站上去呢?首先想到的当然是web-font。于是就去查,发现第三方服务商有字库看起来不错,也有这种字体而且免费。但体验了一下,感觉很麻烦,要将自己所用到的字拿出来去它网站那里生成字体集。如果每次改动都这样搞那不坑死自己!?而且请求别人的东西还是有点慢和不稳定。Google font也是一种,但被墙得厉害,虽然有360网站卫士常用前端公共库CDN服务,但还是觉得不太靠谱,也没起试了。
    那还有什么好方法呢?千辛万苦终于找到它——font-spider(字蛛)!官网http://font-spider.org/index.html
    有了它我们可以干什么?我们就可以将我们喜欢的字体包下载下来,然后使用font-spider,它就会自动筛选出我们网页的文字,然后对应的删减字体包中除这些字以外的字,于是!剩下包的大小就很客观了!!
    字体包处理前后对比
    那么怎样使用它呢?
    安装的步骤就不说了,跟着官网来就可以了,我使用的是npm安装。然后去它的github里把字体包下载下来,我要下载的是思源字体。https://github.com/aui/gulp-font-spider
    现在就可以用起来了:
    1.在你需要使用思源字体的CSS中,写@font-face:

    /*声明 思源字体-Light*/
    @font-face {
      font-family: 'KaiGenGothicSC-Light';
      src: url('../font/join/KaiGenGothicSC-Light.eot');
      src:
        url('../font/join/KaiGenGothicSC-Light.eot?#font-spider') format('embedded-opentype'),
        url('../font/join/KaiGenGothicSC-Light.woff') format('woff'),
        url('../font/join/KaiGenGothicSC-Light.ttf') format('truetype'),
        url('../font/join/KaiGenGothicSC-Light.svg') format('svg');
      font-weight: normal;
      font-style: normal;
    }

    2.然后对元素正常使用font-family就可以:

    body{
        font-family: 'KaiGenGothicSC-Light';
    }

    3.最后,必须要调用一下这个font-spider才会生效,这一步就是这个插件帮我们自动处理字体包的一步。
    在cmd中输入D:\xampp\htdocs\official website\html>font-spider index.html。其实就是这个命令:font-spider ./demo/*.html。由于我的html在以上那个目录,所以我去到那个目录里,最后输入font-spider index.html。现在就可以了。
    这时会看到,插件根据原来ttf格式的文件,根据你所需文字自动压缩字体集,并且生成其他几种用于兼容不同浏览器的文件,最后还把原来的ttf文件用一个.font-spider文件夹装起来了。
    现在你就可以在你的网站中用上思源字体啦!

    展开全文
  • HTML中引入在线图片

    2021-02-06 11:38:20
    在HTML中不用下载就引入其他网页上的图片 1、在谷歌浏览器中将光标放到图片上,鼠标点击右键,再点击复制图片地址 2、将复制的地址粘贴到src中 <img src=...

    在HTML中不用下载就引入其他网页上的图片

    1、在谷歌浏览器中将光标放到图片上,鼠标点击右键,再点击复制图片地址
    在这里插入图片描述

    2、将复制的地址粘贴到src中

    	<img src="https://i0.hdslb.com/bfs/archive/d47983e20a3f7125b4859fa72f648c4a3370716f.png" >
    

    这个时候我们运行会发现图片不显示

    3、加上下面这一行代码就可以显示了

    	<meta name="referrer" content="no-referrer" />  
    	 <!--可以让img标签预加载网络图片-->
    
    展开全文
  • 使用了js库文件,但是样式无法显示,按...经过查找发现是自己网页写的有问题 引入js的时候一定要注意编码格式规范,要写type=“text/javascript” 项目重启一下,这个报错消失,又出现其他错误。 待解决 ...
  • 标签定义视频,比如电影片段或其他视频流。 一段简单的 HTML5 视频: <video src="movie.ogg" controls="controls">您的浏览器不支持 video 标签。</video> controls 属性供添加播放、暂停和音量...
  • 在本次更新中iOS平台Opera Touch还引入了隐私浏览模式,在启用后浏览器就会自动停止记录访问历史之类的内容。­ Opera Touch是一款专为即时搜索网页设计的全新手机浏览器,在强化单手操作的同时搭配 Opera PC 浏览器...
  • 列表:总结1:CSS icon和切图总结2: CSS 字体总结3:CSS3动画解决方案(含JS)CSS...2、作用:使用CSS Sprite 可以减少网络请求(如每一张小icon图片都会产生加载时间),提高网页加载性能。3、使用:利用backgroun...
  • 微信当页文档提示的一种解决方式: invalid url domain当前页面...在微信其他文档还有种解决方式: 授权回调域名配置规范为全域名,比如需要网页授权的域名为:www.qq.com,配置以后此域名下面的页面http://www.qq.c
  • %@ include file="其他引入的jsp文件名"%> 特点:会将引入的jsp文件和当前的jsp文件转译成一个java文件使用 在网页中显示合并后的效果 注意:静态引入的jsp文件不会单独转译成java文件 当前文件和静态映入...
  • html文件引入其它html文件的方法有三种,具体可以看下:1.IFrame引入,看看下面的代码<IFRAME NAME="content_frame" ...</IFRAME>你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,...
  • 在写一个网页时,用list-style-image属性设置列表图标时,相对路径设置没有问题,在浏览器调试时却没有显示所需效果,样式表加载正常,属性也正常j加载,但无法找到图片文件,始终没找到问题原因。于是试着用...
  • thymeleaf引入其他界面---公共页面元素的抽取 三种引入功能片段的th属性: th:insert :将公共片段整个插入到声明引入的元素中 th:replace :将声明引入的元素替换为公共片段 th:include :将被引入的片段的内容...
  • 是一个完整的网页。那我们再看item-add.jsp页面,他节点是div,只是一个html的片段,并不是一个完整的网页,在easyUI中,他会做ajax请求,去请求这个的页面,他会把这个页面添加到网页里面。所以网页并没有刷新,也...
  • yueyemoyan ...运行安装成功之后就开始压缩了我的目录是这样的我的css文件开头是这样的这里要确保ttf文件一定要有,其他的不管在你的html中也引用了相应的css文件接下来就是最后一步了 生成新的字体库node
  • 引入bootstrap导致布局混乱

    千次阅读 2018-10-21 16:21:34
    应该将bootstrap首先引入,然后再在下面编写css或者是引入其他css文件。 &lt;script src="js/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="js/bootstrap.min.js"&...
  • css引入特殊字体

    2015-11-20 13:25:00
    ...css引入特殊字体建议只是用英文字体,中文字体太大不适合.在CSS中通过@font-face属性来实现网页中嵌入特殊字体.首先获取要使用字体的三种文件格式.EOT,.TTF或.OTF,.SVG, 确保能在主流浏览...
  • 最简单的 天气预报 引入

    千次阅读 2018-03-10 16:02:53
    一、前言1、目前引入天气预报的初衷仅仅是修饰页面而已,使网页稍微有点时代感,亲切感、体贴感。 2、全部前端引入,一句代码而已二、效果①初步显示②修改地区,如点击图中的湛江,进入如下页面修改为北京点击确定...
  • 1、jsp引入其他页面的方式 – 当我们需要设置一个网页共同的部分时,为了降低代码的耦合,可以直接将其引入 1.1、方式1:page指令 <%@include file="/页面路径"%> <html> <head> <title>...
  • 网页运行原理

    2013-11-21 17:23:41
    当我们打开一个网页的时候,浏览器会首先创建一个窗口,这个窗口就是我所知道的window对象,也就是整个Javascript运行所依附的全局变量。 为了加载网页文档,当前窗口又需要创建一个...当我们用引入其他的JS时,浏
  • HTML页面中引入CSS和JS的方法总结

    千次阅读 2019-04-04 15:17:03
    HTML文件中怎么样引入CSS样式和JS,这篇文章总结了在...通过这种方式写的样式会覆盖掉其他引入方式的样式,优先选择行内样式。缺点是不利于后期维护,如果一个页面写太多行内样式,也会让页面看着比较乱。 <...
  • 1.新手使用  我们一般在初学django的情况下,引入django的静态文件一般有如下两种方式:  通过路径引用: <script type="text/javascript" src="/... 直接从bootcdn或其他网页引用: <link hr...
  • 网页通常会遇到要公用一个头部区域,底部区域或其他区域。我们已公用头部header为例演示。 1.共用头部header.js document.writeln(` // html写在此处 <ul class="navbar-nav" style="font-size:28px">...
  • aa bb bb url标签可以构造一个url import标签可以引入其他网页 redirect标签 可以重定向
  • 网页选项卡可以较好的利用有限的页面来展示更多的元素,而使用JQuery来制作网页选项卡也是一件非常简单...选项卡出现其实只是某一个div获取到了显示的权限,其他的没有显示而已。  •网页代码 选项卡1 <l
  • 熟悉jsp的知道,有两种include其他页面的方法,一种是说明标签<...我在动态网页制作教程中a.jsp页面上定义了一个 String path = request.getContextPath() , 而这个页面用说明标签引入了一个b....
  • H5网页涂鸦canvas

    2017-11-14 17:53:00
    最近做了个播放页面,标题和一个iframe;需要对这个iframe可以进行网页...本项目没有引入其他的任何工具库,复制代码可以直接运行,下面贴出代码: <!DOCTYPE html> <html lang="en"> <head&g...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 600
精华内容 240
关键字:

引入其他网页