每日思考（2020/01/14）

Posted 2021-03-16 ericzlin

题目概览

• 网页上的验证码是为了解决什么问题？
• 对图片格式的了解及使用场景
• 写一个方法判断字符串是否为回文字符串

题目解答

网页上的验证码是为了解决什么问题？

• 目的
  • 防止机器行为，确定是人为操作，比如登陆、发帖等
  • 保护服务器，比如12306买票的时候，各种抢购的时候
• 类型
  • 图形验证码
  • 字符验证码 文字+混淆 如早期的7456这种结果的验证码
  • 复杂字符验证码 复杂文字+混淆 如加入中文等本土化的增加识别难度
  • 计算验证码 数字+运算符+混淆 如1+2=? 需要识别表达式增加识别难度
  • 精确识别 文字+混淆文字 如选出 优贝在线 中的 贝字，或者选出所有的筷子，所有的红绿灯（12306）
  • 滑动拼图验证 图像+滑块+图像凹槽 如常见的滑动拼图，提供商有易盾之类的
  • 拼图验证 图像+打乱 需要用户去拼合完成。teamviewer 和 google
  • 物理验证
  • 手机短信验证码
  • 手机语音验证码

对图片格式的了解及使用场景

• GIF
  • 优点：GIF是动态的；支持无损耗压缩和透明度
  • 缺点：详细的图片和写实摄影图像会丢失颜色信息；在大多数情况下，无损耗压缩效果不如 JPEG 格式或 PNG格式；GIF 支持有限的透明度，没有半透明效果或褪色效果
  • 适用场景：主要用于比较小的动态图标
• PNG
  • 优点：PNG格式图片是无损压缩的图片，能在保证最不失真的情况下尽可能压缩图像文件的大小；图片质量高；色彩表现好；支持透明效果；提供锋利的线条和边缘，所以做出的logo等小图标效果会更好；更好地展示文字、颜色相近的图片。
  • 缺点：占内存大,会导致网页加载速度慢；对于需要高保真的较复杂的图像，PNG虽然能无损压缩，但图片文件较大，不适合应用在Web页面上。
  • 适用场景：主要用于小图标或颜色简单对比强烈的小的背景图。
• JPG/JPEG
  • 优点：占用内存小，网页加载速度快。
  • 缺点：JPG格式图片是有损压缩的图片，有损压缩会使原始图片数据质量下降，即JPG会在压缩图片时降低品质。
  • 适用场景：由于这种格式图片对色彩表现比较好，所以适用于色彩丰富的图片。主要用于摄影作品或者大的背景图等。不合适文字比较多的图片。
• SVG
  • 优点：SVG是矢量图形，不受像素影响，在不同平台上都表现良好；可以通过JS控制实现动画效果。
  • 缺点：DOM比正常的图形慢，而且如果其结点多而杂，就更慢；不能与html内容集成。
  • 适用场景：主要用于设计模型的展示等。
• WebP
  • 优点：WebP格式，谷歌（google）开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3，并能节省大量的服务器宽带资源和数据空间。
  • 缺点：相较编码JPEG文件，编码同样质量的WebP文件需要占用更多的计算资源。
  • 适用场景：WebP既支持有损压缩也支持无损压缩。将来可能是JPEG的代替品。

写一个方法判断字符串是否为回文字符串

//回文字符串：即字符串从前往后读和从后往前读字符顺序是一致的

function isPalindrome(s) {//方法一
  if (s.length === 1) return true
  const str = s.replace(/[^a-zA-Z0-9]/g, "").toLowerCase()
  const strReverse = str.split('').reverse().join('')
  return str === strReverse
}

function palindRome(str){//方法二
    var len = str.length;
    var str1 = "";
    for(var i=len-1; i>=0;i--){
        str1+=str[i];
    }
    console.log(str1 == str)
}