NaiveUI很多组件虽然需要手动操作，但根据个人体验，认为该UI库性能方面的确比较时髦，无愧于新生代的UI组件库。单独新建Message.vue组件,将message挂载在window。同时需要在xxx.d.ts中添加window相关声明types>global.d.tsdeclare global是为了在全局命名空间做声明，比如为对象增加一个未定义的属性。在App.vue入口文件中进行挂载。实

一个插件可以让你导入Markdown文件作为各种格式的vite项目。复制GitHub Markdown风格main.js引入vite.config.ts配置vite.config.js中配置vite-plugin-markdown插件封装MorkDown组件创建doc展示页面创建展示文档页面路由页面效果...

ES6日历类import Utils from "./Utils.js";export default class Calendar {constructor(years, months) {// 获取当前日期,获取当前 的年,月var date = new Date();this.years = years || date.getFullYear();this.months = months |

**1、**加法运算如果仅仅是数值运算，那么我们也不至于把加法运算单独提出来说。在这里我们要考虑到各种类型的变化所以加法运算就相对比较复杂了(1)** 纯数值的加法运算这个运算就是尊重我们的数学运算来完成就好了，但是仍然有几个地方需要注意。这里我们可以看到运算结果一定是1，但是绝对不是1.0，也就是说如果小数位是0，是不会被保留的。var a1=0.4;var b1=0.6;console.log

记录一个Vue3.x版本在使用KeepAlive缓存时的页面问题。问题一：使用KeepAlive缓存公共组件切换页面时发生错乱错误正常问题二:KeepAlive缓存页面，同一子路由参数不同下切换页面，页面内容发生错乱以上两个问题解决方式：在给RouterView添加key值即可：<router-view :key="route.fullPath" include="Tabletitle"&g

Vue this.$refs获取DOM下子元素<template><div class="subject"><divv-html="insertedStr"@input="htmlHandler($event)"class="inputBox"ref="htmlInput"></div></div></template>&lt

安装环境1.node版本12以上创建项目npm init @vitejs/app + 项目名1、配置路由router-index.tsnpm install vue-router@4 --saveimport { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";const routes: Array&lt

集成JS SDK全埋点1、从 npm 获取 sdknpm install sa-sdk-javascript2、utils新建sensors.js文件夹，Vue全局挂载import sensors from 'sa-sdk-javascript';sensors.init({// 神策系统配置server_url: 'http://sademo.datasink.sensorsdata.cn/sa

Echarts设置宽高，图表仍展示不全问题问题示例如下：代码设置的宽度为100%父元素的宽，而打开F12会发现图表容器的宽高是100px。出现该问题的原因：1、高度固定，宽度百分比2、以Vue为例，图表中用到v-show等会引起页面重绘的指令，数据更新了但图表未更新。解决方案：1、重新调用图表绘制函数。2、调用Echats实例的resize()方法。...

eval函数作用：eval()函数会将传入的字符串当做JavaScript代码进行执行。const evilFn = (fn) => {let Fn = Function; // 一个变量指向Function，防止有些前端编译工具报错return new Fn(`return ${fn}`)();};