学习
实践
活动
专区
工具
TVP
写文章

QQ空间缓存图片_QQ空间原图

今天偶然打开PC端QQ空间时,我发现了一种似乎更好的方式 —— 鼠标移入时在范围内上下滚动图片预览,移出时停止滚动。 顺着思路,一键 f12 打开源码,我看到了这样的代码: 显而易见,QQ应该是采用了js监听鼠标位置的做法,动态改变 img 标签中自定义属性的值,并根据此去改变图片的 margin-top "img/nan.png" class="img" />

这里class为before和after的两个标签就是前面所说的“占位”元素(至于QQ 再回到PC端QQ空间 —— 我们发现,它的transition时间竟然是动态变化的: 这…我猜测可能是设定了一个从上到下固定的时间,然后在JS中按照滑出部分高度(已经滑动的距离)占总高度的比例动态调节时间 相关代码笔者正在尝试ing ---- 当然,本文对QQ前端团队对图片的处理来说也许只是沧海一粟,,,更多的还有比如:根据图片整体平均色差调整说明文字的颜色黑/白(canvas-getImageData

14820
  • 广告
    关闭

    新年·上云精选

    热卖云产品年终特惠,2核2G轻量应用服务器7.33元/月起,更多上云必备产品助力您轻松上云

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    QQ空间

    QQ上活跃这大量的用户,QQ空间里面记录了许多人的日常,这些就是数据。在日常使用QQ空间的时候,会偶尔点击给我们好友点赞的朋友,之后我们就能看到我们好友的好友的空间,依次类推,我们可以看到海量信息。 举例:现在有3个哈希函数,f1,f2,f3,有一个8位qq号,布隆过滤器数组长度m为10。需要查找是否含有这个qq号。 个人解释:qq空间其实是可以限制访问的,那些开放qq空间的人,会有哪些人?一,不在意别人访问的,二,需要别人浏览,阅读,转发。三,为了利益。 这些数据都有些什么用呢? 有这些人的qq号,qq号主发的动态,号主的资料卡信息,其实这里最真实的只有qq号,然后是动态,分析假的资料信息并没有什么意义。qq号没得分析,动态分析,只得大致去浏览了。告一段落吧。 qq空间里人间百态。那个80-90-00的人间百态。

    54120

    QQ 数字邮箱通过 K 码获取 QQ 头像

    QQ 数字邮箱通过 K 码获取 QQ 头像 可以通过 PHP 判断,让博客留言使用 QQ 数字邮箱的用户直接显示 QQ 头像,不过 QQ 提供显示头像的方法有两种,一种直接显示 QQ 号码,这个暴露留言者的个人隐私信息不好 ,还有一种是通过 QQ 提供的 API,将 QQ 号转换为 K 码,能更好的保护留言者隐私。 )){ $qq = str_replace('@qq.com', '', $mailLower); $qqapi = 'https://ptlogin2.qq.com/getface? b=qq&k='.$k.'&s=100'; } QQ 好像只提供 100 和 40 两种大小的头像格式,其他大小都是 404。 K 码头像问题 因为代码中通过 QQ API 地址,用 file_get_contents 获取内容,本地测试会导致网站打开速度变慢,也不知道是这个函数慢,还是 QQ API 打开的慢。

    27830

    QQ交谈、QQ在线状态代码生成,非QQ商家可以正常生成

    QQ商家用户,直接在QQ互联可以生成QQ在线状态,也就是QQ交谈的代码。 直接放到对应的代码里就可以正常使用了。 QQ代码生成地址:http://connect.qq.com/intro/wpa (opens new window) 首先选择对应风格,然后点击复制代码。即可完成生成工作。 具体如下图: 背景介绍: QQ通讯组件是一种灵活的通讯工具,支持所有QQ版本的用户在没有加你为好友的前提下向您发起临时会话,让沟通无距离;将您的QQ在线状态发布在互联网上(论坛、博客、邮箱等),他人点击即可与您联系 以前多次使用该组件功能,但是前段时间再次想找这个功能的时候,发现搜索引擎搜索出来的都是QQ商家提供的类似服务。当时以为要收费才可以使用呢,后来经过一段时间的搜索,最终重新找到了QQ互联的生成功能。

    24020

    qq侧滑

    上一篇博客带大家实现了:Android 自定义控件打造史上最简单的侧滑菜单 ,有兄弟看了以后说,你这滑动菜单过时了呀~QQ5.0的效果还不错~~嗯,的确,上一篇也承诺过,稍微修改上一篇的代码,实现QQ5.0 侧滑菜单~~好了,下面就开始为大家展示写一个类QQ的侧滑有多easy ~! 1、原理分析 首先对比一下我们上篇的实现距离QQ的效果还有多远: ? ? 差距还是蛮大的 区别1、QQ的内容区域会伴随菜单的出现而缩小 区别2、QQ的侧滑菜单给人的感觉是隐藏在内容的后面,而不是拖出来的感觉 区别3、QQ的侧滑菜单有一个缩放以及透明度的效果~ 那么我们如何能做到呢 呢,其实很简单了: float rightScale = 0.8f + scale * 0.2f; (scale 从1到0 ),是不是哦了~ 接下来还有3个动画: 2、菜单的缩放比例计算 仔细观察了下QQ

    75260

    扫码关注腾讯云开发者

    领取腾讯云代金券