仰观苍穹思环宇

发表于2024-07-10|服务器linux|linux•运维命令•运维命令速查•服务器运维命令速查

628c584cc0ca60eede7bfc6fe7f8cd07b4507b10d8d85f5bbc9c44029cfe9a886daf55549529a2a2e68df7bacd9f01a6e471dfcfd5df05b132d17248d5fc7d68c730955db0bd1d40755a22d7a9a5208ecbe170a08c9998f20b9cbcebd508d7019d682fa65970a2d67b4a1dae7cd6ce1cfb963c1596440b1652657c3cc0858b9e61976f2e940935a2e86454a825a85be0cc7a2929939c812d5813b0975350b91f4a081513554976d267a237a912d34449f1929a8d9a2ef84d42d14113bbf84736a0b1839e9592b1e6f2731ba857a09735bafc5fe011c13a808b7aad854b9af398e9eb894a140a694c8d5d8b389cb1d3e41abcbf47b876a2fb6 ...

css创建鼠标悬浮到版块时显示额外的信息tips版块相关技巧

发表于2024-07-10|大前端css|鼠标悬浮•鼠标悬浮到内容版块显示额外信息•鼠标悬浮显示额外信息•鼠标悬浮显示tips提示

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238876562da88207365cb0ec2b1fb187d1bae0742d8d72e02863f27dcba5ae169d4cad5ebdebce0dc9158915116d9fbe8ae83c5a1fbab65b57e569fd43da94d7878492f03cb965c43ce002517ddeea1f7d7d187d8efbfbb7deab5d7f8c6fbb87b14696ebebfaed63f41b64dac0dcf0405917bcd966e8d9280043d91da1e99e5193c5b17613a9f86bb5dad117ec74035623157b2b5c777721064e7f988a408b066e48aa39aab07df831c325f5278809815d96fc09fd797aa0ba9478ecd0c8c31f6c754ee26829615a978110d94089076bcdb4d7c1e7c0d7166d36 ...

使用GSAP和ScrollTrigger实现炫酷的滚动动画效果

发表于2024-07-09|大前端GSAPscroll|ScrollTrigger•GSAP•网页滚动动画•鼠标滚动•滚动动画

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b9594043842b04fcb053133f0e882c1aa378cfb3925c294ffa63df259051efbe9c6d7e5f6be3ff9a25f9bdeea67e2024b77684e6ee51968866d06f56adaa8bba1e6a672cab9b47882b96cf8abd25110f8f441958bf8173ad9eb154b0d5f95d8b3ea39cffa95bf0e23627721adb9d74900e8531a93f64d8f7afa6c16212b185f263af15a7dfbbe5ccc6f507f551b067b8b507f5bda556befb26596d1898c0495f28ced8b08d6a43f24855cc50954a29a7d484524deffdff9a713a5b22a0c638557dff5e64056906e1928b9403a5e4f5e2b6109c4590673ccce0dca0a718 ...

实现滚动视口触发的背景颜色渐变效果

发表于2024-07-08|大前端scrollcss|JavaScript交互•CSS动画•网页设计•鼠标滚动效果•鼠标滚动调整动态背景色•版块进入视口动态调整样式

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b9594043839f96f628abad59611c78ac87eeec44c1e97999cc3258534f753942327fa20d0c94d2923d6b2859ea5af1db1252bdc2b29de243c49023a68b1f00f28421b6a8060ca7d6b81ceef69d47c0c5430452eae1243dc0c558364d520ac44976a389719e9ba32f8ea90f6a753e0d3059bf00c252549ddf35fd0255d72ad231a86e906062340426ea53a7bce239b9a598bb7aa427f872df9a0bccffd3492c685a65b246bf8821aa1e9c8e304309dedc872f5408ebe56f8d5228e9550481db8bd7254160b2e1bf02580b0b23301cdb3bbeb54c4fcc82822bd95a47fc9d ...

版块进入视口一定位置颜色随着鼠标滚动背景颜色逐渐变化成指定的颜色

发表于2024-07-05|大前端|scroll•版块进入视口颜色随着滚动逐渐发生变化•鼠标滚动特效•颜色逐渐变化

628c584cc0ca60eede7bfc6fe7f8cd074d8f7c6ef1613e65e3796e8324c597d3417a0f68b39c1e4e0e9d50f6217bc5d52d98e4c3cd41221580d634fded57dd347e75f95dbe43da846597b996ab8921f750e19c9837f7e7635c359ebf433b18b790854067358959b769a6ccfa1ad9f44d6d4e4cafb1c6c0ac5cded7f7930863afd5b1e2602842cc19be23207a362f28d256a904f5168dc7e1c4002f879061415ed3bde64791ac750aef2dd335852884757f7122594f29f1bbf02b94f601cad7e09899f69b1acc3b6817065fdda52f110e540ee1b8eb3c725967cf4372e55f2b1693b9eed999e6b32fb350ccfc95b10516075ae4ef200d48cb9 ...

创建悬浮到版块上实现多通道版块显示应用测试

