仰观苍穹思环宇

发表于2024-09-11|大前端|动态光晕效果•鼠标光圈•CSS过渡动画•页面光晕跟随

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238cdabd1e58810a23b532a3a4a7e6e4d40a60a1745393b895f88317b4e30e0a4088b6608c6027b6d7603c017fb514a5739ca9b32ea72770fd154c5a0bf79df6ea5ef9e16de5ca9e70eb715f71954ded5780d7663c7f042cf9060c103804af8194027c50f85051cc619e5eb1e9fe106dcbe885111612413c6d533e2d1898d16926e56730e75a76a6d2971ca8ab89854f40ed552741203112a94e12863bebaaae25a4709bb837110e57c7a6541ec1319e29434c18587dd51a4215af6313d481cdd64e5fd46e4ba584e69be0dcfaac54058bd4b85f4a1b55eace00 ...

WG-API官方文档(接口测试和使用文档)

发表于2024-09-10|网络|python•wg-api•wireguard

628c584cc0ca60eede7bfc6fe7f8cd070e29c39a0ccdee952557a59967225df45677ba2738bd54a67f290cbda55fddca0956ba8cf79e823ec8add9a9fd63c0ef39193276805a59cd420ccf8a2fcb4951c697d34036f2de3c1408699f68efc23b5fa9b3917f4df51dc7941a36ea64fb6cb05f5b33a27160ff58fdc042f1660783c73acf7aa0872f12c495c095e557300b01870e0ba5304b374787e77def0348e966b8c5aee75e26a69fd095605e505fe89c849408a8a3f74e40e30d5e44b76d48b72348c630838f3c0ec0f91762ab243629a52deef78f91c4451a2ad6e7c6f4adb73e774e780504947c6a4c5d1de246a5a5008c1bc00e24b8e ...

设计一个响应式的倾斜版块布局

发表于2024-09-09|大前端css|CSS倾斜效果•响应式版块倾斜效果•现代网页布局•响应式设计

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238cdabd1e58810a23b532a3a4a7e6e4d406c27bd45218cd9f90ccf69f299f6dbb8114331c8dfa3d3745ec01a9adb6eff493ea57b28611c18953dcf0cbf3a2d248bc124ba71880839e289e8d902c4c8aff0099f2ff510c567614af0b57a5afb2310381653eea9be2423923c277effbf94f0926ea5595dc758517324ff496becff4058f2b59db05c1a14628b8a472b3de23d1ddc56e2c918944bed364c2a1d72b20b55617cb6f1b68c3c91e6a03c1e2b836c43904478e15131575feef08f98030525863313b22f4954771ea499f7c64c9ae3161f907c7b949f732 ...

视频播放器,左边视频播放区右边视频播放列表,播放区和视频播放列表高度一致版式问题解决方案

发表于2024-09-09|大前端|视频播放器布局优化•网页视频列表•布局高度一致•实时保持视频播放版块高度一致•自适应布局•支持iframe视频地址

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b959404388497dc0120692626120e6a94e4a530999f5e5f98bbf26d9244d0febce23bd68c10934a2b229770b218670bddd70f25bc25e0cb301ad5abc6e14ba5e5f532ce5a49caad5fa5db73aa59f956501d104d3a6af922d0d3c13e0ca7190ecbf9e327aa80c9886612163dcc4deee9027c054cb252f118432197a1ae4766172cb8015b1cfc315f3d186d083f41c6150f922e59e0c715d3689ce6bed7cbee9927bc795328e3b639660907f7d2c2b3baffb6a994f5da1eea9a22fd5fad09304312b669584ba6f2094383f2f28f0a73a1e9aacfcbe5af68fd6525e68c7f0 ...

使用Python和PowerShell使用stun获取外部公网IP和端口号的完整指南

发表于2024-09-09|网络|Python STUN公网IP•PowerShell获取公网IP•获取公网IP端口•STUN协议

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b959404380a70911eea4183da034be09a6474ec1f22d4f23a21b1b93ccb01a53119a2ae249356ce3f42740e0200ffcadefeee386fc75f9735b94dd522c70103586e75987cbbbd6a2c96398249709e205b20b6ff6c91dfdfbbd86990c56ed739147392b7aaae98f3b3b541a52a231a40dddf1dbb556cd4c90614e77ba51a4b6aab051e07802664ed2b21941919ccdcf4dd387128d2debb1097fd786b99133d536c83210fedb24ca8cd9f35ca6d8558b229630290ee005c4f5e1b6b4066e4b5cb29c81bd3e5d51bf3672f827b5639a4d69c439939fbe21ac64ac735b507f ...

wg-gen-web和wg-json-api使用docker-compose安装和配置相关的注意事项和容器管理相关的知识点

发表于2024-09-06|服务器linux|docker-compose•docker•持久化存储•wg-gen-web•wg-json-api•docker容器管理•WireGuard配置•OIDC

