分类 Web前端 下的文章

如何让微信分享链接带图片?

有时候看到好的网页内容会通过微信分享,我们会发现有的时候在微信里分享某个链接后会显示缩略图,有些不会显示缩略图,如下图:
如何让微信分享链接带图片?
微信获取该缩略图的原理是:会取当前页面body内最前面的一张符合条件的图片。
符合条件:尺寸必须大于: 300px × 300px
因此可以刻意在网页html代码的<body>下面第一行写上:

<span style="display:none"><img src="指定图标地址" width="400px" height="400px" /></span>

这样既指定了显示什么图标,又隐藏了,不影响原来网页的内容。

阅读剩余部分

国内一些js、css的CDN公共库资源

CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速;如果您网站的流量比较大,公共库资源还能为你节约一些服务器带宽资源。

一,百度CDN公共库,包含全球所有最流行的开源JavaScript库。

http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs
http://cdn.code.baidu.com/

二,新浪云计算CDN公共库,SAE的CDN节点覆盖全国各大城市的多路(电信、联通、移动、教育)骨干网络。

http://lib.sinaapp.com/

阅读剩余部分

使用qrcode给每个网页生成一个二维码

如果你要使用js代码在页面上生成二维码,你一定会搜索到有关使用google的一个js的方案,但是google经常被墙,所以坚决不能用那个方案。我们可以使用qrcode.js来搞。

qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。

如何使用?
1、首先在页面中加入jquery库文件和qrcode插件。

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script>

注意:你在github只能下载到jquery.qrcode.js和qrcode.js,jquery-1.8.2.min.js需要另外在网上下载;注意三个js的路径被引用错了。

阅读剩余部分

web网页主动弹出加QQ好友的弹窗

<script type="text/javascript" >
    window.onload=function(){
        //页面加载后执行的函数
        setTimeout(function(){
            var newE = document.createElement("iframe"); 
            //创建iframe元素
            newE.src="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=303163163"; 
            //搜索设置新元素src属性值
            var crea = document.body.appendChild(newE); //为body添加子元素
        },5000);
        //5000毫秒后执行
    }
</script>

将以上js代码放到目标网页上,就能感受下效果。

阅读剩余部分