通知 爱刷机 路由器教程 →→《值得买》 ←←

解决 react-leaflet 中动态修改 Popup 弹窗内容后尺寸不变的问题

解决 react-leaflet 中动态修改 Popup 弹窗内容后尺寸不变的问题let中动态修改Popup弹窗内容后尺寸不变的问题问题描述:在使用react-leaflet中的leaflet组件时,发现在动态修改Popup弹窗内容后,Popup的尺寸并未随之变化。解决方法:经过分析,发现这个问题是由于react-leaflet并没有处理Popup的className、minWidth等属性的更新所导致的。为了解决这个问题,有以下几种方法可供选择:方法0:使用修改后的r

阅读全文:解决 react-leaflet 中动态修改 Popup 弹窗内容后尺寸不变的问题


CentOS 安装 Jekyll 步骤

CentOS 安装 Jekyll 步骤度比较高,所以尝试了一下。网上文档比较老,自己常用系统是CentOS,所以按网上教程总是这里错哪里错。再摸索了一段时间后,总算是初步搞定了。其实自己对Linux也不熟悉,对于CentOS更是不怎么样。在这里提供一些简单的命令,给有需要的朋友参考。1、更新系统yum update -y2、安装Rubygpg --keyserver hkp://keys.gnupg.net --recv-keys&n

阅读全文:CentOS 安装 Jekyll 步骤


openwrt主题安装包luci-theme-argon,openwrt主题,openwrt主题安装包argon下载安装

openwrt主题安装包luci-theme-argon,openwrt主题,openwrt主题安装包argon下载安装主题,用户可以自定义登录界面包含图片或者视频,同时支持深色浅色的自动与手动切换注意强烈建议使用Chrome浏览器。主题中使用了一些新的css3特性,目前只有Chrome有最佳的兼容性。主线版本IE系列目前还有Bug有待解决。FireFox默认不开启backdrop-filter,开启方法见这里:https://d

阅读全文:openwrt主题安装包luci-theme-argon,openwrt主题,openwrt主题安装包argon下载安装


部署docker acme nginx环境acme申请续订泛域名证书

部署docker acme nginx环境acme申请续订泛域名证书用docker部署。这不难,甚至可以说是很方便,因为之前除了NGINX外,基本所有服务都是通过docker部署的。为啥之前没有用dockernginx?因为本站的证书续订使用的是certbot,certbot的可以非常方便的自动续订证书,并重载NGINX。借着这次迁移站点,正好研究一下dockeracme之前一直不知道acme怎么能够操作dockernginx,因为容器是互相隔离的,谁也看不见谁的进程,觉得可能需要写一个脚本,通过宿主机来

阅读全文:部署docker acme nginx环境acme申请续订泛域名证书


Nginx反向代理https,配置lets-encrypt证书Wordpress页面错乱无法登录后台

Nginx反向代理https,配置lets-encrypt证书Wordpress页面错乱无法登录后台本站也终于迁移至https了,分享一下部署https过程,今天记录下Wordpress博客迁移成功https了,刚开始配置导致无法进入Wordpress博客后台,后来就解决了,在文章最后,按照我的教程步骤,就可以解决进不去后台的问题。Nginx反向代理https,配置lets-encrypt证书教程本教程基于Centos7,其他系统稍有区别Ngi

阅读全文:Nginx反向代理https,配置lets-encrypt证书Wordpress页面错乱无法登录后台


图片懒惰加载-无SEO负面影响解决搜索引擎无法获取真实src图片地址优化引擎搜索SEO

图片懒惰加载-无SEO负面影响解决搜索引擎无法获取真实src图片地址优化引擎搜索SEO速度对于面向移动的页面非常重要。另外Google不是使用网站速度作为SEO因素的秘密。此外,众所周知,如果在3秒钟内没有打开网站,人们往往会离开网站。正如你所看到的,有很多理由来提高页面加载速度。提高网站性能 有很多方法来提高网页的性能。但是,降低内容大小和请求数量可能是您首先应该做的事情。或,第二,第一步是启用服务器端的流量压缩和缓存,但这些都是微不足道的事情,没有创造性的方法。 如果您的网页很重,可能会有很多漂亮的图片,而且您不想删除这些

阅读全文:图片懒惰加载-无SEO负面影响解决搜索引擎无法获取真实src图片地址优化引擎搜索SEO


使用WordPress建站网站访问速度慢?该如何优化加载速度加快网页载入速度!

使用WordPress建站网站访问速度慢?该如何优化加载速度加快网页载入速度!dpress程序前端优化的文章,比如《wordpress前端及数据库优化》《加速乐免费CDN怎么样?》《wp博客精简速度优化版优化WordPress》主要的优化方式为1、CDN加速。2、去除冗余的html代码WordPress具有丰富的模板和插件,备受广大站长朋友们的青睐,使用WordPress建站的站长们越来越多。但是对于很多从别的程序切换到WordPress的站长来说,他们会明显感觉到使用WordPress程序建站

阅读全文:使用WordPress建站网站访问速度慢?该如何优化加载速度加快网页载入速度!


css文件延迟加载,CSS阻塞渲染、怎么防止css阻塞,通过rel="preload"解决CSS阻塞渲染

css文件延迟加载,CSS阻塞渲染、怎么防止css阻塞,通过rel="preload"解决CSS阻塞渲染d基础<link>元素的rel属性的属性值preload能够让你在你的HTML页面中<head>元素内部书写一些声明式的资源获取请求,可以指明哪些资源是在页面加载完成后即刻需要的。对于这种即刻需要的资源,你可能希望在页面加载的生命周期的早期阶段就开始获取,在浏览器的主渲染机制介入前就进行预加载。这一机制使得资源可以更早的得到加载并可用,且更不易阻塞页面的初步渲染,进而提升性能。

