每日3+1-128

190 阅读2分钟

题目来源

  • 公众号[前端剑解-128]

[html]精灵图和base64如何选择?

精灵图:雪碧图、css精灵、sprite

  • 精灵图:小图片特别多(如:大于8k,url-loader通用大小),采用合并的方式减少http请求
  • base64:体积小,相对精灵图,数量不重要;会使整体包增大,小程序禁止使用

总结

  • 在快速开发阶段base64或外链接更合适,在已经稳定的功能,改成精灵图是更好的优化手段
  • 这里想起了url-loader默认小于8K使用base64,大于使用引用形式
  • 都是为了减少http请求数
  • 其他选择:
    • 字体图标:只支持单色
    • css图标:制作费时,可以使用现有库

相关资源

实战

[css]说说visibility属性的collapse属性值有什么作用?在不同浏览器下有什么区别?

  • 作用:隐藏当前元素,被占空间继续保留
  • 兼容性
  • 兼容性:
    • 通常visibility:collapsevisibility: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