原创

html页面 ajax调用的数据显示异常或操作异常解决.

html页面 ajax调用的数据显示异常或操作异常解决.

表现为页面某个部分的显示是通过 ajax调用的数据渲染的.但是却无法正确显示,或正确操作.

这一般和页面的调用时间流有关.出现这种问题,一般是渲染脚本,已经加载,但是ajax数据还没有就绪.

一般这时把AJAX改为同步模式,即可.这 样就加载完成数据后,再调用渲染脚本.(脚本要放到页面后面调用).

ajax默认是异步的.

    

ubuntu22.04安装 Fcitx5输入法,并解决 chrome启用wayland后无法输入中文问题。

一。chrome启用wayland:

地址栏输入:chrome://flags/ ,搜索Preferred Ozone platform,把Preferred Ozone platform,设置为wayland.

二。安装Fcitx5输入法.

sudo apt-get install fcitx5 fcitx5-frontend-gtk4 fcitx5-frontend-qt5 fcitx5-frontend-gtk2 fcitx5-frontend-gtk3 fcitx5-pinyin fcitx5-chinese-addons fcitx5-chewing fcitx5-module-lua fcitx5-module-lua-common fcitx5-modules unicode-cldr-core

                

网站引入第三方公共cdn脚本导致访问慢的问题.

有些网站引用了许多第3方静态文件:

如:以下域名的

cdn.jsdelivr.net

https://cdnjs.cloudflare.com/

https://unpkg.com/

ajax.googleapis.com
cdn.bootcss.com(此条,现在没问题,用了cdn,访问还是快的)

https://code.jquery.com

bootstrapcdn.com (maxcdn.bootstrapcdn.com)

 

有些是国外的,访问非常慢,甚至无法访问.

最好的方法就是下载到你网站.不要引用这些域名的内容.

从而解决网站访问慢的问题.

 

 

参考
https://github.com/justjavac/ReplaceGoogleCDN

html to image 把html转换为图片

html to image 把html转换为图片
<div class="login-box" id="loginbox" style="width: 500px;">
要显示的内容
</div>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<script>
$(document).ready(function () {
setTimeout(function(){
downloadImage();
},1000)
});
functiondownloadImage(){
html2canvas(document.querySelector("#loginbox")).then(canvas=> {
a = document.createElement('a');
document.body.appendChild(a);
a.download = "test.png";
a.href = canvas.toDataURL();
a.click();
});
}
</script>