对语义网中图片处理的一点拙见

    在做网页的时候,经常需要用到图片,而呈现图片的方式一般为2种:

  • 使用img标签
  • 使用样式的background-image属性

    我认为,当我们需要一些图片进行说明的时候,应该使用img标签。因为img标签有alt属性,此属性为当图片无法显示的时候,或者鼠标悬停在图片上方的时候,给予用户提示。此时候就算样式消失,但是图片仍然存在。传递给用户的信息几乎都没有少。
    而,如果只是将图片用作修饰啊之类的,并没有向用户传递信息作用的图片,此时应该使用background-image。因此,当样式消失的时候,背景图片同时消失。对用户的所有干扰消失,完全依靠合理的结构来向用户传递信息。
    我们先来淘宝网看看,当我们打开首页发现页面使用了大量的图片和信息。而其中的图片是有差别的,有的只是背景图片,而有的是使用了img标签的。我数了下,认为应该使用img标签的一共有64处。而其他地方的图片应该全为background-image。我们禁用css会发现,其64张图片一个都没少,可见要传递给用户的信息并没有少。我还发现还多5张,其中一个是淘宝平时logo的备份,另外4个是4个按钮。由于这4个按钮比较难用样式实现,因此,使用img对其进行实现。但是个人还是认为,如果不需要非常花哨的按钮,建议使用css来实现此按钮。
    我们再来抓虾看看。其首页,个人认为有4处应该使用img标签:logo,随便看看的按钮,成为会员的按钮,下方的网络警察。禁用css后发现,其除了下方的网络警察外,其他的图片全部消失。这样就给用户造成了一些麻烦。虽然说其页面上还是保留了注册的按钮,但是告知用户可以先不需要注册,可以先进去逛逛的信息却丢失了。同时传递给用户的抓虾logo信息也同时丢失。
    以上是小弟对语义网中图片处理的一点拙见,还望指正。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
部分使用说明: 点击开始菜单-运行命令,在对话框输入: "jhead –命令参数 jpeg文件" 例如: “jhead -de D:\A.jpg” 删除D盘盘根目录下A.jpg文件的exif信息。 “jhead -de D:\*.jpg” 删除D盘根目录下所有jpg文件的exif信息。其中星号是通配符。 二、通用指令参数 -te 将其他jpeg文件的eixf导入目标jpeg。例如"jhead –te D:\B.jpg D:\A.jpg" -dc 删除jpeg信息中的备注。注意,jpeg文件有两个备注,一是和其他文件一样的备注,另一个是exif信息中的备注。jhead仅对exif信息有效。 -de 完全删除exif信息。 -du 删除非原始exif信息,例如Photoshop、Turbophoto之类编辑后修改exif留下的信息。 -purejpg 删除所有jpeg文件非必须的信息。相当于-de、-dc和-du的集合,可以将文件减小数k。 -ce 修改文件的jpeg文件头部分备注(此备注并非exif信息)。该指令会打开文本编辑器,并在编辑器关闭时将备注信息存入文件。 -cs 导出备注。例如"jhead –cs D:\988.txt D:\A.jpg" -ci 导入备注。例如"jhead –ci D:\988.txt D:\A.jpg" -cl 直接输入备注。。例如"jhead –cl 我的备注 D:\A.jpg" 三、其他指令 时间日期 -ft 将jpeg文件的“修改时间”修改为exif信息中记录的时间。 -n[] 该指令会将文件名修改为exif信息中记录的“创建时间”;如果jpeg文件没有exif或者exif中的创建时间不可用,则将文件名修改为文件的“修改时间”。 默认的格式-顺序为MMDD-HHMMSS 格式-顺序参数如下: %d-日(01-31) %H-小时(00-23) %j-一年中的第几天(001-366) %m-月(01-12) %M-分钟(00-59) %S-秒(00-59) %U-一年中的第几周(00-53) %w-星期几(0-6,周日为0) %y-两位数纪年(00-99) %Y-四位数几年 %i-添加数字序号 例如: jhead -n%Y%m%d-%H%M%S d:\*.jpg 将所有jpg文件修改为YYYYMMDD-HHMMSS.jpg的格式。 -nf 与“-n”相同功能相同,不保留原文件名。 -a 修改不同扩展名的同名文件名,相机拍摄的avi短片exif信息存储在与其同名的thm文件中,可用此指令给avi文件更名。一般与“-n”指令共同使用。 -ta 修正时差,例如时差根据时区确定,例如+1:00或者-1:00 -da- 修正日期。日期格式是yyyy:mm:dd、yyyy:nn:dd+hh:mm或者 yyyy:mm:dd+hh:mm:ss。根据前后参数时间差调整exif的时间。 -ts 直接修改exif中的拍摄时间,日期-时间格式为yyyy:mm:dd-hh:mm:ss 缩略图 -dt 删除exif中的缩略图。这个缩略图一般为240x160像素,10k大小,用于数码相机、Windows XP查看照片,删除它不会影响工作。 -st 将exif中的缩略图复制为另一个jpeg文件 -rt 用另一个jpeg文件替换exif中的缩略图 -rgt[大小] 刷新exif缩略图,其中大小为缩略图的最大边长。 旋转 -autorot 根据exif中记录的水平方向信息转动jpeg照片。 -norot 清除exif中的水平方向信息。 四、使用技巧 1)用开始菜单的"运行"指令并不直观,可以通过运行cmd命令进入DOS命令提示符界面操作。在DOS界面进入操作照片文件夹(不懂DOS操作的朋友建议稍稍学习DOS指令,今后也会受用无穷),在文件夹中运行jhead命令,用“*.jpg”表示文件夹中所有的jpeg文件,可以进行批处理。 2)-te(复制exif信息)作用在于可以恢复被其他编辑软件删除的exif信息。编辑照片之前,先在照片文件夹中建立一个名为“backup”的备份文件夹,将原是照片复制到backup文件夹中,然后再编辑照片,编辑软件可能会删除或修改exif。编辑结束后进入DOS界面照片文件夹输入: jhead –te “backup\&i” *.jpg 照片的exif信息就会从backup文件夹的原始文件中复制回来。其中“&i”表示与目标文件同名的文件,前面的“backup\”表示原始文件位置。 3)-purejpg指令可以删除所有exif信息,让照片减小若干k字节
在Vue 3中,没有直接的`created()`语法糖。在Vue 2中,`created()`是一个生命周期钩子函数,用于在组件实例创建后执行特定的操作。然而,在Vue 3中,为了简化组件的写法,将数据和方法的声明与组件实例的创建过程分离,采用了新的`<script lang="ts" setup>`语法糖来替代传统的选项API。使用`setup()`函数来声明组件的数据和方法。 如果你想在Vue 3中实现类似于`created()`的功能,可以在`setup()`函数中使用`onMounted()`钩子函数。`onMounted()`会在组件实例挂载到DOM后被调用,相当于Vue 2中的`created()`。你可以在`onMounted()`中执行需要在组件创建后立即执行的操作。 下面是一个示例代码,展示了如何使用`onMounted()`来实现类似于`created()`的功能: ```javascript <script lang="ts" setup> import { onMounted } from 'vue' onMounted(() => { // 在组件实例挂载到DOM后执行的操作 console.log('Component created') }) </script> ``` 在上面的代码中,`onMounted()`钩子函数中的回调函数会在组件实例挂载到DOM后被调用,你可以在其中执行你需要的操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [keylime:用JavaScript处理原型的好方法](https://download.csdn.net/download/weixin_42117032/18918167)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [关于vue3Setup语法糖的拙见以及实际运用](https://blog.csdn.net/Web_Sam/article/details/127276270)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值