qq_38865642的博客

原创 使用 gtag.js/GTM 在网站上设置consent mode（基本模式）

使用基本意见征求模式实现时，先阻止 Google 代码加载，直到用户授予同意。

原创 点击跳转新页面并打开页面弹窗

如果给按钮添加新页面的链接，并且在跳转到新页面时同时打开被隐藏的表单，可以通过传递参数或设置 URL 中的标志，然后在新页面的 JavaScript 中检查这些参数或标志，并相应地显示表单。当按钮（类名为 “butt”）被点击时显示表单（类名为 “popupForm”），当关闭按钮（类名为 “formClose”）被点击时隐藏表单。

原创 PyCharm 运行 python 报错，显示不支持

通常来说，PyCharm 会支持较新的 Python 版本，因为这些版本包含新的功能和改进，同时也修复了旧版本中的一些问题。PyCharm 2019.2.3 版本相对较旧，并不支持最新的 Python 3.12，改用 Python 3.7 版本就可以了。安装完新版本后，返回到 PyCharm 中，打开设置（Settings），然后在 Project Interpreter 部分选择新安装的 Python 解释器。为了解决这个问题，可以考虑升级到一个更新的 Python 版本。

原创 WooCommerce 列表页增加产品自定义图片

在这个示例中，使用了 get_post_meta 函数，该函数接受三个参数：文章ID（或产品ID）、自定义字段的名称（thumbHover）以及一个可选的布尔值，用于指示是否只返回单个值。如果要使用文章的自定义字段（custom field）thumbHover 来设置自定义图像的URL，可以使用 WordPress的 内置函数 get_post_meta 来获取该自定义字段的值。请确保在添加这个代码之前，您的商品或文章已经有了 thumbHover 这个自定义字段，并且填写了正确的图像URL。

原创 JQuery 实现点击展开内容

如果您希望完全移除"read more"链接，并且只想在excerpt中显示特定数量的字词，可以在主题的functions.php文件中覆盖默认的excerpt长度，以便它不会自动生成"read more"链接。如果您想要修改链接文本，可以将return ''更改为return ‘YOUR_CUSTOM_TEXT’，将"YOUR_CUSTOM_TEXT"替换为您希望显示的自定义文本。当点击"read more"按钮时，它将使用slideToggle方法来展开或折叠内容，并根据展开状态切换按钮文本。

原创 wordpress 自定义字段

WordPress 自定义字段是用于向您正在编辑的帖子或页面添加额外信息的元数据。默认情况下，当您编写新的 Post、Page 或任何其他内容类型时，WordPress 会将该内容保存在两个不同的部分。第一部分是您使用 WordPress 内容编辑器添加的内容正文。第二部分是有关该内容的信息。例如，标题、作者、日期、时间等。此信息称为元数据。WordPress 网站会自动将所有必需的元数据添加到您创建的每个帖子或页面中。您还可以使用自定义字段创建和存储自己的元数据。

原创 帝国CMS升级PHP版本为7.*空白问题

之前安装帝国CMS都是老版本而且是PHP5.*，当升级PHP版本到7.3时，发现登陆网站后台出现了跳转空白的问题。只需要修改e/config/config.php文件，将数据库类型中的mysql改为mysqli。

原创 Wordpress 自定义 categories 样式

无论选择哪种方法，确保在进行修改之前备份网站，以免造成不可逆的更改。最好的做法是在开发环境中进行修改和测试，然后再将修改应用到生产环境中。如果不熟悉 WordPress 主题开发和定制，建议在进行较大的修改之前查阅相关文档或寻求专业开发人员的帮助。

原创 wordpress 网站如何禁用 WP-Cron 来获得更快的性能？

CRON 工作用于在 WordPress 网站上以定期的固定时间、日期或间隔安排任务。WordPress cron 作业的一些用例可能涉及安排发布帖子、检查更新或按预定义计划运行的备份插件。在 WordPress 中，这是由 WP-Cron 处理的，它用于模拟系统 cron。但是，根据网站的流量，使用内置的 cron 处理程序实际上可能会影响您的页面加载时间。所以今天将展示如何禁用 WP-Cron () 并使用系统 cron 来获得更快的性能。

原创 使用CDN后如何让宝塔面板日志显示用户真实IP？

众所周知，站点使用 CDN 之后不管是评论者 IP 还是日志显示的用户 IP 都不是用户真实 IP，而是 CDN 节点 IP 或中转 IP 等。今天重点跟大家说一下使用 CDN 的站点如何让宝塔面板的日志显示真实 IP。保存之后再重载配置即可。

原创 浅谈服务器物理内存、RAM 和 CPU

通常，Web 服务器的 CPU 和物理内存使用率取决于几个因素，包括所服务网页的复杂性、并发用户请求的数量以及服务器硬件和软件的性能特征。然而，对于一个简单的静态 HTML 页面，CPU 和物理内存的使用应该可以忽略不计，并且不会对服务器的性能产生明显的影响。伪静态页面和静态页面之间的主要区别在于，伪静态页面由服务器动态生成，然后缓存以备后用，而静态页面直接从文件提供，无需任何服务器端处理 . 静态页面往往比伪静态页面更快、更高效，但它们可能更难管理和更新，因为每个页面都需要自己单独的 HTML 文件。

原创 帝国 cms 反馈信息获取 IP 不完整

使用帝国 cms 的反馈信息模块时，发现在用户提交过来的表单中，一部分 IP 获取的不完整。代码中发现了有正则表达式，所以怀疑可能是 IPV6 被截取导致的 IP 显示不全。

原创 网站嵌入自定义 google 地图

A： 这里有一个示例，说明如何向地图添加三个标记：在此示例中，我们在以下坐标处添加三个标记：我们还将初始缩放级别设置为 4，并将地图以纽约市为中心。将“YOUR_API_KEY”替换为您自己的 Google Maps API 密钥。 如果您没有 API 密钥，可以按照 Google Maps API 文档上的说明获取 API 密钥。完成这些更改后，您应该能够将修改后的代码嵌入到您的网站中，并看到带有三个标记的地图。A：可以在 InfoWindow 内容中使用 HTML 代码来为内容添加更多样式和格式。 下

原创 纯 css 实现 table 冻结首列

表格过大在移动端显示不完整时，需要滚动条滑动，接下来使用纯 css 来实现 table 冻结首列，更好的浏览表格内容。

原创 Table 中跨列文本在 iphone 浏览器被放大显示

在用 html 写 table 表格时，发现在 iphone 浏览器中，带有 colspan 元素的 td 标签的文本内容会变大，例如：如上图所示，对于最后一行的跨列内容，并没有单独设置文本的 font-size 大小，但是相比其它单元格的文本，字号明显大了很多，并且尝试单独对其设置大小并没有用，这种情况发现在 Iphone 的 google 浏览器和 safari 浏览器当中，PC 端和 Andriod 端暂未发现。

原创 首屏渲染优化之 critical css

提取首屏加载需要的关键资源 css，可以使用 critical css 工具来完成。

原创 帝国 cms 多语种网站之Gtranslate 翻译使用

如果是 Apache 环境，那么就把以上配置代码放在网站根目录的 .htaccess 文件的顶部。输入生成的语言网址，例如：https://域名.com/es/ 查看是否成功。如果 nginx 环境出现 405 报错。将解压后的文件夹 gtranslate 放到网站根目录。然后将配置代码复制到网站设置的伪静态配置当中并保存。这里可以选择域或者子目录，看自己需求。将小部件的代码放在网站的公共部分。STEP 1. 选择平台类型。STEP 2. URL 结构。STEP 3. 语言选择。STEP 4. 最后检查。

原创 将 reCAPTCHA v3 添加到帝国CMS 的 PHP表单并使用Ajax提交

在本教程中，我们将使用 Ajax将Google reCAPTCHA v3添加到PHP表单中并提交而不离开页面。如果您的网站上有联系表格或任何此类表格，您就会知道从机器人接收垃圾邮件是多么令人讨厌。Google reCAPTCHA保护您免受垃圾邮件和其他自动滥用的侵害。要继续学习本教程，您需要具备HTML，jQuery和PHP的一些基本知识。

原创 帝国CMS 灵动标签使用（判断）

灵动标签if判断语句，调用XX条，第X条和第XX条采用其它样式。很简单的一个判断语句，但是还是很实用。比如调用6条，第1、2、3、4条采用一种样式，其他2条样式不同。

原创 在 HTML 上添加 Twitter Card 和 Open Graph 社媒标签

当在社媒平台上分享链接时，通常会显示丰富的图像和格式精美的标题、摘要和链接，而不是纯文本。例如，以下是 Twitter 显示本教程系列链接的方式：您可以通过在 HTML 文档的 中包含某些 标记，将这些富媒体社交共享功能添加到您的站点。有两个主要标准决定如何格式化此元数据：Twitter Cards 和 Open Graph 协议。在本教程中，您将学习如何将 Twitter Card 和 Open Graph 元数据添加到您的网页。

原创 简道云表单数据提取截取函数

在使用钉钉当中的工作台（简道云）办公时，想要上传的数据进行自动提取的功能，这样可以大幅度减少工作量。比如：需要将客户信息上传到后台，并分别提取客户的姓名，国家等。

原创 如何截取 EXCEL 单元格中字符串的中间指定部分？

1、了解 FIND 函数和 SUBSTITUTE 函数的参数含义FIND(要查找的文本，被查找的文本，[开始的位置])SUBSTITUTE(字符串，原字符串，新字符串，[替换序号])2、获取需要查找的字符串出现了几次（最后出现的次数序号=一共出现的次数）3、将最后一次出现的字符替换为新字符第2步公式4、找到新字符的位置（即所查字符最后一次出现的位置）FIND(“@”,第3步公式,1)

原创 Form 表单电话格式正则验证

form 电话格式的正则验证

原创 Wordpress & AMPForWP 添加 email & WhatsApp

Wordpress 网站如何添加 email 和 whatsApp，并返回来源网址;AMPForWP 网站如何添加 whatsApp，并返回来源网址;

原创 TIKTOK短视频运营

原创 二（3）ES6 语法扩展之遍历器与 for...of 循环

一、Iterator 是什么1、Iterator 的作用Iterator：遍历器（迭代器），用来遍历2、寻找 Iterator3、使用 Iteratorconst it = [1,2][Symbol.iterator]();console.log(it.next()); // {value:1,done:false}console.log(it.next()); // {value:2,done:false}console.log(it.next()); // {value:undefin

原创 二（2）ES6语法扩展之 Set 和 Map 数据结构

一、Set1、是什么（1）什么是 Set数组是一系列有序的数据集合。Set 是一系列无序、没有重复值的数据集合。（2）理解 Setconst s = new Set();s.add(1);s.add(2);// Set 中不能有重复的成员s.add(1);console.log(s); // {1,2}Set 没有下标去标示每一个值，所以 Set 是无序的，也不能像数组那样通过下标去访问 Set 的成员。2、Set 实例的方法和属性（1）方法// addconst s =

原创 二（1）ES6语法扩展之剩余参数与展开运算符

一、剩余参数1、是什么（1）认识剩余参数const add = (x,y,z,...args) => {};（2）剩余参数的本质cost add = (x,y,...args) => { console.log(x,y,args)};add(3,4,5,6,7); // 3 4 [5,6,7]剩余参数永远是个数组，即使没有值，也是空数组。2、注意事项（1）箭头函数的剩余参数箭头函数的参数部分即使只有一个剩余参数，也不能省略圆括号。const add = (…args

原创 一（4）ES6基础入门之对象字面量的增强与函数参数的默认值

一、对象字面量的增强1、属性和方法的简洁表示法（1）对象字面量是什么// 实例化构造函数生成对象const person = new Object();person.age = 18;person.speak = function(){};// 对象字面量const person = { age:18, speak:function(){}};（2）属性的简洁表示法键名和变量或常量名一样时，可以只写一个。const age = 18;const person = { ag

原创 一（3）ES6基础入门之解构赋值

文章目录一、解构赋值是什么二、数组解构赋值1、原理2、默认值3、应用三、对象的解构赋值1、原理2、注意事项3、应用四、其它数据类型的解构赋值1、字符串2、数值和布尔值一、解构赋值是什么（1）认识解构赋值const arr = [1,2,3];const a = arr[0];const b = arr[1];const c = arr[2];console.log(a,b,c); // 1 2 3const [a,b,c] = [1,2,3];console.log(a,b,c);

原创 一（2）ES6基础入门之模板字符串与箭头函数

文章目录一、模板字符串1、模板字符串是什么2、模板字符串的注意事项二、箭头函数一、模板字符串1、模板字符串是什么（1）认识模板字符串一般的字符串由’'或""组成，例如：‘alex’,“alex”;模板字符串由反引构成``,例如：alex。（2）模板字符串与一般字符串的区别const person = { name:'Alex', sex:'male', age:18}// 一般字符串const info = '我的名字是'+person.name+'，我的性别是'+persone

原创 一（1）ES6基础入门之初识ES6

一、ES6简介1、ECMAScript2、具体是什么3、历史版本4、命名方式5、ES 与 JavaScript 的关系6、ES6 的兼容性二、let 和 const 是什么1、let 和 const 是什么2、let 和 const 的用法3、什么是变量，什么是常量总结提示：以下是本篇文章正文内容，下面案例可供参考一、ES6简介ECMAScript 是语言的