仰观苍穹思环宇

发表于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安装和配置相关的注意事项和容器管理相关的知识点(OA,OAuth,认证)

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

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 ...

如何在网页中根据不同版块的附加类自定义鼠标指针样式(cursor自定义风格)

发表于2024-08-30|大前端|自定义鼠标指针•动态鼠标样式•cursor自定义样式•不同版块鼠标悬浮上去样式指针样式改变

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238876562da88207365cb0ec2b1fb187d1be9986c3c0511cb031f7f1b5324ad29a3a414268b4b386b545c763d84e47dce01987c5d2e504efbe8a602fc32c5d04b0587b092381bf7da61e6f2fb707ea103cd8b051e8c3153fee10cfaa28c46748811bad7f3f8b7dfcea83e99a874785cf37812080bd777aaa93bec337b2fe75777e228d7db060e9fa4962d0b515e8a81b3413f918ad1c3b02e3fd290db1cc1e99bf727b033fc14d23bb745641337acc93b556ed1e009636d99c74f125a8dca90437a1533275281cac86e8dd440685bba010b282a8d3cf18e9605a ...

如何实现页面滚动时的回到顶部和回到底部按钮(懒人笔记)

发表于2024-08-30|大前端|回到顶部•回到底部•点击按钮回到顶部

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238876562da88207365cb0ec2b1fb187d1bb8a648d9e33b153bbee6c66f722391e909d3170de459b660ca60012360282ead5629f17fb718720f57b7877fbdde609d8eff538db25fa2f869e27fab7ed2185d9eccdb6d666dd6cf4f16c2211b37e1cf99ac4e51930220321a68828f0a4e3644f652c008e56595f33bf31efb8a56052b701806cbee11f8bcb32d629a22278dc4dd3d338b6d90c7d2926b2e38f28731105aa93a2814e171d88a5b54d51965f14d0167e3c3aa4fa03dbbea5a1976a51feebc30d2c9c9a1bc5cc0b514b7d4912b802ecd3002dedeb9043 ...