图片加载失败?别急 有办法
项目做完了发布到服务器总是面临各种各样的问题 比如下面这样 图片找不到
不怎么好看
可以使用img标签自带的事件 onerror
// https://xxx.png 替换默认图片地址<img class="good-img" :src="imgUrl" @error="() => imgUrl = 'https://xxx.png'" alt="">
如果要做离线渲染图片可以先把图片转换base64存在本地
/* 获取图片的base64码* @param {obj}img图片dom对象* */function getBase64Image(img) { let canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; let ctx = canvas. ...
TS中使用setTimeout和setInterval返回类型解决方法
vite+vue3+ts 中使用 setInterval 遇到 不能将类型“Timer”分配给类型“number”。方案 1
使用 window 对象 window.setInterva返回的是 number 类型
const timer: number | undefined = undefined;timer = window.setInterval(() => {}, 1000);
方案 2
如果你使用的是 vite 还报这个错误的话那你应该是安装了@types/node包 卸载掉就行了
yarn remove @types/nodeornpm uninstall @types/node
网站黑白,你知道咋回事不?
网站黑白风是怎么搞的?
网站黑白风是怎么搞的?很简单 上代码
html { -webkit-filter: grayscale(100%); /*Chrome,Safari,Opera*/ filter: grayscale(100%);}
你知道微信小程序使用npm构建时miniprogram和node_modules的关系吗?
miniprogram 和 node_modules
微信小程序一开始是没有 miniprogram 和 node_modules 这两个文件夹的
怎么出现的那
首先 npm init -y 先初始化项目
然后 npm i 你想要安装的包
然后就有了 node_modules
然而还不能直接用 需要在小程序开发工具中
工具–》构建 npm
构建成功就可以了
其实就是小程序还不支持直接使用 node_modules 里边的模块需要通过工具转义一下才能使用
以上只是个人见解 有问题的话请赐教
关于 Vue3+ts 引入 markdown 插件所遇到的问题
关于 Vue3+ts 引入 markdown 插件所遇到的问题
Vue3+ts 引入 markdown 插件
使用的是 v-md-editor
使用方法如下main.js 引入
import VueMarkdownEditor from '@kangc/v-md-editor';import '@kangc/v-md-editor/lib/style/base-editor.css';import vuepressTheme from '@kangc/v-md-editor/lib/theme/vuepress.js';import '@kangc/v-md-editor/lib/theme/style/vuepress.css';import Prism from 'prismjs';VueMarkdownEditor.use(vuepressTheme, { Prism,});app.use(VueMarkdownEditor);
因为使用了 t ...

