首页
学习
活动
专区
圈层
工具
发布

WordPress评论ajax动态加载,解决静态缓存下评论不更新问题

这是一个历史遗留问题,自从博客部署了 PHP 纯静态缓存之后,所有页面都是 html 静态内容了,而且在七牛 CDN 静态分离之后,速度更是达到极致!...在我多次改进之后,已经趋向于完美,而且这个 php 缓存优化也是张戈博客有偿服务最受欢迎的项目之一。...前不久,有朋友拿我的网站练手,用大量代理 IP 对我的博客进行 DDos 攻击,无奈之下博客临时转入到百度云加速。...+"/comment-page-1/#comments";     }     Ajax_Comments(); }   /* 将评论刷新函数绑定到ID为refresh的点击事件上 */ $(function...这种看似很复杂的文章,实际上,光看文章是很费解的,个人建议结合自己的需求,然后对比张戈博客的页面源代码去参考,会更容易理解一些。

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

    使WordPress达到最佳运行状态的13个技巧

    升级到WordPress发布的最新版本 WordPress 2.7在运行方面比以往有了很大进步。 升级wordpress到最新版本之后你就可以体验到这一点了。 2....同样你也要记住为现在用的插件及时升级到最新版本。 开发人员发布新版本是因为他们对旧有代码做了更改,这样新版本就能更好的运行。 3....加载页面时,如果浏览器还要执行PHP查询,就会延长加载时间。 可以用静态HTML代替PHP查询,这样每次加载页面时,浏览器就只需要读取HTML代码。 4....你也可以在指定页面或文章中添加CSS文件,然后将所有CSS文件放进同一个文件。 10.DB Cache 这款插件按给定时间缓存每个数据库查询。 插件运行速度快,缓存占据的硬盘空间也很小。...12.显示页面加载次数和查询次数 将下面的代码添加到你的模板上就可以显示加载你的页面需要的时间和执行的sql查询次数了。 这个方法可以快速了解你的WordPress博客优化程度。

    1.6K30

    网站静态内容出版解决方案

    静态化网站可不避免的使用ajax做局部更新, ajax请求也要考虑缓存问题 首次访问服务器 访问www服务器 nginx 判断文件是否存在,如果存在将文件显示出来 如果文件不存在,去cms服务器上查找,...如果存在便返回给www服务器,并显示出来 如果cms上文件不存在,cms服务器便使用rewrite生成该文件, 同时将内容返回给www服务器,www将内容缓存在自己的服务器上,并将内容显示出来 第二次访问...生成的文件会从cms中同步到www服务器上....避免使用seesion技术, 这样在负载均衡的时候可以使用最小连接数算法 例如: rewrite ^/product/(phone|notebook)/(\d+).html /product/$1.php...Ajax 局部更新与缓存 例如我的新闻评论页面,需要使用ajax技术, 将用户回复的品论显示来, ajax 载入json数据然后局部更新, 我对他做了1分钟的缓存 if ($request_uri ~*

    1.4K50

    JQuery 入门学习(三)

    这一节涉及到浏览器与服务器的交互,我用到的是php,如果各位看官不会php脚本也没有关系,涉及到的php代码最多10行,重点还是在Jquery上。...甚至我们做一个网站,放上背景音乐,网站中一切链接都由ajax完成(比如点击了一片文章,ajax向服务器请求文章内容,然后用我上次说的Jquery html操作将网页中的一部分进行修改,这样文章就放入了页面而并不刷新页面...如果大家对ajax已经有了解了,就可以来看看我们用Jquery怎么去结合ajax。    ...这是获取的html内容,其实在javascript中,更多的是获取json,再通过javascript代码处理json来显示给我们用户看。 什么是json     又到了普及概念的时候。...配合上Jquery,原本就不复杂的ajax变得更加简单,而且在各个浏览器上都能很好地运行。

    9.8K20

    选择大于努力,你必须了解web1.0到web2.0三段历史

    整个90年代,受限于网速,网页都是静态页,显示非常单一,前端的工作大部分都只是让美工来切切图和写写HTML+CSS。也因此,在90年代,前端还处在一种萌发期的状态,前端工程师这一工种也没有明确出现。...于是WEB1.0技术出现了,将程序与页面混合在一起,用特殊的标记分开,并且把页面的名字由HTML变成了ASP,PHP,JSP等等,这样web服务器就会识别为需动态加载的页面,从而调用ASP等对应的CGI...2004年,Google发布了Gmail,用户可以在不刷新页面的情况下进行复杂的交互,之后,Ajax逐渐成为网页开发的技术标准,也不断地被应用于各种网站。...在Gmail诞生后,大家意识到前端也可以做出复杂应用。...这种形式不仅让性能有个很好的保障,我们还多了一个用JSON来描述网页的工具,并且让虚拟DOM这个技术脱离了Web的限制。因为积累了这么多优势,虚拟Dom在小程序,客户端等跨端领域大放异彩。

    1.7K10

    三分钟让你了解什么是Web开发?

    如果你可以在一个感兴趣的地方发布信息并阅读这些信息,那该怎么办?这正是网络所做的。您将信息保存在web服务器上,人们可以使用客户机(浏览器)读取该信息。这种架构称为“服务器-客户端架构”。...在web上存储信息的最基本和最长久的方式是在HTML文件中。为了更好的理解,让我们举一个公司发布价格信息的简单例子,这样它的供应商就可以下载并查看这个列表,它包含有价格和生效日期的产品。...样本DOM树(来源:Wikimedia Commons) 当在浏览器中呈现HTML页面时,浏览器将HTML下载到本地内存中,并创建一个DOM树来显示屏幕上的页面。...服务器端脚本可以读取浏览器通过POST发送的值,然后处理它或将其存储到文件或数据库中。简单地说,这就是数据如何被推送到服务器,然后最终存储在一个文件或数据库中。...会话由惟一ID标识,其名称依赖于编程语言——在PHP中称为“PHP会话ID”。在客户端浏览器中,需要将相同的会话ID存储为cookie。 显示个人博客 我们的下一个项目是展示个人博客帖子。

    9.2K30

    Discuz二次开发基本知识总结

    的流程控制 a) 后台流程控:DZ后台所有的功能,均需要注册到admincp.php文件,每个功能都至少有一个或一个以上的Action(动作),在admincp.php中,可以定义Action的执行权限...六) DZ中的语言处理 a) DZ前台及后台中、英语言的实现,均是把语句定义成了语变量,然后在模板输入,语句变量的赋值,均放在模板目录中的*.lang.php文件中,DZ在生成网站风格时就加载了这相应的语言包...b) 使用方法:如果在新开的功能中,需要缓存某部分数据,基本上就是: 1)定义并注册缓存名字。 2)从数据读取相应的数据。 3)数据在写入缓存前作相应处理。 4)最后写入缓存。...十二) DZ独创的HTML编辑器,如何截取并使用,如果进行Discuz!代和Html代码的转换 a) 这也算是DZ比较牛的一项技术了,在早期版中,因DZ编辑器的不足,使得很多用户放弃了DZ。...template.func.php 模板 threadpay.inc.php 购买帖子 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/124617.html

    3.5K20

    php二次开发知识,Discuz二次开发基本知识详细讲解

    的流程控制 a) 后台流程控:DZ后台所有的功能,均需要注册到admincp.php文件,每个功能都至少有一个或一个以上的Action(动作),在admincp.php中,可以定义Action的执行权限...六) DZ中的语言处理 a) DZ前台及后台中、英语言的实现,均是把语句定义成了语变量,然后在模板输入,语句变量的赋值,均放在模板目录中的*.lang.php文件中,DZ在生成网站风格时就加载了这相应的语言包...b) 使用方法:如果在新开的功能中,需要缓存某部分数据,基本上就是: 1)定义并注册缓存名字。 2)从数据读取相应的数据。 3)数据在写入缓存前作相应处理。 4)最后写入缓存。...十二) DZ独创的HTML编辑器,如何截取并使用,如果进行Discuz!代码和Html代码的转换 a) 这也算是DZ比较牛的一项技术了,在早期版中,因DZ编辑器的不足,使得很多用户放弃了DZ。...实现原理:通过JS把用的一些操作转换成了DZ的bbcode代码。这样子提交了安全性,将带有bbcode代码的内容存入数据,在用户打开页页时,又把bbcode代码转换成html代码。

    5.6K20

    启用WP Super Cache纯代码版本之后的一些优化措施

    以上问题上一篇文章已有具体说明,下面是最新发现的问题: ⑥、居然会缓存评论填表信息; ⑦、缓存清理不够方便; ⑧、缓存没有时间戳; ⑨、发布/更新文章未删除缓存,导致无法显示最新内容; ⑩、开启缓存之后...③、新增触发按钮 在文章、单页页面,合适的位置新增一个按钮或超链接,然后将其 id 改为 clean 即可实现点击该按钮时清理当前页面缓存,比如张戈博客将一个图片链接放到了百度分享工具条上(实现全局清理后...return $contents; } 四、发布时删除缓存 针对第⑨条: 这个问题其实很好解决,只要使用 WordPress 钩子在发布或更新文章时,调用删除缓存函数即可,具体如下: //发布或更新文章时删除文章...很简单的处理办法: ①、打开主题目录下的 404.php 模板(国产主题大部分有),然后在任意位置插入在使用这个代码版缓存的时候也出现了新问题,也欢迎留言反馈,一遍完善这个代码版缓存功能!偷偷说一句,其实这个缓存代码稍稍修改,理论上同样适合其他 PHP 建站程序(一般人我不告诉他哦~)!

    1.6K70

    学习分享——location.hash的用法「建议收藏」

    用于指定该URL地 址所采用的通信协议,比如http、ftp等;主机是指该URL所对应的服务器的名称;端口用于指定服务器用于通信的端口号,与主机名之间使用冒号隔开; 路径名称是指该URL所对应的网页文件在服务器上的虚拟路径...2.hash属性在富Ajax页面中的应用 很多Web应用采用Ajax技术来增强Web体验,富Ajax应用具有如下优点: 1)减少对服务器端的连接并减轻服务器端的带宽压力,页面中的图片,脚本,样式只会被下载一次...对于Ajax页面来说的话,一般用一个页面来处理所有的事务,也就是说,如果你浏览到一个Ajax页面里边有意思的内容,想将它收藏起来,可是地址只有一个呀,下次你打开这个地址,还是得像以往一样不断地去点击网页...另外的话,浏览器上的“前进”“后退”按钮也会失效,这于很多习惯了传统页面的用户来说,是一个很大的使用障碍。 那么,怎么用location.hash来解决这两个问题呢?其实一点也不神秘。...如下例中,通过hash调整地址栏的地址,使得浏览器里边的“前进”、“后退”按钮能正常使用(实质上欺骗了浏览器)。然后再根据hash值的不同来显示不同的内容,这就使得Ajax页面的浏览趋于传统化了。

    1.2K20

    一个小时学会jQuery

    jQuery 1.7.2 (2012年03月24号):jQuery 1.7.2正式版发布。 该版本在1.7.1的基础上修复了大量的bug,并改进了部分功能。...jQuery 1.8.3 2012年11月14日 jQuery 1.8.3 发布,修复 bug 和性能衰退问题、IE8中的HTML相关Bug、jQuery 1.8.2在IE9中调用ajax失败的问题 jQuery...();    //切换 显示/隐藏 $("p").slideDown("600"); //用600毫秒时间将段落滑下 $("p").slideUp("600");  //用600毫秒时间将段落滑上 $...{}"或"new Object"建立的对象 $.support() //判断浏览器是否支持某个特性 4.23、AJAX //保存数据到服务器,成功时显示信息 $.ajax({ type: "POST...jQuery 代码: $.ajax({ type: "GET", url: "test.js", dataType: "script" }); 描述: 保存数据到服务器,成功时显示信息。

    22.4K71

    向php提交数据及json

    =$_POST['username']; $password=$_POST['password']; post方法不会改变浏览器地址栏的路径,比较安全 get方法,会将你提交的东西显示在地址栏上,所以相对于...ajax简介:  使用ajax 通过后台服务器进行少量的数据库交换,网页可以实现异步、局部更新 利用ajax也有这两种方式,但这两中有很大的差别, 使用ajax的post,在php echo的东西返回到...js提交数据的ajax那儿的是数据,一般用于返回处理某件事的结果(如:向数据库插入数据后,将结果返回,然后通过js或jquery对html上的DOM结构进行操作);注:不能跳转到该文件,(若跳转,则该文件中接收不到数据...) 使用ajax的get,在php 中 echo 的东西会返回一个html页面直接在当前输出,可以用js直接跳转到当前php文件。...注:后面json这部分知识是在json   API上看的

    3.1K30

    WordPress评论滑动拉链解锁myQaptcha修改为自动提交的方法

    原理很简单:先用 css 隐藏评论提交按钮,然后将评论提交动作绑定到滑动解锁上即可。 好吧,张戈好人做到底,整理一下详细的做法(发现很多朋友都喜欢看张戈罗里吧嗦。。。)...二、部署代码 部署很简单,编辑 WordPress 主题目录下的 functions.php,在显示了怎么办?很可能你用的就不是张戈提供的代码,而是直接在原版插件啥修改而成。...如果在原版基础上修改成滑动提交,那么不管是否登陆这个滑动模块都应该显示才行!!!...③、不动脑筋 自动提交的原理很简单,说白了就是将原有的提交按钮用 css 样式隐藏掉,然后在滑动动作绑定一个点击隐藏的提交按钮的机制,这样用户滑动模块,就会自动点击那个隐藏的提交按钮了,从而实现自动提交

    1.7K50

    在线 PHP运行工具实现思路及源码

    所以还是自己动手吧,写个能支持数据库的在线工具,自己用。 实现思路 对于PHP文件而言,浏览器向服务器发送url请求的时候,解释器就会自动的把文件翻译成了浏览器可以解析的部分了。...temp.php文件里面,然后在访问这个temp.php文件,这样岂不是就可以得到我们想要的结果啦。...我的想法就是: 给个按钮,点击按钮的时候首先会把源代码发送到服务器上,接下来调用一个ajax请求,把源代码的运行结果取出来,显示到“控制台”上。 制作 下面将介绍具体的实现流程。...DOCTYPE html> html> 我自己的PHP工具 html> 将main.php上传到服务器访问即可 分步讲解main.php功能 获取提交信息 经过这段代码,就可以将编辑好的源码上传到服务器上指定的temp.php上了,然后准备过程就结束了

    3.1K20

    你知道吗?Web的26项基本概念和技术

    大部分网页为HTML格式,有些网页需特定浏览器才能正确显示。...Node对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。...一般来说PHP大多运行在网页服务器上,通过运行PHP代码来产生用户浏览的网页。PHP可以在多数的服务器和操作系统上运行,而且使用PHP完全是免费的。...现在是在开放源代码方式下发行的自由软件。 W — WordPress WordPress 是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL 数据库的服务器上架设自己的网志。...X — XSS 跨网站指令码(Cross-site scripting,通常简称为XSS)是一种网站应用程式的安全漏洞攻击,允许恶意使用者将程式码注入到网页上,其他使用者在观看网页时就会受到影响。

    1.4K100

    Web端即时通讯技术盘点:短轮询、Comet、Websocket、SSE

    但是Ajax的出现使这种技术在浏览器上实现成为可能, google的gmail和gtalk的整合首先使用了这种技术。...浏览器,html标准,还是http标准?主角应该是谁呢?本质上讲,这涉及到数据传输方式,http协议应首当其冲,是时候改变一下这个懒惰的协议的请求/响应模式了。...事实上,在本书中,我们会在开发和测试时用curl,甚至直接在命令行中运行后端脚本。...一个SSE连接不仅使用一个套接字,还会占用一个Apache线程或进程,如果用PHP,它会为这个连接专门创建一个PHP新实例。Apache和PHP会使用大量的内存,这会限制服务器所能支持的并行连接数。...有关SSE的专项介绍文章请参见:《SSE技术详解:一种全新的HTML5服务器推送事件技术》。 (本文同步发布于:http://www.52im.net/thread-336-1-1.html)

    3.2K50
    领券