vue页面加载完毕之后执行
发表于|更新于
|浏览量:
好奇心造就科学家和诗人。——法朗士
当vue页面加载完成后触发
我们在html开发中经常是使用window.onload实现
1 | window.onload = () => { |
但在vue中我们使用this.$nextTick
1 | this.$nextTick(() => { |

效果如下

相关推荐
2021-06-04
appendTo
人类经常把一个生涯发生的事,撰写成历史,在从那里看人生;其实,那不过是衣服,人生是内在的——罗曼。罗兰 我们可以使用jquery中的appendTo函数在一个标签追加到另一个标签内部的结尾 例如我博客这里 我们再执行 1$("<span>ruben</span>").appendTo(".navbar-brand") 执行完成后效果如下 <span>ruben</span>追加到我们的”阿超”后面了
2024-10-17
chrome浏览器插件开发快速入门
劝君正向光明面,心自安详气自盈。——佚名 文档地址: Hello World 扩展程序 | Chrome Extensions | Chrome for Developers Hello World 扩展程序通过构建您的第一个 Hello World 扩展程序,了解 Chrome 扩展程序开发的基础知识。 概览您将创建一个“Hello World”在本地加载扩展程序、查找日志并探索其他建议。 Hello World当用户点击扩展程序工具栏图标时,此扩展程序将显示“Hello Extensions”。 Hello Extension 弹出式窗口 首先,创建一个用于存储扩展程序文件的新目录。如果您愿意,也可以下载 GitHub 中的源代码。 接下来,在此目录中创建一个名为 manifest.json 的新文件。此 JSON 文件描述了扩展程序的 功能和配置例如,大多数清单文件都包含 "action" 键,用于声明 Chrome 应用作扩展程序操作图标的图片,以及 。 12345678910{ ...
2021-08-20
layui数据表格
一个能思想的人,才真是一个力量无边的人。——巴尔扎克 使用layui进行数据表格对接的时候,要注意数据请求和返回的格式 一定要多看文档 https://www.layui.com/doc/modules/table.html 例如我这里 12345678910111213141516171819202122<!-- 表格 --><table class="layui-hide" id="test-table-toolbar" lay-filter="test-table-toolbar"></table><script id="test-table-toolbar-toolbarDemo" type="text/html"> <!-- 头部工具栏 --> <a class="layui-btn layui-btn...
2025-03-28
utterances
多听,少说,接受每一个人的责难,但是保留你的最后裁决。——莎士比亚《哈姆雷特》 GitHub - utterance/utterances: :crystal_ball: A lightweight comments widget built on GitHub issues https://utteranc.es/ Utterances:基于 GitHub Issues 的超轻量评论系统 如果你正在为静态博客寻找一款干净、开源、可控又易用的评论系统,那么你可能会喜欢这款工具——utterances。 这是一款用一句话就能说明白的工具: Utterances 是一个基于 GitHub Issues 的轻量级评论系统,每一条评论本质上都是一条 issue 回复。 为什么选择 utterances?相比传统的评论插件,它有以下几个显著优势: 🚀 超轻量:仅一个 iframe,不注入额外 JS,加载速度极快 🔐 隐私友好:不收集用户数据,不追踪 🧠 天然反垃圾评论:用户必须使用 GitHub 登录评论 ✍️ 支持 Markdown、表情、代码块,评论体...
2024-09-23
position-try-fallbacks
教育成功的秘密,在于尊重学生。——爱默生 昨天我们聊到了 position-try | 阿超 今天是它的拓展,我们通过@position-try定义移动到的位置,然后用position-try使用 语法例如: 12345678910@position-try --my-custom-position { position-area: top left; width: 50px;}.target { position: absolute; position-area: top right; position-try-fallbacks: --my-custom-position;} 我们这里还是用昨天的例子,定义一个 12345/* 定义自定义的 `position-try` 规则,用于小型目标元素的样式 */@position-try --compact-target { height: 40px; /* 高度设为40px */ margin: 0px; /* 没有边距 */} 然后我们使...
2026-09-16
nest
读书是最好的学习。追随伟大人物的思想,是最富有趣味的一门科学。——普希金 Nest:为 Node.js 服务端应用搭起一座清晰而可扩展的巢项目地址:https://github.com/nestjs/nest 在 Node.js 的世界里,构建服务端应用可以很轻快:写下路由,接住请求,返回数据,一个应用便有了最初的轮廓。 可当应用渐渐长大,事情就不再只是几条路由那么简单了。 模块越来越多,业务逻辑开始交织,依赖关系悄悄拉长,测试需要覆盖更多路径,维护者也开始面对一个熟悉的问题:代码仍然能运行,但它是否还足够清晰、足够稳定、足够容易继续生长? Nest 正是在这样的背景下出现的一套渐进式 Node.js 框架。 它面向高效、可扩展、企业级的服务端应用开发,支持 TypeScript 与 JavaScript,并试图为 Node.js 应用提供一套开箱即用的应用架构。它不只是帮助开发者启动一个服务,更希望让服务从最开始就拥有结构、边界与秩序。 Nest 像一座为服务端应用准备的巢:它不替应用决定每一件事,却为代码提供一个可以安放模块、组织职责、承接增长的空间。 从能运行,到容易长...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog