题目来源
- 公众号[前端剑解-128]
[html]精灵图和base64如何选择?
精灵图:雪碧图、css精灵、sprite
- 精灵图:小图片特别多(如:大于8k,url-loader通用大小),采用合并的方式减少http请求
- base64:体积小,相对精灵图,数量不重要;会使整体包增大,小程序禁止使用
总结
- 在快速开发阶段base64或外链接更合适,在已经稳定的功能,改成精灵图是更好的优化手段
- 这里想起了
url-loader默认小于8K使用base64,大于使用引用形式 - 都是为了减少http请求数
- 其他选择:
- 字体图标:只支持单色
- css图标:制作费时,可以使用现有库
相关资源
实战
[css]说说visibility属性的collapse属性值有什么作用?在不同浏览器下有什么区别?
- 作用:隐藏当前元素,被占空间继续保留
- 兼容性
- 兼容性:
- 通常
visibility:collapse和visibility:hidden无区别,个别情况有不同,具体看【实战】 - 非谷歌同
display:none;和hidden - IE低版本,无效果
- 通常
- 实战
[js]说说你对js包装对象的理解
- 包装对象为基本数据类型提供公共属性和方法
- 从这点可以看出,基本类型其实也是源于引用类型,只是使用完即被销毁,也就是基本类型的生存期短暂
- 原生包装对象:String、Number、Boolean为string、number、boolean类型提供了针对当前格式的方法和属性,使得可以直接操作对应的数据
基本类型创建模拟
var str1=new String('hello world')//创建String包装类型实例
var str2=str1.substring(6);//实例调用方法
str1=null;//销毁实例
[软技能]知道为何有些网站访问不需要端口号?说说你对端口的理解?
- 请求通过ip找到有需求资源的服务器,每个服务器有多个端口,每个端口对应一个应用程序
- 服务器就是一个房子,每个房间有指定的门牌号,也就是端口号
- 实际上每个网址都是有端口的,只是端口默认为80
- http服务器默认端口号80
- https服务器默认端口号443