fontawesome字体加载速度慢的解决方案

WordPress升级后发现速度很慢,查询是use.fontawesome.com 加载速度慢造成。

排查方法:停用所有插件,看是否是主题自带,然后逐个启用,确认是哪个插件影响。

经排查为 NextGEN Gallery ,

参考:https://wordpress.org/support/topic/disable-awesome-fonts-in-nextgen-gallery/

目录位置:nextgen-gallery\products\photocrati_nextgen\modules\nextgen_gallery_display

参考官方教程:https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

换成了本地服务器加载。

 

 

网站上的设计类网站虚拟水印去除

网站上的设计类网站虚拟水印去除,这是国外的一个网站,就不公布具体网址了,提供思路:
Chrome的插件:Download All Images 用它来找到水印的文件名。
网页另存,找到对应的 CSS文件 ,用sublime一次打开,搜索全部打开文件 ,找到对应的文件名的CLASS或ID。
然后控制它。

document.getElementById("watermark").style.backgroundImage ="url('')";
document.getElementById("bg").style.backgroundImage ="url('')";
document.getElementsByClassName("preview")[0].style.backgroundImage ="url('')";

javascript判断当前网址,来实现html中的right here的功能

 

            let nowUrl=this.location.pathname;
            //alert("Now page url:"+nowUrl);
            for(let i=0;i<navDom.length;i++){
                let linkUrl=navDom[i].getElementsByTagName("a")[0].getAttribute("href");
                if(nowUrl.indexOf(linkUrl)>0){
                    navDom[i].classList.replace("nav-item","active");
                }
                //alert(linkUrl);
            }

 

示例

默认选中选项卡

这个应用场景是默认选中选项卡 Custom Tabs

<span>Custom Tabs</span>

也就是说 Custom Tabs 文字加上Click()事件。

如果引入jquery,代码如下:

$("span:contains('Custom Tabs')").click();

如果不用jquery,用传统的dom技术,循环来比对,找到span的索引
代码如下:

var varSpan=document.getElementsByTagName("span");
for(var i=0;i<varSpan.length;i++){
    if(varSpan[i].textContent=="Custom Tabs"){
        varSpan[i].click();
    }
}

默认选中复选框

        var cx=document.getElementsByClassName("cbx");
        for(var i=0; i<cx.length; i++){
            //cx[i].checked=true;
            cx[i].setAttribute("checked","checked");
        }

默认选中复选框,在实际场景wordpress中setAttribute没成功,用的.checked=true的方法来实现的。