说明 Gravatar是Globally Recognized Avatar的缩写,意为“全球通用头像”,如果在Gravatar的服务器上放置了你自己的头像,只要提供你与这个头像关联的Email地址,就能够显示出你的...Gravatar头像来 Gravatar的概念首先是在国外的独立WordPress博客中兴起的,当你在网站留言时,网站都会根据你所提供的Email地址为你显示出匹配的头像 当然Typecho也是默认有支持...Gravatar头像的功能 但是由于Gravatar的镜像默认是国外镜像,严重拖慢了网站访问速度,所以这里教大伙如何修改为国内镜像源 教程 目前可用Gravatar国内镜像 zeruns's Blog的镜像源...} 修改https://secure.gravatar.com为国内第三方镜像源地址,修改/avatar/为镜像源的文件夹,如此操作后台即可正常显示Gravatar头像。...提示 主题可能要在其它文件中修改,这里给Handsome主题的修改方法: 后台 --> 外观 --> 设置外观 --> 速度优化 --> gravatar镜像源地址 如果想要修改gravatar默认生成的头像
前言 Gravatar的全称是Globally Recognized Avatar,指的是“全球通用头像”。...在Gravatar的服务器上设置了你自己的头像,那么在任何支持Gravatar的博客或者留言本上评论时,只要提供你与这个头像关联的邮箱地址,就可以展示你在Gravatar上设置的头像来。...Typecho也是默认有支持Gravatar头像功能的 由于Gravatar境内经常访问不了,所以在这里做一下记录。...} 修改https://secure.gravatar.com这个地址为下文推荐的镜像源即可,其他镜像源请自行利用搜索引擎,这样后台就可以正常显示Gravatar头像啦!...推荐使用https://cdn.helingqi.com 或者https://sdn.geekzu.org 镜像源 主题可能要在其它文件中修改,本博客使用的Handsome主题的修改方式是: 进入后台
django-gravatar A lightweight django-gravatar app....'django_gravatar', ) # django-gravatar ''' 头像风格类型 404:如果没有任何图像与电子邮件哈希无关,则不加载任何图像,而是返回HTTP 404(找不到文件)...Usage Use in code: from django_gravatar.helpers import get_gravatar_url, has_gravatar, get_gravatar_profile_url..., calculate_gravatar_hash url = get_gravatar_url('alice@example.com', size=150) gravatar_exists = has_gravatar...: GRAVATAR_URL # Gravatar base url.
document.createElement('img'); cacheImage.src = arguments[i]; cache.push(cacheImage); } } jQuery.preLoadImages
原生JavaScript的window.onload 将获取元素的语句写到页面头部,会因为元素还没有加载而出错。...JavaScript为了避免加载页面的元素报错的问题,需要在加载之中增加window.onload方法。 如下: ?...jQuery的ready方法 相对的,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快。...jQuery的ready方法示例 ? 因为页面没有加载完毕,所以JavaScript中直接获取页面元素就会导致报错。需要加上window.onload方法,如下: ? 此时,可以看到没有报错了。...那是现在再使用jQuery的ready方法,如下: ? 那么,再将ready方法,再简写一下,如下: ?
一、懒加载 1.什么是懒加载 目前,网络上各大论坛,尤其是一些图片类型的网站上,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片...懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位,把正真的路径存在元素的自定义属性“data-src”(这个名字起个自己认识好记的就行)里,要用的时候就取出来,把它的值赋值给img的src...()不适用于window 和 document对象,对于window 和 document对象可以使用.height()代替。...return true; } return false; } 效果展示 6、使用...jQuery实现懒加载 <!
因此就需要做异步加载.... 不过网上的几篇帖子还挺坑的!原始参考:JQuery异步加载实例,相对来说这篇博客还算规整!...springMVC中中文乱码问题:解决办法 准备工作 1 JQuery ZTree,下载地址 复制其中的JS和CSS即可,其实没必要引那么多,用什么引什么就可以。 ?...css/zTreeStyle/zTreeStyle.css" type="text/css"> jquery...-1.4.4.min.js"> jquery.ztree.core-3.5.js
由于现在很多的网站都带有大量的图片,而图片的加载又会特别的慢,特别是在移动端,懒加载就显的特别重要了,说白了就是按需加载,用户要看到哪里就显示哪里,下面来记录一下懒加载的基本实现步骤!...1.引入jquery.js与jquery.lazyload.js,由于jquery.lazyload.js依赖于jquery,所以必须要引入jquery jquery.js"> jquery.lazyload.js"> 2.配置lazyload...,比如加载效果、没有加载时显示的默认图片等等,可以简单的封装一个方法,方便去调用. function lazy(className) { $(className).lazyload({...//图片在距离屏幕 200 像素时提前加载.
延迟加载 $(window).scroll(function(){ var scrollHeight = $(document).height(); //文档高度 var scrollTop...scrollTop - windowHeight < 100 ){ console.log("到底了"); //ajax渲染页面 } }); jQuery...(function($){ var topicBoxTopHeight = jQuery('#topicBox').offset().top; var topicBoxTopHeight_show
今天风也窃一个Gravatar全球通用头像注册使用图文教程,方便新手朋友。 什么是Gravatar全球通用头像?...如果在Gravatar的服务器上放置了你自己的头像,那么在任何支持Gravatar的blog或者留言本上留言时,只要提供你与这个头像关联的email地址,就能够显示出你的Gravatar头像来。...个人注册使用Gravatar全球通用头像功能完全免费哦 注:现在的 Gravatar 已经和 WordPress.com 的账户进行绑定,也就是说你必须先注册 WordPress.com 的账户,然后才能登录...Gravatar 进行设置。...这里的教程选的是写的比较简单的,详尽的可参考倡萌的Gravatar全球通用头像注册使用图文教程,这个看起来比较舒服些 注册获得 Gravatar 头像的步骤 1、访问Gravatar官方注册地址:http
使用 Gravatar 作为博客的 Favicon 其实很简单,只需要简单的两步: 第一步:在当前主题的 functions.php 文件中增加 gavatar_as_favicon() 函数: function...gavatar_as_favicon() { echo 'http://www.gravatar.com/avatar/' . md5(strtolower(trim('you@yourdomain.com...s=16'; } 注意要把上面的邮件地址替换成你 Gravatar 账户关联的邮件地址。
博客添加一个文章评论功能,需要给留言的用户生成一个默认头像,为了方便,选择使用gravatar。在laravel中集成gravatar相对比较简单,下面具体介绍继承方法。...; $default = '/path/to/default/avatar.jpg'; $size = 80; return "https://www.gravatar.com
Lazy Load是一个用Javascript写得jQuery插件。它可以使一个长网页中,不在当前视图中的图片延迟加载,以提高页面的载入速度。...使用方法 在页面头部加入插件 在使用图片的地方,使用下面的设置 src是替换图片,一般使用1*1像素的图片替代。后面data-original才是真正的图片。...200像素的时候就开始预先加载。...这个值可以是负值,表示提前加载。...使用特效 $("img.lazy").lazyload({ effect : "fadeIn" }); 默认延迟加载使用show方法来显示图片,可以用这个方法来改变图片的显示方法。
Ajax刚好可以解决数据异步加载的问题。...由于用 jQuery 实现 ajax 比较简单,因此接下来的代码引用jQuery库实现Ajax,另外使用Django作为框架。 其中jQuery可以手动下载放到本地文件夹中,也可以引用下面的语句。...的div将展示Ajax数据 (document).ready(function(){})指页面其他元素加载完成后开始加载Ajax数据,此时,浏览器不会有加载条和转圈的情况出现。...也可以使用document.getElementById(“demo”).innerHTML = ret;来展示数据。 使用一个隐藏的IFRAME来重现页面上的变更。
使用jquery插件treetable 增加后刷新table时,树形样式丢失 在增加或修改后,动态加载html,开始就直接使用 $(“#treeTable tbody”).empty().append(...var html = data.htmlTable; var node; $("#treeTable").treetable("loadBranch", node, html); 就完成了,动态加载后保持树形
测试的Typecho版本 1.2.0不用改源码,直接改配置文件即可在网站根目录找到config.inc.php文件打开,在里面添加如下内容:以https://gravatar.loli.net/avatar.../举例/** 自定义Gravatar头像源 **/define("__TYPECHO_GRAVATAR_PREFIX__", "https://gravatar.loli.net/avatar/");博客链接
实际编写前端页面时,有时候希望一打开某个页面就加载一些方法。下面是4种预加载方法。...①页面加载完之前执行,与嵌入的js加载方式一样(写jquery插件的时候使用) (function ($) { alert('start'); })(jQuery); ②页面加载后执行。...$(document).ready(function(){ alert('jquery ready'); }); ③页面加载后执行。...$(function(){ alert('jquery onload'); }); ④页面加载后执行。...jQuery(function($) { alert('jQuery ready '); });
说到网站速度优化,一直以来都有一个小小的问题,那就是Gravatar头像,这个东西加载时快时慢,某一时候加载不正常延迟非常高,十分拖累网站加载速度,而网上很多之前的加速接口好像也都已失效。...今天来让这个东西加载后自动保存在本地,下次加载直接使用本地链接。放在自己这里稳定高效。...在avatar文件夹放入一张名称为default.jpg的图片,默认没有头像即使用这个图片。#:这里钻芒这里并默认没有调用这张图片,而是依然使用Gravatar头像。...//Gravatar 头像本地化加速function my_avatar($avatar) {$tmp = strpos($avatar, 'http');$g = substr($avatar, $tmp...头像加载速度方法:缓存本地化国内服务器
简要说明 ProgressBar.js是一款jQuery图片加载loading加载层动画开源插件库。该插件库在图片加载时,为图片添加垂直的图片逐渐显示效果,非常炫酷。 ? ? ?.../src/jquery.min.js"> jquery.progressbar.js"> HTML结构 <div id="divDuck1...backgroundOpacity: 1 }); javascript 普通垂直加载图片效果
上一篇文章介绍了Jquery前端分页插件pagination的基本使用方法和使用案例,大致原理就是一次性加载所有的数据再分页。...,一下子加载不出来,就会导致页面间的短暂空白,如果遇上网速不好,那差不多就是一个不完美的bug 一次性加载数据,前端分页 上一篇文章中提到的原理js代码如下: $(function() {...,数据太多了,一次性加载不出来,卡的很,和后台商量了一下,得出了一个简单的思路,当前页数和显示的条数即可,解决方案如下: 分批加载数据,前端分页(实现异步加载) js代码: $(function...} }); }; }); 评价:分页插件pagination 此插件是jQuery...如果你用到此插件作分页的时候,涉及到的数据量大,可以采用异步加载数据,当数据不多的时候,直接一次性加载,方便简单。