vue页面加载完毕之后执行
发表于|更新于
|浏览量:
好奇心造就科学家和诗人。——法朗士
当vue页面加载完成后触发
我们在html开发中经常是使用window.onload实现
1 | window.onload = () => { |
但在vue中我们使用this.$nextTick
1 | this.$nextTick(() => { |
效果如下
相关推荐
2023-08-29
yft-design
与所爱的人长期相处的秘诀是：放弃改变对方的念头。——萨尔丹 分享一个项目yft-design yft-design: 基于Canvas的开源版"创客贴"，使用 Vue3+ TypeScript + fabric.js + pinia + element-plus + pwa，支持 文字、图片、形状、线条、二维码 、条形码几种最常用的元素类型，每一种元素都拥有高度可编辑能力，缩略图显示，模板，支持导出json，svg, image文件 体验Demo：https://yft.design体验Demo：https://more-strive.github.io/design/
2025-01-30
readability
我当然不会试图摘月，我要月亮奔我而来。——奥黛丽赫本 https://github.com/mozilla/readability 最近发现了一款由 Mozilla 开发的开源工具 Readability.js，这是一个专注于网页内容提取的库，它能够快速解析网页中的正文内容，过滤掉广告、导航栏等干扰信息。Firefox 的“阅读模式”正是基于 Readability.js 实现的。这款工具对于需要优化网页阅读体验、自动提取文章内容的开发者来说非常实用。 什么是 Readability.jsReadability.js 是 Mozilla 为了提升用户网页阅读体验而开发的一个工具，能够将网页上的主要内容提取出来并生成清爽的 HTML 片段。它非常适合集成到浏览器扩展、阅读器应用、内容聚合平台等项目中。 安装和使用1. 安装在 Node.js 环境中可以通过 npm 直接安装： 1npm install @mozilla/readability 2. 基本使用要使用 Readability.js 提取网页内容，只需传入一个 DOM 文档对象并调用 parse() 方法： 1...
2022-11-21
css-tricks
站在上风的人衣冠要整洁，位在任上的人言行要谨慎，这才是政治家对天下的责任。——德富芦花 分享一个网站，这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声 又或是对于console的使用指引，例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/
2023-07-17
handsontable
没有祖国，就没有幸福。每个人必须植根于祖国的土壤里。——佚名 分享一个表格组件 https://github.com/handsontable/handsontable 非常有意思
2023-06-05
js获取当前浏览器是否采用深色主题
荣誉在于劳动的双手。——达芬奇 代码如下： 1window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches 对应的mdn： https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
2024-09-17
vue-starport跨路由组件共享动画
没有风暴，船帆不过是一块破布。——雨果 vue-starport/README.zh-Hans.md at main · antfu/vue-starport · GitHub 我们经常会在在不同的路由（页面）上使用同一组件，但他们的位置和大小可以不尽相同。这时你可能会希望在用户进行路由跳转时，想让它们展示流畅的过渡动画。尽管这样的动画在原生应用中较为常见，但要在 Web 中实现却有一些挑战。 Vue 的组件结构以 树 的形式呈现，在不同分支中的子组件有其各自的实例，这意味着当用户在路由之间跳转时，同样的组件并不会跨路由共享。 因为它们是两个不同的实例，这意味着你无法直接为它们的添加补间动画。幸运的是，有一种叫做 FLIP 的技术可以模拟不同组件之间的过渡动画。 然而，FLIP 只解决了过渡的问题，我们仍然还是会有两个组件实例。在跳转过程中，组件的内部状态将会丢失。 因此，我开始实验一个新的解决方案用于满足这一需求，并将其取名为 Starport。 在线Demo： https://vue-starport.netlify.app/ 可以看到点击下方的图片...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog