仰观苍穹思环宇

Enfold主题中结合Contact Form 7与Popup Maker实现表单验证后自动刷新并控制资源下载的功能(邮件真实性验证,验证码验证下载资源)

发表于2025-04-25|wordpress|wordpress•contact form 7•enfold•Popup Maker•表单验证•邮件真实性验证•验证码

628c584cc0ca60eede7bfc6fe7f8cd078e3077e93b98a1fc798445e49f6f0fc05aa6333129d0ed06eaa3ad43a40e9077d4e1c757c5b6b5843dadc9741160d3698aa1b29e42d6eca94b732d4c811bf4b71001cbf9c174e4581f34d18a9664bfb60d4f0a9b78e06f5369774e5ba0ccf8314d0eb4c24fc24f73d9299b7c3cda31ba2a7cd9b06a2797450eb23f86a5dad7451a4d784f1a1f63c623e6726c24ca8aa2acdb7e9a1d890dcd2e1a3ab916bc3da653ed8abdd1bd723050db21815ffe2ee499b226464e9e2ff0a96af7c7dbf47f4a6bd170ad63831fb2230047769e69dfd7f09b7cd270c1ef7ba7d569e2a8ed31342072bc0ab1945ecbd ...

SVG动画实现和封装通用测试

发表于2025-04-25|大前端动画|svg•滚动动画•js代码封装•js代码核心代码封装

628c584cc0ca60eede7bfc6fe7f8cd078e3077e93b98a1fc798445e49f6f0fc07f3025c6f54b95140acb66e1f7648e8dd606c057458b8fda4671be99510973f0be05e9b0c0f14a1d96bcf18a36bf7cd0e4790a70cf088032c9778490ab54fb22e597bbca144e7fb796acfa6cbe1a58bead1ed84423f574f3648f9c2d4b690b819640396458f06aa680b79c44ad8bb26a129c59a82cbfc0878056126a1836bdf558d10eced48e766fbcffd98f3d1f4d8d9f37d2f3f7175e5add3de3ec13ece6edd50dce4d533173989cc2434dbc3648a62378c5eab867df693b4f586e6fe21c8e8b82fb64132665a0e01dd24f29ee3e3505e1d82b16934c9e2 ...

基于滚动的动态动画效果与JSON配置驱动的多板块实现结合gsap和scroller插件(dji)

发表于2025-04-25|大前端|ScrollTrigger•视差滚动•GSAP动画•滚动驱动动画•视差滚动效果•文本透明度与位移效果•dji•图片与文字互动效果

628c584cc0ca60eede7bfc6fe7f8cd078e3077e93b98a1fc798445e49f6f0fc0e978ea67532307b1772ef2d9ed358d5d8d3628e9119e3e8454707d2aa96229f7b96ee6da7dce5d128fe0a1ed72f1af4679e381f3f30a05aca9a0740b30b5d7c3a3fcfbc88cfc74eecb8e94b0f63b67b7ba7ef4249076ff022402e3fb7ecf0f84454560e88542c16960f3c40c4d8c9733f072fbb81c4fab143f014612a867b112f00cf07c5961e4df9afea9dc64da8c1a78c6b0596adbc09e20171cbaf1a5f2c1a4e0f203fd31d5fb55f050d56a1a495e7e8bb1e65a2f281ce155eee50f042d38e4ddb2cc48b8ec271ea0b9720dd95b8df07a99cf2acf3d5a9 ...

解决WordPress后台添加文章缩略图和画廊图片更新或者发布之后不显示的排查与修复方法

发表于2025-04-24|wordpress|wordpress•日志•wp_postmeta•数据库表修复•后台文章缩略图不显示•error_log

628c584cc0ca60eede7bfc6fe7f8cd0767702ae0f3eebacd758e3a9563e54432f4d3f66d6e424722fb85562f8a7d68470ede7cdfc3649adf1dcf99e2bb8fa7a033a51e5460977a09d3ff3906fb5fd18d5333ac33de9eb1591d1711c377a4bfadb8c539b2a85f78d595c4046845db9f27282dcd355a674a70617fc3d7b34ce765675ec36bf4df9a801ae0b596da31a62eab0978a3e28b3ef3bdbb6ac633bfc552032064c358832bc489b144d950273ede728ff8465bc393ccd8adcde72bfad656b736f88dd6d4c5fc7437cee29074080e8e08bfd17571826527a8c68cae684a4e25a9ded460435a889eda105e3c335fa02470563598c36a871 ...

滚动效果研究和探索示例鼠标滚动驱动板块特效应用

发表于2025-04-23|大前端|scroll•鼠标滚动驱动•滚动效果•Scroll Reveal•无侵入式增强（Non-Invasive Enhancement）•滚动触发动画（Scroll Triggered Animation）•动态DOM监听（Dynamic DOM Observation）

628c584cc0ca60eede7bfc6fe7f8cd078e3077e93b98a1fc798445e49f6f0fc01a2c302b290a16ff329b902ff3ec132314d20c8284e3b006e53f5fb98ab305d77e3c0aa9ac8af24f09768d66d311123421614c2eb0dce5ba5d7b527680ab00c9362a4af2a18020b16c68ed8497a8857ee045875336a93c62629f39ee9ed7065e76181382f9115b61d628f40477af895055f29a9a405f5f56ddea4c625d9f7a32324cd767930257ea223ffd5cd5db35849365aef7c1bb965d17bfd6e50dfb7b3b9ed61d625cc6a01f94d0e2bf83956d81f3e112139158ee20215fca0448b10f62259d75f8202698666afea05e11f9db94e174f58bdfbd40bcc ...

实现一个可收起的悬浮社交媒体social media侧边栏(含美化样式)

发表于2025-04-23|大前端|wordpress•enfold•悬浮•社交媒体•social media

628c584cc0ca60eede7bfc6fe7f8cd070d0021d439fbc1058407ccb5ebe184a8550a599e2db2bf88db242bad27b40c4621247b8a4128904db42a6bf1fa303eaf4977da5879db761b21867bde53a64a137fac8e11830329847a365b256d8a6d3948f12a4e92a8fffffaf6a82cde9a2942309481cdb2bec2d5c05723921aa96b7580e30f365da3e486e6f334296a4730969f416a45bda9d8e1ad5c03e99ad94db96df04bd7ff421b2f2e6a5fcdbb021ed7fb5e2b72ad2638581cef4169595034d7b68d38d600120f5ac7f5253b82b296ee0933bf77b31c1f418d491c53e4222c8d7635d5d7844cb7756b40c48064047b9b2b41d49527e92b909 ...

Syncthing报错'folder marker missing (this indicates potential data loss)'的原因与解决方法

发表于2025-04-23|数据同步|Syncthing•.stfolder•数据同步

628c584cc0ca60eede7bfc6fe7f8cd0739f6bc13e8ca7f9fb0c066043aed76c3ce96db027b7d6ef627edd0243b5c466f5f466f967b68a2f99e067cfca90d1dcbdc6b7d0896e0d83197b7fdbe574e425df53b57bdf2d15aa6ffb34ef1373771193daadd8e0023cc50e29d1b4cb6ab134604ff6eccecc433055dd4d7e0cde21ecc8a3051fc3fcbb534c8e5468ff4e2c4518004560800f18df7d6ce1dc27a52028e6924bab81f70d27046ae77c8d7b70a113061b6a5f20d047d5fff33eded09d20282bc2ed76ec42913cf35e845e1ba48c41db9f776347cc8cb987ca3a1af6e983ba6e95f3e051630ea8ab6d8a92241802ee2e332082c24f56ec ...

将Canvas和SVG统一由滚动驱动实现同步动画效果(混合动画系统)

发表于2025-04-17|大前端canvas|svg•canvas•滚动驱动•混合动画系统•同步动画效果•Perlin 噪声

628c584cc0ca60eede7bfc6fe7f8cd0767702ae0f3eebacd758e3a9563e544327a02fb8e5b1198ea7cbbba614ee2bc4a44a02177b8ff403227dfbac572c640fba9c953d1fed63be430025ac58da47660b86863ff25b5dbe2eaa7e3eadd205a7a27b4b6addb2c82b72d20f8f498b04a98d2c2b47bdda37bf2b73c14d60fc5f68f90aac37c52d46fed87c1f7b9b16920cddfdafaff949dfc99722773bc2dc78f700cfd460886266c22260acf9ffe9bc732df12cae2412c19453667700d603330e0b641d1403a8500b5660259536e1886e4d7e5dbc5868ab70acea71e6b75a4ecb77e0a4daa36a836b296871947d04489ad92ce564ad2f7960e7 ...

批量下载有规律的图片资源到本地的几种方法(python,node.js)

发表于2025-04-17|大前端|python•node.js•canvas•批量下载

628c584cc0ca60eede7bfc6fe7f8cd0767702ae0f3eebacd758e3a9563e54432ffbf956d3620ef8f72b90793301d9138f82be1286da9fd9ffa0ecf8da29e1bc38dc49e9bdf55e9dce1f2db1f85d3d53022084b46d80b034e12a81ce515962c903b76778d464bc81a29bde793a02ceefcbf85416c9161559d791c622e2e1d64d449ca29a15a7132be93620a814dd9781ee2653b14f3e12d95c52dc017fc87be7a7c4876a769e0442af470534d7b7b63b48d3f58921cd5c2d111cbb97acc178c53026d6c3139c5d047456900b050fb8826e54dea6201d46d531de64480cdee1e14714e54d1fd8cb08420d62297bf985a95b6858f32bebf4827c ...

canvas在web设计中常用的API和使用场景示例讲解

发表于2025-04-17|大前端|canvas•api•液态拖拽•彩色拖痕•液体弹性•液体跟随鼠标涟漪•魔法扭曲

628c584cc0ca60eede7bfc6fe7f8cd072bb710b40410aa1cd3330038140706d8502ea03e132f9ccea633da05d51c5f30933ced47e6fab1f74061a3a0cebe1f5b11b7ebded00458ef7c346563169a9dc6ea6fbdd7c34e98a1208492387657f278a34f97ba16dfc4c390c0dc3ac014e1ce058aabc6c9a93720bde4d86f76257669a79b69535d93187d9f8ce1528d8420d6e450a6362d90b843085fd31ea9fae77783a2f85007577e36092b96afe1b1bfb30e0bb556485f3df4f5bbf8ab7c29fd0a4b29a4653fe6fe37460876a468e07fc524b2e7251baa76f0db9420b5697ba6351424486d71f3b7bb0978f30567649f8c3f13c80f59f1b0806 ...