发表于2024-07-05|大前端css|鼠标悬浮•悬浮版块高亮区块中的不同部分•多通道版块显示•多管道

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b9594043809cf7a2c34c570fb0a4cfc3fe30cdec305a28a3ca0deca3c3fa237546c54424bc9d7a448fc9cbb5ad408b514905c6b5b6fb2db04561e4e92dee6f9770861c078582c4bb92d2bbeef4da76525c36c09b2946317dba310cb24cd9c4f90ab93ead87f02136a5cc393f77ed45a4477d82244f0981b99c2b2daa4603ea71f14d055d4fd95d2350884ad3f6c06fa18b1b31e5c7d2d681d48876a60f749d9d55e7c6192b61ab7e05a7f9c7c17dd5fa9c4ec4c0b0114dc36483f974e18b8aad3e43b73053b7675ac734fae91ab2b47b24918f77fcb157cc91774cfc22 ...

实现社交媒体图标的悬停背景颜色从左到右填充并在悬停离开时进行平滑过渡特效测试

发表于2024-07-05|大前端|CSS动画•鼠标悬停背景横向变化•背景从左到右填充•背景平滑过渡

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238876562da88207365cb0ec2b1fb187d1b68eaac3736b64d20230ef2a9489591ade419b09936c36cf97d8cdb2fcd28b2a3f17e64aee5cf646747bc798216b26ecfdf91b803e906264d847f69b7e8e5d341871b26d65bcfe87e03269a3e07470fa7ee1c8db2838233168b894979d9ff3593ac1819d018035035aa260de95229d69651e6abcdaae919db50cfb3dbdb7a9177c970bc9b845eca7d3cd4589294ac4a68937ac1eef73873f6b893bf7b31bcfddfd47fdc12a456a9ae2f514aa6deccb06e98240f9c1455783093454eb1c4e3a7741a3215f7bb20b47b4 ...

在Windows右键菜单中添加新建md文件选项的批处理脚本或运行PowerShell脚本实现方式

发表于2024-07-05|桌面系统windows|Windows右键菜单•Markdown文件•PowerShell脚本•批处理文件•注册表修改•系统配置•右键创建.md文件

628c584cc0ca60eede7bfc6fe7f8cd070b7568f6af279e537a5c88e02b60bc13aa41880c46bae04619e1f5ce22928d9de4beff55435f4acfa19d484e831dabb1b9bc12dbfbe774f98fca26f33435756da7e3ee857aa2bb4660fab8fa44d98f769aaa0cb6b4bd3af7fac0205073f4e3bdd17043c596c2e476aa8eb5680786d88bc1b009a1df862fadae558efd786b218a40c9bd5824d91bfced7ebd204359ba4688716ca7fcf392c8e9bac38090c27736ce4f6c080309d8a5568f432b3a7332dc1d8bf24759bab72a8ff624c3972c9c4d3811e38e20334e42144b65216a998acab1396128cf42a906a971cd2df3c5b8bdfe61e503a06c1f8e6 ...

前端小型项目中使用简单快速和高效的parcel工具打包和部署前端项目

发表于2024-07-04|大前端|Parcel•零配置打包工具•Web项目部署•打包部署•前端开发•项目打包

628c584cc0ca60eede7bfc6fe7f8cd07d5e47c5a02dd017332f2ebb45283c527248ce3a7c0f5a8b2b7ca69b1b69b858a8828e6e4c783c81bdf0c56234a8795fb497eda1872b00fdda6aa515734a708f45ac56e5826f14a3eb78d94bb2b2c00c876cfcceeb4ca81566b663740d6c23e8e940a0d4adc69e479bd34d2e51995c49afa6f5df5ddd952461b6f95db3b2792899e8d8dc88582ad68ee1a66af3e57f443137073e6a386225a7bce34d5c75ccdde29e88d3937f2ef1fdaf18980ac8aab57552d15b5510c6b9bea612c20060f832c138be32aaa598188898436f62d63a03a65c8e18a77373ae0910dbb7e44922929e6ef6eeffc336808b ...

使用lighthouse进行移动设备性能评估和优化(代码质量和优化)

发表于2024-07-04|大前端lighthouse|lighthouse•代码质量和优化•seo•google•性能评估和优化

628c584cc0ca60eede7bfc6fe7f8cd0767702ae0f3eebacd758e3a9563e544321ae76d6bbb24308eb2e8b9f82a87c129608db7689f3471142a9515dcbba756774f9ed70e2846aa87a4882fab2433695903fc2b2b026f4d527fefa389e8d60c2b723456e8a52191cba576afe31181d44da318a5764811a95212d9d006d98c3e5b8f1526bb4d72539afd9b9de7390092e07c7c67963b3669b28232e5e8096494c4a87bf86c6c1f053bcffcba87bb951691c035fba5f48b0d572e4d8da04bd5d07ff7dc6cf24f3a208284f9f8cf9e427bcf2367eee367eb9162dcfeb000e82f67500ea6d923554bda2e9c1e77492a0543b3a515d1c8d23ba9f99 ...