JavaScript
SEKIRO_DJ
这个作者很懒,什么都没留下…
展开
-
three.js模块引入报错解决
Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".<script type="module"> import * as THREE from './build/three.module.js' import { PointerLockControls } from './jsm/controls/Pointe.原创 2022-04-09 21:44:54 · 13920 阅读 · 8 评论 -
JS文字滚动
先获取盒子长度和文字长度,若文字长度超出盒子则进行滚动,滚动到末端清除定时器,重置步长,等待一会再重启定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width原创 2022-01-13 22:51:08 · 1331 阅读 · 0 评论 -
JS拖拽图片
分享一个简单的图片拖拽效果HTML结构用一个div包裹图片 <div class="box"> <img src="./images/img.jpg" alt=""> </div>CSS样式盒子加上溢出隐藏,这里做的效果是Y轴滚动,所以让width:100%高度自适应 <style> .box { position: relative;原创 2021-11-07 11:49:14 · 232 阅读 · 0 评论 -
Vue3使用vuedraggable插件
在vue3中使用vuedraggable会报 Cannot read property 'header' of undefined 这个错误其实我们只要安装最新版的vuedraggable就能解决这个问题npm i -S vuedraggable@next然后再引入插件使用即可<template> <div> <draggable v-model="myArray" group="people" @start=原创 2021-09-14 22:17:26 · 8047 阅读 · 4 评论 -
同一页面多个router-view路由出口
该页面分别在左中右放置了router-view,想要在同一页面有多个router-view,路由文件要做好相应配置,router-view也要加上name属性注意:children里的components是带有s的,并且components中的key对应页面中router-view的name属性,key是default则对应无name属性的router-viewrouter/index.tsimport Add from '../components/Add.vue'impor...原创 2021-08-22 16:28:27 · 3678 阅读 · 0 评论 -
ts-node报错 return new TSError(diagnosticText, diagnosticCodes);
ts-node可以帮我们运行ts代码,跳过了手动转换成js文件再去运行这一步但我们通过npm install -g typescriptnpm install -g ts-node安装好这个两个包之后,使用 ts-node 命令运行文件可能会报错,无法执行这时候我们需要多安装一个依赖包npm install -D tslib @types/node再去用 ts-node 运行就可以了...原创 2021-08-14 15:49:39 · 3849 阅读 · 4 评论 -
手写VueBus实现Vue组件间传值
手写一个构造函数用于vue组件传值class Bus { constructor () { this.list = {} } $on (name, fn) { this.list[name] = this.list[name] || [] this.list[name].push(fn) } $emit (name, data) { if (this.list[name]) { this.list[name].forEach(fn =&g原创 2021-08-03 22:07:21 · 436 阅读 · 0 评论