解决 react-leaflet 中动态修改 Popup 弹窗内容后尺寸不变的问题
let中动态修改Popup弹窗内容后尺寸不变的问题问题描述:在使用react-leaflet中的leaflet组件时,发现在动态修改Popup弹窗内容后,Popup的尺寸并未随之变化。解决方法:经过分析,发现这个问题是由于react-leaflet并没有处理Popup的className、minWidth等属性的更新所导致的。为了解决这个问题,有以下几种方法可供选择:方法0:使用修改后的r
阅读全文:解决 react-leaflet 中动态修改 Popup 弹窗内容后尺寸不变的问题
CentOS 安装 Jekyll 步骤
态网站,看到Jekyll知名度比较高,所以尝试了一下。网上文档比较老,自己常用系统是CentOS,所以按网上教程总是这里错哪里错。再摸索了一段时间后,总算是初步搞定了。其实自己对Linux也不熟悉,对于CentOS更是不怎么样。在这里提供一些简单的命令,给有需要的朋友参考。1、更新系统yum update -y2、安装Rubygpg --keyserver hkp://keys.
阅读全文:CentOS 安装 Jekyll 步骤
openwrt主题安装包luci-theme-argon,openwrt主题,openwrt主题安装包argon下载安装
登录界面包含图片或者视频,同时支持深色浅色的自动与手动切换注意强烈建议使用Chrome浏览器。主题中使用了一些新的css3特性,目前只有Chrome有最佳的兼容性。主线版本IE系列目前还有Bug有待解决。FireFox默认不开启backdrop-filter,开启方法见这里:https://developer.mozilla.org
阅读全文:openwrt主题安装包luci-theme-argon,openwrt主题,openwrt主题安装包argon下载安装
部署docker acme nginx环境acme申请续订泛域名证书
很方便,因为之前除了NGINX外,基本所有服务都是通过docker部署的。为啥之前没有用dockernginx?因为本站的证书续订使用的是certbot,certbot的可以非常方便的自动续订证书,并重载NGINX。借着这次迁移站点,正好研究一下dockeracme之前一直不知道acme怎么能够操作dockernginx,因为容器是互相隔离的,谁也看不见谁的进程,觉得可能需要写一个脚本,通过宿主机来定时重启NGINX容器,但是在偶然间,搜索到了一个issue,发现原来docke
阅读全文:部署docker acme nginx环境acme申请续订泛域名证书
Nginx反向代理https,配置lets-encrypt证书Wordpress页面错乱无法登录后台
ttps了,分享一下部署https过程,今天记录下Wordpress博客迁移成功https了,刚开始配置导致无法进入Wordpress博客后台,后来就解决了,在文章最后,按照我的教程步骤,就可以解决进不去后台的问题。Nginx反向代理https,配置lets-encrypt证书教程本教程基于Centos7,其他系统稍有区别Nginx安装与配置安装ngi
阅读全文:Nginx反向代理https,配置lets-encrypt证书Wordpress页面错乱无法登录后台
图片懒惰加载-无SEO负面影响解决搜索引擎无法获取真实src图片地址优化引擎搜索SEO
重要。另外Google不是使用网站速度作为SEO因素的秘密。此外,众所周知,如果在3秒钟内没有打开网站,人们往往会离开网站。正如你所看到的,有很多理由来提高页面加载速度。提高网站性能 有很多方法来提高网页的性能。但是,降低内容大小和请求数量可能是您首先应该做的事情。或,第二,第一步是启用服务器端的流量压缩和缓存,但这些都是微不足道的事情,没有创造性的方法。 如果您的网页很重,可能会有很多漂亮的图片,而且您不想删除这些图片,以提高网页加载速度。但是,如何减少您的网页初始
阅读全文:图片懒惰加载-无SEO负面影响解决搜索引擎无法获取真实src图片地址优化引擎搜索SEO
使用WordPress建站网站访问速度慢?该如何优化加载速度加快网页载入速度!
加速乐免费CDN怎么样?》《wp博客精简速度优化版优化WordPress》主要的优化方式为1、CDN加速。2、去除冗余的html代码WordPress具有丰富的模板和插件,备受广大站长朋友们的青睐,使用WordPress建站的站长们越来越多。但是对于很多从别的程序切换到WordPress的站长来说,他们会明显感觉到使用WordPress程序建站时,网站的加载速度会比较慢。对于熟悉SEO和考虑用户体验的站长来说,加载速度慢是一个致命的问题。那么WordPress该如何优化加载速度呢?反馈问题:我
阅读全文:使用WordPress建站网站访问速度慢?该如何优化加载速度加快网页载入速度!
css文件延迟加载,CSS阻塞渲染、怎么防止css阻塞,通过rel="preload"解决CSS阻塞渲染
rel属性的属性值preload能够让你在你的HTML页面中<head>元素内部书写一些声明式的资源获取请求,可以指明哪些资源是在页面加载完成后即刻需要的。对于这种即刻需要的资源,你可能希望在页面加载的生命周期的早期阶段就开始获取,在浏览器的主渲染机制介入前就进行预加载。这一机制使得资源可以更早的得到加载并可用,且更不易阻塞页面的初步渲染,进而提升性能。本文提供了一个如何有效使用preload机制的基本说明。非重要CSS使用&n
阅读全文:css文件延迟加载,CSS阻塞渲染、怎么防止css阻塞,通过rel="preload"解决CSS阻塞渲染
删除Dashicons图标库提高用户加载速度,移除WordPress的dashicons.min.css文件
改不熟悉的东西,可能会引入更多的问题,从而更加折腾。本人前几天便趟了一个大坑,折腾一圈才发现眼前看到的“没用”不是真正的没用。Dashicons是一个图标库,您可以将其下载为webfont。它们在后端和前端都提供给您的浏览器。如果您已登录,并且注意到“帖子”或“页面”等旁边的小图标,则它们全部来自dashicons库。您可能想知道为什么要删除Dashicons,答案很简单。在大多数情况下,您不需要在网站的前端加载破折号(对于未登录的用户)。例如,如果
阅读全文:删除Dashicons图标库提高用户加载速度,移除WordPress的dashicons.min.css文件
css的type="text/css"是不是必须写?不写有什么影响type="text/css"是必须写的吗?
onship的英文缩写,它描述了当前页面与href所指定文档的关系;stylesheet就是样式表的意思;CSS是CascadingStyleSheet(级联样式表)的缩写意思是:在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。rel是Relations的所写指关联到一个style
阅读全文:css的type="text/css"是不是必须写?不写有什么影响type="text/css"是必须写的吗?
1*1px gif透明、黑色Base64编码图片 1x1px大小Data/Base64数据的gif透明图片
;imgsrc="https://ioozu.com/logo.png"/>或者css里这样调用background-image:url("https://ioozu.com/logo.png")那么本文所说的base64要怎么用呢,把图片地址换成通过base64编码的图片代码即可,请看下面的代码:使用下面的代码替换掉原图片地址即可。data
阅读全文:1*1px gif透明、黑色Base64编码图片 1x1px大小Data/Base64数据的gif透明图片
宝塔面板Nginx-Tengine开启编译ngx_brotli压缩,宝塔面板最新安装ngx_brotli压缩命令
塔集成的Nginx-Tengine,后来又开启了“http_concat_module模块”再后来一起编译了“brotli压缩”现在记录下方便以后会用到。之前有一篇文章写过安装 google/ngx_brotli宝塔面板LNMP开启编译Brotli压缩宝塔面板安装Brotli压缩命令,不过呢,由于 ngx_brotli 程序的发展,所以之前的教程不再适合新的 ngx_brotli&nb
阅读全文:宝塔面板Nginx-Tengine开启编译ngx_brotli压缩,宝塔面板最新安装ngx_brotli压缩命令
Debian 8编译Nginx支持TLS1.3,Debian 8编译Nginx添加TLS1.3支持
分享一些信息,本文是第一篇,没有太多的理论细节,主要说下如何在Nginx上快速部署一个支持TLS1.3协议版本的网站。TLS1.3优势TLS1.3相对于之前的版本,主要有两大优势:Enhancedsecurity:安全性增强Improvedspeed:速度提升编译Nginx支持TLS1.3安装篇我这里用的系统是Debian8安装依赖apt-get install git gcc make
阅读全文:Debian 8编译Nginx支持TLS1.3,Debian 8编译Nginx添加TLS1.3支持
Linux-CentOS 7.7编译安装LNMP,阿里云Centos 7安装LNMP(源码编译安装LNMP)
作系统、Nginx中间件、MySQL数据库、PHP脚本语言四大开源免费产品组合而成的Web服务框架,早前网站已分享过Nginx、MySQL、PHP单独编译安装教程,或许有些朋友仍不清楚怎么使用,今天给大家分享完整的LNMP使用配置方法。Linux编译安装NginxLinux编译安装MySQLLinux编译安装PHPLNMP实验环境操作
阅读全文:Linux-CentOS 7.7编译安装LNMP,阿里云Centos 7安装LNMP(源码编译安装LNMP)
wordpress前端及数据库优化,worpress4.5精简优化版下载优化WordPress打开速度
小数据库的占用加快网站的访问速度。以前的代码mysql_query方式不支持php7+,以下代码简单修改了支持php7.3版本分享出来。保存clean.php文件(UTF-8无BOM)上传到网站目录,打开即可完成清理。清理完成后会显示“清理完成!”。防止意外清理前请先备份数据。<?php//wordpress数据库优化脚本$blog=mysqli_connect("localhost","username","pa
阅读全文:wordpress前端及数据库优化,worpress4.5精简优化版下载优化WordPress打开速度
openwrt主题安装包luci-theme-netgear,openwrt主题,openwrt主题安装包netgear下载安装
基本算是完成了,PC浏览器效果不错,手机浏览器有点不太完美, 响应式布局的CSS需要再调,先放出来给大家用着先,以后有时间再慢慢优化。安装之前必看:1.此主题是基于luci-theme-material修改的,已在代码中注明。2.此主题中使用了Advancetomato的webfont3.此主题是我为刚买的NETGEAR
阅读全文:openwrt主题安装包luci-theme-netgear,openwrt主题,openwrt主题安装包netgear下载安装