阅读全文:css文件延迟加载,CSS阻塞渲染、怎么防止css阻塞,通过rel="preload"解决CSS阻塞渲染


删除Dashicons图标库提高用户加载速度,移除WordPress的dashicons.min.css文件

删除Dashicons图标库提高用户加载速度,移除WordPress的dashicons.min.css文件会引入更多的问题,从而更加折腾。本人前几天便趟了一个大坑,折腾一圈才发现眼前看到的“没用”不是真正的没用。Dashicons是一个图标库,您可以将其下载为webfont。它们在后端和前端都提供给您的浏览器。如果您已登录,并且注意到“帖子”或“页面”等旁边的小图标,则它们全部来自dashicons库。您可能想知道为什么要删除Dashicons,答案很简单。在大多数情况下,您不需要在网站的前端加载破折号(对于未登录的用户)。例如,如果您曾经以隐身模式访问过网站并使用了视图源

阅读全文:删除Dashicons图标库提高用户加载速度,移除WordPress的dashicons.min.css文件


css的type="text/css"是不是必须写?不写有什么影响type="text/css"是必须写的吗?

css的type="text/css"是不是必须写?不写有什么影响type="text/css"是必须写的吗?了当前页面与href所指定文档的关系;stylesheet就是样式表的意思;CSS是CascadingStyleSheet(级联样式表)的缩写意思是:在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。rel是Relations的所写指关联到一个stylesheet(样式表单)。由于目前的CSS还不能抓取rel与r

阅读全文:css的type="text/css"是不是必须写?不写有什么影响type="text/css"是必须写的吗?


1*1px gif透明、黑色Base64编码图片 1x1px大小Data/Base64数据的gif透明图片

1*1px gif透明、黑色Base64编码图片 1x1px大小Data/Base64数据的gif透明图片调用代码是这样的:<imgsrc="http://ioozu.com/logo.png"/>或者css里这样调用background-image:url("http://ioozu.com/logo.png")那么本文所说的base64要怎么用呢,把图片地址换成通过base64编码的图片代码即可,请看下面的代码:

阅读全文:1*1px gif透明、黑色Base64编码图片 1x1px大小Data/Base64数据的gif透明图片


宝塔面板Nginx-Tengine开启编译ngx_brotli压缩,宝塔面板最新安装ngx_brotli压缩命令

宝塔面板Nginx-Tengine开启编译ngx_brotli压缩,宝塔面板最新安装ngx_brotli压缩命令Nginx-Tengine,后来又开启了“http_concat_module模块”再后来一起编译了“brotli压缩”现在记录下方便以后会用到。之前有一篇文章写过安装 google/ngx_brotli宝塔面板LNMP开启编译Brotli压缩宝塔面板安装Brotli压缩命令,不过呢,由于 ngx_brotli 程序的发展,所以之前的教程不再适合新的 ngx_brotli 了。本站开

阅读全文:宝塔面板Nginx-Tengine开启编译ngx_brotli压缩,宝塔面板最新安装ngx_brotli压缩命令


Debian 8编译Nginx支持TLS1.3,Debian 8编译Nginx添加TLS1.3支持

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 build-essentia

阅读全文:Debian 8编译Nginx支持TLS1.3,Debian 8编译Nginx添加TLS1.3支持


Linux-CentOS 7.7编译安装LNMP,阿里云Centos 7安装LNMP(源码编译安装LNMP)

Linux-CentOS 7.7编译安装LNMP,阿里云Centos 7安装LNMP(源码编译安装LNMP)、MySQL数据库、PHP脚本语言四大开源免费产品组合而成的Web服务框架,早前网站已分享过Nginx、MySQL、PHP单独编译安装教程,或许有些朋友仍不清楚怎么使用,今天给大家分享完整的LNMP使用配置方法。Linux编译安装NginxLinux编译安装MySQLLinux编译安装PHPLNMP实验环境操作系统:CentOS7.7主

阅读全文:Linux-CentOS 7.7编译安装LNMP,阿里云Centos 7安装LNMP(源码编译安装LNMP)


wordpress前端及数据库优化,worpress4.5精简优化版下载优化WordPress打开速度

wordpress前端及数据库优化,worpress4.5精简优化版下载优化WordPress打开速度博客用久了之后数据库会有很多没用的数据,我们可以用代码删除掉。减小数据库的占用加快网站的访问速度。以前的代码mysql_query方式不支持php7+,以下代码简单修改了支持php7.3版本分享出来。保存clean.php文件(UTF-8无BOM)上传到网站目录,打开即可完成清理。清理完成后会显示“清理完成!”。防止意外清理前请先备份数据。<?php//wordpress数据库优化脚本$blog=my

阅读全文:wordpress前端及数据库优化,worpress4.5精简优化版下载优化WordPress打开速度


openwrt主题安装包luci-theme-netgear,openwrt主题,openwrt主题安装包netgear下载安装

openwrt主题安装包luci-theme-netgear,openwrt主题,openwrt主题安装包netgear下载安装机浏览器有点不太完美,  响应式布局的CSS需要再调,先放出来给大家用着先,以后有时间再慢慢优化。安装之前必看:1.此主题是基于luci-theme-material修改的,已在代码中注明。2.此主题中使用了Advancetomato的webfont3.此主题是我为刚买的NETGEARR7800做的,采用了NETGEAR的紫色配色,主LOGO直接使用了NETGEAR,无法修改,副标题是路由器的

阅读全文:openwrt主题安装包luci-theme-netgear,openwrt主题,openwrt主题安装包netgear下载安装