vue页面加载完毕之后执行
发表于|更新于
|浏览量:
好奇心造就科学家和诗人。——法朗士
当vue页面加载完成后触发
我们在html开发中经常是使用window.onload实现
1 | window.onload = () => { |
但在vue中我们使用this.$nextTick
1 | this.$nextTick(() => { |
效果如下
相关推荐
2024-12-27
vue开启https并局域网访问
如果不想在世界上虚度一生，那就学习一辈子。——高尔基 假设你在项目根目录下，新建一个 certs 文件夹，用于存放生成的证书： 123456789101112131415# 进入项目根目录cd your-vue-project# 新建一个存放证书的目录mkdir certscd certs# 1) 生成私钥 server.keyopenssl genrsa -out server.key 2048# 2) 生成证书签名请求 server.csr（过程中会要求填写一些信息，可直接回车）openssl req -new -key server.key -out server.csr# 3) 使用 server.key 自签 server.csr，生成自签名证书 server.crt，设定有效期 365 天openssl x509 -req -in server.csr -signkey server.key -out server.crt -days 365 执行完后，certs 目录下会有： server.key：私钥 server.crt：自签名证书 server...
2022-07-14
vue-class-component
人的教养不能够靠别人传授，人必须进行自我修养。一切苦修也绝不是文化修养，教育是通过人的主动性来实现的，教育牢牢地钉在主动性上。——费希特 官方文档：https://class-component.vuejs.org/ class-component是vue官方库之一，其可以让你使用class的方式定义、编写组件 再加上ts的装饰器，最终效果如下： 12345678910111213141516171819202122232425262728<template> <div> <button v-on:click="decrement">-</button> {{ count }} <button v-on:click="increment">+</button> </div></template><script>import Vue from 'vue'...
2022-12-26
pug
人心只能赢得，不能靠人馈赠——叶芝 分享一个前端框架pug github地址：https://github.com/pugjs/pug 它可以以下面的方式编写html 12345678910111213141516doctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) bar(1 + 5); body h1 Pug - node template engine #container.col if youAreUsingPug p You are amazing else p Get on it! p. Pug is a terse and simple templating language with a strong focus on performance and powerful fe...
2022-08-22
webpack资源管理
天分高的人如果懒惰成性，亦即不自努力以发展他的才能，则其成就也不会很大，有时反会不如天分比他低些的人。——茅盾 书接上文，首先对上次的项目进行改造，参考：https://webpack.docschina.org/guides/asset-management/ 将main.js改为bundle.js index.html 12345678910<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>管理资源</title> </head> <body> <script src="bundle.js"></script> </body></html> webpack.config.js 123456789const path = require('path');module.expo...
2025-11-06
OpenTUI
我说你是人间的四月天，笑响点亮了四面风，轻灵在春的光艳中交舞着变。你是四月天里的云烟，黄昏吹着风的软，星子在无意中闪，细雨点撤在花前。——林徽因《你是那人间的四月天》 打造极致终端体验！OpenTUI：TypeScript 终端界面开发新利器在互联网日益图形化的今天，Terminal（终端）依旧在开发者和极客圈中有着不可替代的重要地位：高效、纯粹、可脚本化、轻量且跨平台。如果你曾被命令行的“单调”困扰，或希望为CLI工具甚至运维平台打造更现代、交互丰富的终端界面（TUI），那么你一定不能错过——OpenTUI！ 一、什么是OpenTUI？ 项目地址：sst/opentui 官网主页：https://opentui.com 一句话简介：OpenTUI 是一个用于构建终端用户界面（TUI, Terminal User Interface）的 TypeScript 库。 主要语言：TypeScript Star：4,529+ Fork：164+ 授权协议：MIT 无论你要开发终端应用仪表盘、交互式安装器、数据小工具，还是命令行游戏，这个库提供了现代化、丰富的能力，让你...
2024-05-17
处理js的JSON.parse中Number太长导致精度丢失问题
大自然的真实和单纯，常是重要艺术极点的基础。——恩格斯 代码如下： 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 这里主要是 JSON.parse 导致的，我简单复现一下 1JSON.parse('{"id":9052710354240385291}') 得到的是 1{id: 9052710354240385000} 可以看到后面的 291 变为 000 了 解决方式这里使用正则匹配 /:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g 例如： 123456JSON.parse('{"id":9052710354240385291}'.replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => { ...