img图片与background的差异

小伙伴们都知道在网页当中要插入一张图片可以使用img，但是有些小伙伴在接触background之后，容易把这两个图片插入方式搞混，那么我们一起来详细的看一下吧 img是一个html标签，我们想要在网页中实现图片的插入，直接在img的属性src中写入图片路径就可以啦~

将各种最好用的图片资源，以及获取这些图片资源的方法掌握以后，我们就可以将精力放在更深一层的设计上，而不会因为某个返回箭头巨丑，心里一直堵着，偏偏想把它改好看的纠结上了。

本文将介绍一些产品经理快速找到顺手图片资源的小技巧，当然，这些技巧也可供UI射鸡湿参考。另外开发人员如果也搞一搞，下次资源图还没出来时你就可以先找很多现成的来代替，说不定效果很好呢。

一. 原始：Axure部件库

这个大概是Axure上手的第1个小时就学会的东西，不用介绍了。

雨文冰璃发表于 2015-5-10 15:22:58

【新闻】含着奶嘴开始撕逼大战 《复仇者联盟2》角色超Q画作

《复仇者联盟2：奥创纪元》5月12日将正式在国内各大影院公映，无论你喜欢老练帅气钢铁侠，英俊潇洒美国队长，或健壮刚猛绿巨人还是妖娆性感的黑寡妇，一部电影让你全部满足。

而国外艺术漫画家Skottie Young就为漫威的各大超级英雄们设计了一套非常可爱的Q版形象，角色都变成了小孩儿或是婴儿，含着奶嘴就开始撕逼大战了，着实又可爱又让人捧腹。

我们在开发网站时，一般会在图片上加一个过光效果，目的是为了，让用户明白我的鼠标移动到这里了，同时还能增加网页上的美观效果。下面是它的实现基础代码，大家可以看看了解了解。

html部分

我们在学习html的时候，图片标签

TextEdit可以用于显示和编辑多行文本，它既可以显示纯文本也可以显示富文本，类似于

Qt中的QTextEdit。

TextEdit也有很多的属性和方法，其本身没有边框，和TextInput一样可以使用一个矩形作为其边框。

TextEdit默认为不换行，我们需要将wrapMode设置为TextEdit.Wrap，使它换行。设置clip防止其超出范围。

项目性能优化

UI库按需加载(打包)问题

1. 问题剖析:

当开发的项目需要引入第三方的UI组件库(antd/mint-ui/element-ui)的时, 需要会打包所有组件的js和css, 而项目中只使用了其中少部分组件. 使用按需打包实现只打包使用的组件, 从而减小打包文件大小

双冒号(::)和单冒号(:)都用于表示伪元素，但它们在语法上有一些区别。

• 双冒号(::)：在CSS3中引入了双冒号语法，用于表示伪元素。它是较新的语法规范，建议在使用CSS3伪元素时使用双冒号。例如：::before、::after。
• 单冒号(:)：在CSS2中引入了单冒号语法，最初用于表示伪类，如:hover、:active。然而，由于历史原因，单冒号也可以用于表示某些伪元素，如:before、:after。这种用法在CSS2中被允许，但在CSS3中不再推荐。

1、伪类选择器的扩展

● e:first-child

只要某个子元素e是其父元素的第一个子元素，那么设置e的样式

● e:last-child

只要某个子元素e是其父元素的最后一个子元素，那么设置e的样式