628c584cc0ca60eede7bfc6fe7f8cd075b31e6def062e7abe4ad1b5c8db40789ce6c12e9090724c7a83399a0990c2acc540e4e3858efd70ffeb5b7171df395f225d3785cf2b5b83ca95e28bfae0d4bb27d467ecdea20384e40ad26e330f0defd7560749d1cb081982e072007344633bf2d6e7fe63b03607b6e549e6ffe528952434ceab793bc48a0f2fad7c54a9509c9d993c7c81781f3bf8e1165a46bb8ab1c97fa570253ec6cdb6a37d09271aba365c2e9efa547c21b8d4a6ba698b8c7b75fdb382edd816d3fdf0c1c30fae9bfcf745acdd023dfcdfac1be28134ca6f6466a78034f9f133968666c94a0595171f43f4b018b8557e23ec5b ...

如何实现背景图片自适应居中并循环旋转的网页效果

发表于2024-09-06|大前端|背景图片自适应•CSS 旋转动画•图片居中布局•background-size•网页设计技巧

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b95940438ec4dd961e4799d9f501a31b139c6bba0244e1e55bf3ed1f35d629efbbbfc09807876b0796937449252969a1a459d40ff456915f6d300ba2b17c601b83cb5d43167596e1c944eb3514f4908b31282cd7410138b4a912b46ae173f32d2f5b804ee02842894558f4f2cd73c8aebf3c8c8f72a5f538d65528b3137c65844f7c206127c07b835b961bcdf3c5f87e2d6b93a413c52b7d1483cd672ebead3eaba33560e45b23ccbc4155e127ff7e0fb69ae6aa3a13c684fadb9e671f2b5390d93bca62045171e2952246718b4f0cbbd68e6ec5a44a5d320c0ca6dff9 ...

通过命令行配置Windows防火墙以允许或关闭所需的流量的端口TCP或UDP,路由设置,虚拟网卡流量设置

发表于2024-09-04|桌面系统windows|网络•windows防火墙规则开启•防火墙命令行操作•端口开放配置•防火墙规则管理•网络安全策略•路由设置•虚拟网卡流量•默认路由/永久路由

628c584cc0ca60eede7bfc6fe7f8cd0767702ae0f3eebacd758e3a9563e54432b0d396dfa6ede8e9980f9a9ceb9ff4df756e6f9e5b72f1d7afede0a17ede838f38e020554a045a4922878415594cf4ea02bb6000fc1411c9a821c5c0a6c42adb2f7ecd08de3da2d2441ab2bb7dead4244b36b1c02f600b7dd24ee507b4132549e6d904c67939ab01b89a63df8914d540141286c56f672b70a2280e995a8ec3e8639825fb378fd5fa30d23f781de5766a35f7bdb360d235b9a81717cd31400292fbdcb23b5451c9f0ec845f7101a058f5605281547172723415ebed24435365f1c458d7a35c434ce63ea297d2672cb3a13923e3e87e107ed22 ...

浏览器通过console调试动画方法(浏览器开发者工具在线调试js代码和css在线代码)

发表于2024-09-02|大前端|浏览器开发者工具•js在线调试•css在线调试•console执行js代码•Snippets标签页

628c584cc0ca60eede7bfc6fe7f8cd07513d3ded4ad2779dad82cc60f69c758e081e9adaa67582f1ad199ec552305442cffac5b8521decf771c91a74d3c7232edf81e44f133a2a2cca1855c787150fd00f92cbf8c5cd89a04acefa849f131f42698764665c1b52cb3d289fca55a4a684703673eeaf743637f70e4e9a00250882de039991f9ee85085b913bc1ff3b7b00e158b88f5da9bfa7f20b1fc2154ad6b1a405d88740d71ea6bac5405c83b082bd1170f2894b2903fe85e05ae4fd52cecc768a48c3806b9f01d0994a0282bb785afa8b5e1854886adcebe320d00b7b90ce159919b52a0c4efee546056e6873bd573e5783251175b07bf ...

使用GSAP实现滚动动画效果之版块固定动画(多个版块固定pin住&钉住的效果)

发表于2024-09-02|大前端gsap|gsap•GSAP钉住效果•ScrollTrigger固定动画•滚动触发钉住•元素放大与固定•pin•end

628c584cc0ca60eede7bfc6fe7f8cd076d5cc2ff1f36281535bae9832acfac5d91d8e6441c46fb9ef1413125be4e3dbd0a23d00453afbdd942d5d2b5ec5661c87f96ae2f804bbca589300881d607f3d5b7e42e94ef34f87d1352583e84b1cd1c098129dc3247a1b94cb92814299253f0339b30fd4bea8073f0c5a6545ca2981bc3f58d7b9df3261dde60150515682118a227650c2861e0a1bcdaac9493acfd552b8a368c54239c646c6ea1420c491d7e8d5fe190e9b6bccaf8caaf3e74f5a6046c06052f9b94d9e1325669a6e1e87f322a552635d918b9c27513df704573bc759551806f2d056be8376da552b77e773101b1dff17d6730b7b ...