- 博客(16)
- 收藏
- 关注
RSS订阅原创 通过css/js实现html三种动画效果
文章摘要：本文介绍了三种网页动画实现方法：1) CSS动画通过关键帧(@keyframes)定义动画效果；2) CSS过渡(transition)实现属性值的平滑变化；3) JavaScript动画使用定时器(setInterval)或requestAnimationFrame进行精确控制。三种方法各有优势：CSS方案简单高效，适用于基本动效；JavaScript则提供更复杂的动画控制能力。每种方法都附有代码示例，展示如何实现颜色变化、位移等动画效果。（149字）
2025-06-03 13:40:31
314
原创 js倒计时两种简单实现方式
本文介绍了两种JavaScript倒计时实现方法。第一种使用setTimeout，适用于倒计时到特定日期，通过计算时间差动态更新显示天数、小时、分钟和秒数；第二种使用setInterval，适合周期性更新倒计时，以5分钟为例展示分钟和秒数的计时格式。两种方法都包含倒计时结束的处理逻辑，并提供了完整的使用示例代码。
2025-05-29 14:47:07
270
原创 4种方式监听 CSS 变化
本文介绍了四种监听CSS样式变化的JavaScript实现方法：1) 使用MutationObserver监听元素style属性变化，适用于DOM节点样式变更；2) 通过Web Components的Shadow DOM封装样式，利用自定义事件通知外部变化；3) 结合CSS变量和MutationObserver监听根元素样式变更；4) 在React框架中使用styled-components等CSS-in-JS库的响应式能力。这些方法覆盖了从原生DOM操作到现代前端框架的不同场景，开发者可根据具体技术栈选择
2025-05-28 15:49:51
963
原创 css+js实现流星划过的效果（最后有完整代码）
上面只是形成了流星要想形成流星雨的话就要通过js实现。通过样式实现流星的形状和滑过的效果。以上步骤就实现了流星的效果了。
2025-04-27 20:35:58
310
原创 推荐一个使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序electron或者electron-egg
electron 是一个node.js为底层基础的快速构建的桌面应用程序的工具，如果会前端的伙伴们拿下它完全没问题。这个是electron的二次封装，更便捷和易学，同时兼容electron的语法基础可以嵌套任何一种前端模版。官方网址：https://www.electronjs.org/zh/docs/latest/小编还推荐一个后期封装好的electron的快捷程序那就是叫electron-egg。官方文档：https://www.kaka996.com/pages/987b1c/
2025-04-25 13:49:59
318
原创 html 如何显示pdf文件
这个方法的更多操作文档请查看官方文档https://gitcode.gitcode.host/docs-cn/pdf.js-docs-cn/index.html。这种方法简单直接，但可能在某些浏览器上显示效果不如预期。
2025-04-23 14:46:22
659
原创 vue3父子组件之间相互调用方法
可以通过 defineExpose 暴露子组件的方法，然后在父组件中通过 ref 来调用这些方法。这种方法适用于多层嵌套的组件结构，其中你想从任何子组件的子组件中访问父组件的方法。
2025-04-22 14:19:38
1204
原创 npm ‘NODE_OPTIONS‘ 不是内部或外部命令，也不是可运行的程序
npm执行 npm run dev 出现’NODE_OPTIONS’ 不是内部或外部命令，也不是可运行的程序这个错误的解决方法。只需要执行： npm install -g win-node-env。然后再执行：npm run dev就不会报错了。
2025-03-26 13:07:19
740
原创 npm install报错：ERESOLVE unable to resolve dependency tree
原因：npm 升级到 7.x以上后，会出现上游依赖冲突；–legacy-peer-deps：安装时忽略所有 peerDependencie，默认使用npm 4-6版本的安装模式，安装过程中是会跳过对等依赖项。
2025-03-25 15:55:06
596
原创 visual studio code 安装扩展报错Error while fetching extensions.Failed to fetch
如果开启了就重置一下，如果proxy有内容，记得删除，之后重启vscode，如果还是不行，尝试在C:\Windows\System32\drivers\etc\hosts。还是不行就要大概率在环境变量->用户变量里有http_proxy或者https_proxy，记得删除之后点击确定，然后重启电脑即可。最后一行添加13.107.42.18 https://marketplace.visualstudio.com。刚刚装的或者没有操作过了可以跳过这步。
2025-03-11 18:10:46
2065
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人