精华内容
下载资源
问答
  • hexo引用图片的方法

    2019-09-27 18:37:50
    引用图片的第一种方法 {% asset_img 这是一个新的博客的图片.jpg 这是一个新的博客的图片的说明 %} 用此种方法,而不是以前的方法,前提是你的hexo的版本是hexo3以上,到package.json里面看一下吧。如果不是hexo3...

    使用下边的方法有效果
    引用图片的第一种方法
    {% asset_img 这是一个新的博客的图片.jpg 这是一个新的博客的图片的说明 %}

    用此种方法,而不是以前的方法,前提是你的hexo的版本是hexo3以上,到package.json里面看一下吧。如果不是hexo3以上的版本,那就只能用第二种方法了。

    作者:砖用冰西瓜
    链接:https://www.jianshu.com/p/cf0628478a4e
    来源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    转载于:https://www.cnblogs.com/jinliang-li/p/11357429.html

    展开全文
  • react之本地图片引用

    2018-11-08 15:10:00
    react之本地图片引用 <img src="../images/photo.png"/> 这种写法在react中是不支持的,所以引用本地图片需要用import或者require。 方法一: import imgURL from './../images/photo.png'; ... <...

    react之本地图片引用

    <img src="../images/photo.png"/>  

    这种写法在react中是不支持的,所以引用本地图片需要用import或者require。

    方法一:

    import imgURL from './../images/photo.png';
    ...
    <img src={imgURL } />

    方法二:

    <img src={require('./../images/photo.png')} />

    当图片名称存储在json中的时候,require不能写变量,import from后面也不能写变量。所以就出问题了。

    目前我的解决方法,把require里面的值前面加一个字符串。

    const  img = require('../image/'+this.props.data.imgName);
    <img src={img}/>

     

     

     钻研不易,转载请注明出处。

    转载于:https://www.cnblogs.com/s313139232/p/9929199.html

    展开全文
  • 今天在无意间发现了自己的博客文章被 腾讯云社区,企鹅号,天天快报 转载,并且文章内容缺失的一塌糊涂,很多关键性的段落,图片,以及代码丢失,很容易给读者朋友带来困惑和误导。 我在这篇博客中对这件事儿进行了...

    今天在无意间发现了自己的博客文章被 腾讯云社区,企鹅号,天天快报 转载,并且文章内容缺失的一塌糊涂,很多关键性的段落,图片,以及代码丢失,很容易给读者朋友带来困惑和误导。

    我在这篇博客中对这件事儿进行了详细的说明和吐槽,《【超级不爽】腾讯居然在我不知情未授权的情况下偷偷的转载我的博客文章》。

     

    为了避免再次发生类似的情况,我决定做出以下声明:

    1.博客中标注原创的文章,版权归原作者 机灵鹤 所有;

    2.未经原作者允许不得转载本文内容,否则将视为侵权;

    3.转载或者引用本文内容请注明来源及原作者;

    4.对于不遵守此声明或者其他违法使用本文内容者,本人依法保留追究权等。

     

    只是希望大家在转载文章时,能够有版权意识。

    先联系原作者征得转载授权(其实这种事儿,我很好说话的,评论里或者私信跟我说一下,我一般都是会同意的),

    并且注明文章原始出处和原作者。

    展开全文
  • 可辅助移除页面中的图片或者不需要打印的元素 应用基本打印样式(比较适合英文打印) 2.Print Friendly 输入网站地址,生成对应优化后的打印效果供选择打印 Save Money & the Environment 八...
    

    http://cdc.tencent.com/?p=8155

    浪迹互联网,是否有过这样的经历,遇到自己特别需要或者特感兴趣的内容时,或收藏网址或存成笔记或将其打印出来? 用自己喜欢的方式将内容收藏以便日后查阅。前两种应该是大家常用的处理方式,而第三者又有多少人实际操作过呢?

    当你真的遇到第三者这种情况时,是否发现调出打印预览时的效果和自己的预期不太相符? 或者是网页的原样但却包含了很多在纸上不需要的内容。 这个时候你会怎么处理呢? 放弃打印,低碳环保?复制内容到word中重新处理,费时费力费纸费电? 实际上这种情况可以很容易的被避免,那就是对网页应用–打印样式

    一、原因分析

    不过你可能会发现,大部分的网页都没有针对打印内容做针对处理,究其原因,大致可总结出几点

    1.打印成本

    首先打印机并不像电脑一样在家庭中普及, 其次纸张与墨水都属于耗材,尤其是墨水的价格直接影响着打印的成本

    2.提倡无纸化

    在生存环境日益恶化的今天,低碳环保是一个需要大家关注的问题, 而打印确是费纸费电的一种行为,而且与提倡的无纸化办公相违背

    3.特定性较强

    网页打印并不是用户的刚性需求,在一些特定的场景网页打印的机会才会多一些

    二、使用场景

    在网络上有哪些地方需要网页打印呢? 可能大家会有一些印象的,比如优惠券,报销单据,简历文章,教程手册等

    print1

    不过大家可以自己思考下是否还有哪些场景是需要打印的?

    其实根据不同情况进行分析,需要在纸上浏览的内容,在纸上浏览可能更方便的内容,而且在纸上阅读的阅读体验及便捷程度可能比在电子设备上好, 这些都是网页打印存在的支撑。如CDC博客文章页,华尔兹规范, Prowork排期,百科词条,TAPD上的一些文档等等,还有很多需要大家自己去结合自己的业务需求来确定是否需要改进打印的体验

    三、打印样式

    样式引入

    1.嵌入打印样式到样式文件中

        @media print { … }   

    彩色打印

        @media print and (color) { … }

    2.单独引用样式文件

        <link rel="stylesheet" type="text/css" media="print" href="print.css" />

    指定多个媒体类型

        <link rel="stylesheet" type="text/css" media="screen, print" href="all.css" />

    打印样式手册

    名称 描述 详细介绍
    @page 设置页面容器的版式,方向,边空等 http://www.w3.org/TR/css3-page/#at-page-rule
    page-break-before
    page-break-after
    page-break-inside
    设置对象前后及对象本身的分页处理 http://www.w3.org/TR/2011/REC-CSS2-20110607/page.html#page-break-props

    还有一些试验性质的属性用来提升打印效果,不过目前还只是一些草案,只有部分属性被浏览器支持

    Widows And Orphans

    print2

    传统排版印刷的细节处理,避免一些单词或者行单独显示。


    Crop Marks And Page Bleed

    print3

    出血是一个常用的印刷术语,印刷中的出血是指加大产品外尺寸的图案,在裁切位加一些图案的延伸,专门给各生产工序在其工艺公差范围内使用,以避免裁切后的成品露白边或裁到内容。在制做的时候我们就分为设计尺寸和成品尺寸,设计尺寸总是比成品尺寸大,大出来的边是要在印刷后裁切掉的,这个要印出来并裁切掉的部分就称为出血或出血位。

    目前在一些设计图和广告海报等的打印中应用较多


    Box Decoration Break

     box-decoration-break: slice | clone;

    print4

    左侧为slice属性,右侧为clone属性

    关于打印排版的内容还有很多,感兴趣的同学还可以去w3c官网上查看下具体的工作草案CSS Paged Media Module Level 3

    其它优化

    • 二维码,可以便捷的访问原网址

    print5

    .title h3:after{ content: url(‘qrcode.png’); position: absolute; top: 0; right: 0;}

    需注意的是二维码的位置不要遮盖到内容

    四、打印脚本

    1. 1.客户端脚本方式打印简单高效,与打印样式配合成本最低,满足日常基本需求,或者是拼接需要打印的内容生成新页面进行打印
       window.print()
    2. 2.打印控件专门针对打印进行处理,功能强大,需要安装相关插件还有就是商用需付费

    五、打印实践

    通过前面的简单介绍,基本可以了解了网页打印优化需要的知识,下面以CDC博客的文章详情页为例,简单介绍下优化过程

    1. 1.查看当前网页的打印效果 Ctrl+P,如下图
      print_11
    2. 2.加入通用样式,根据前面提到的内容,将页头,页尾,侧边栏,评论部分还有一些赞和分享逻辑隐藏掉 display:none !important,只保留文章内容部分print_12
    3. 3.增加内容的显示宽度,设置标题与内容字体排版 width: 100% !important
      print_13
    4. 4.加入二维码提高便捷性,避免遮挡住文章内容
      print_14

    这样一个简单的流程就完成了打印样式的优化,实际过程非常简单。不过具体的细节部分还需要根据实际需求进一步打磨

    六、优化经验

    通过实践,在改进网页打印体验过程中得出了一些具体的思考

    1.纸上是没有交互的

    不同于网页的点击操作,纸张上的内容只适合单纯的浏览,所以一些复杂的逻辑并不适合出现在纸上。 纯粹的内容在纸上更具意义

    2.节约打印成本

    在保证内容可良好阅读的前提下尽可能的节省墨水,节约成本

    3.打印提示

    明确的提示和引导也是改进体验的关键,否则提供的良好体验有可能就被埋没了

    七、辅助工具

    1. 1.The Print liminator
      print_15
      浏览器书签工具,拖至书签栏后点击,调用脚本在当前页面显示工具

      • 可辅助移除页面中的图片或者不需要打印的元素
      • 应用基本打印样式(比较适合英文打印)
    2. 2.Print Friendly
      print_16
      输入网站地址,生成对应优化后的打印效果供选择打印

      Save Money & the Environment

    八、结语

    网页打印优化的目的是为了节省成本并且可以提升基础体验,希望通过本文可以引起大家的一些关注,并通过我们的技术小力量为产品的完美体验慢慢打磨,成为精品。

    文中提到的主要是PC上关于网页打印的一些内容,关于移动设备的网页打印因为实际应用较少,所以这里并未做介绍,但是并不是就可以直接忽略了,像苹果推出的AirPrint就是一种具体的应用案例,详见下面的参考链接

    参考链接

    1. Printing The Web
    2. CSS-Tricks Finally Gets A Print Stylesheet
    3. Make an Editable/Printable HTML Invoice
    4. Making a ‘Print This Page’ Button
    5. 打印样式CSS的技巧和要点
    6. CSS文字大小单位px、em、pt
    7. AirPrint
    展开全文
  • vue中图片引用问题

    万次阅读 2018-07-26 14:59:23
     在Vue中引用外部SCSS(SCSS里面使用了图片)时,loader报错: * ../images/xxx.png in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":...
  • 3.引用文件,并开始拼接: 项目地址:GitHub - lvao813/img-demo 这个只是一种封装的思想,希望能给大家带来启发。 作者:目标全栈 链接:https://www.jianshu.com/p/9612b5608183 来源:简书 著作权归作者...
  • 转载请注明出处:http://blog.csdn.net/xyang81/article/details/44657385    这篇文章比较偏理论,详细介绍了在编写本地代码时三种引用的使用场景和注意事项。可能看起来有点枯燥,但引用是在JNI中最容易出错的...
  • 作者:winterSunshine链接:...商业转载请联系作者获得授权,非商业转载请注明出处。1.概念解释强引用是使用最普遍的引用:Object o=new Object(); 特点:不会被GC将对象的引用显示地置为null:o=null; // 帮助垃...
  • 当我们在进行大篇幅word文档的编写时,为了节约修改文章中图片所花费的大量时间,可以将图片自动编号,且让文中引用的顺序跟着图片顺序的变化而变化,具体操作如下: 1.将鼠标定在欲加编号的下方,点击“引用”→...
  • 正文: 先确定你要引用图片来自哪个期刊,这个一般在论文某个角落有写,或者网上找,这个简单。比如我要在IEEE上搜一篇,就先进IEEE的官网(英文),然后输入论文题目,结果如下: 看见右下角哪个 C 符号了吗?这...
  • Android中图片优化之webp使用

    万次阅读 2015-06-18 23:30:38
    博客出自:http://blog.csdn.net/liuxian13183,转载注明出处! All Rights Reserved ! 有关图片的优化,通常我们会用到LruCache(使用强引用、强制回收的办法),会用到SoftReference(使用url做key,bitmap做value...
  • Android xUtils3源码解析之图片模块

    千次阅读 2017-03-30 09:43:54
    本文已授权微信公众号《非著名程序员》原创首发,转载请务必注明出处。 xUtils3源码解析之图片模块,图片加载所需要的一切,都在这里~
  • 作者:高飞转载请注明出处:http://blog.csdn.net/soartju 最近需要为产品提供帮助文档,使用的帮助文档制作软件可以直接将word转换成html格式,但是,转换之后,图片较小。为了解决这个问题,想到了在word中,将...
  • 本文来自http://blog.csdn.net/liuxian13183/ ,引用必须注明出处! 从Android爆发以后,自定义的控件如EditTextWithDelete、ActionBar、PullToRresh逐步进入开发者的视野,想起11年的时候,基本项目中使用的UI还...
  • MATLAB下如何提高图片亮度

    千次阅读 2018-04-26 10:25:32
    转载或引用注明出处:https://blog.csdn.net/tsj_1996/article/details/80089391 在做关于人脸识别方面的毕业设计的时候,采集了大量图片。但是为了保证识别的精确度,想使图片具有不同的亮度。下面是代码:...
  • 引用(weak):不会增加自动引用计数,必须为可选类型变量,因为弱引用引用计数为0的时候,会自动赋为nil。在swfit中,可以赋值为nil的为可选类型 无主引用(unonwed):不会增加自动引用计数,必须为非可选类型。在...
  • Markdown中的变量引用

    千次阅读 2018-04-05 21:34:20
    Markdown中的变量引用 ... 转载请注明出处! 写东西的时候突发奇想,Markdown支持变量引用吗?这么高大上的工具应该支持的吧?!于是就查阅了一些资料:果然支持! 下面把变量引用的用法记录一下。 使用变量的好处...
  • 转载请注明出处:王亟亟的大牛之路昨天做了个梦,梦醒后觉得还是要更努力的学习,所以不多说废话,直接上货。BlurImageView效果图:流程: 实现原理,加载2张图片一张为很小的缩略图,一张为原图,缩略图加载完后做...
  • 转载请注明出处 http://blog.csdn.net/u011071427/article/details/52996833 本文出自无尽被动的博客 前言在写博客的过程中,常常需要引用图片来论证,又没有什么地方可以固定存储图片,所以就把图片上传到...
  • 比如说在ListView中加载图片,如果是同步加载图片倒还好,但是一旦使用异步加载图片那么问题就来了,这个问题我相信很多Android开发者都曾经遇到过,就是异步加载图片会出现错位乱序的情况。遇到这个问题时,不少人...
  • 转载请注明出处http://blog.csdn.net/xiaanming/article/details/9825113 异步加载图片的例子,网上也比较多,大部分用了HashMap> imageCache ,但是现在已经不再推荐使用这种方式了,因为从 Android 2.3 (API ...
  • Android之图片压缩

    千次阅读 多人点赞 2016-09-09 16:09:54
    在开发中,对于图片的操作,稍有不慎,可能就会消耗大量的内存,导致程序崩溃,所以了解一种通用的技术去处理和加载图片,同时保证UI流畅避免OOM现象,是非常有必要的。那么为什么在Android中对于图片的处理会如此...
  • 转载请注明出处:王亟亟的大牛之路最近时间都利用的不太好,都是到下午才开始学习或者做事,一上午都吹B或者XXX用掉了。。。不太好,这里督促下自己不要再懒惰,哈哈!!再安利下我的整合库,方便大家找资源:...
  • 这两个缓存模块的作用各不相同,内存缓存的主要作用是防止应用重复将图片数据读取到内存当中,而硬盘缓存的主要作用是防止应用重复从网络或其他地方重复下载和读取数据。 内存缓存和硬盘缓存的相互结合才构成了...
  • Android内存优化案例之图片墙说明:本文章是翻阅郭霖老师的博客之后有得而自行编写的,转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/9526203本篇文章的主要内容是说图片的内存缓存和从网络...
  • Jsp破解图片防盗链

    千次阅读 2013-12-26 17:18:14
    引用图片的地方改为:/url.jsp?url='+ 图片路径 +'" width="100" height="100" /> 保存下面的代码 例如url.jsp //response.reset(); try{ OutputStream os = response.getOutputStrea
  • Android图片加载优化--图片缓存

    千次阅读 2015-09-17 19:52:28
    转载请注明出处:作者CJstar为什么要使用内存缓存 内存缓存: 内存缓存是指将已经赋值的对象保存在内存中,当再次使用的时候直接去内存读取,不再做重复的创建操作。 内存缓存的优势: 对象的重复使用,不再去创建...
  • 使用JavaScript解决网页图片拉伸问题

    千次阅读 2016-11-08 18:30:10
    开发网页的过程中经常会因为图片的拉伸问题而苦恼,这里就将介绍如何通过JS来动态的处理网页图片尺寸的问题,让网页不再存在拉伸的图片,让网站更加美观
  • 原文出处: absfree(简书作者)本篇文章尝试从What、Why、How这三个角度来探索Java中的弱引用,帮助大家理解Java中弱引用的定义、基本使用场景和使用方法。由于个人水平有限,叙述中难免存在不准确或是不清晰的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,260
精华内容 4,904
关键字:

引用图片注明出处