SEKIRO_DJ-CSDN博客

原创 Windows系统node安装node-canvas插件报错记录

在node服务端处理图片，用上了node-canvas这个库，但Windows系统下安装会报错，无法安装查阅了官方文档后发现有针对Windows的安装教程，是需要预先安装其他插件。

2023-07-15 21:20:57 747

原创 Valtio状态管理学习笔记

本人主要是在react中用到了valtio，遇到了相关问题，记录一下。首先，两个API，是最基础的也是最重要的，proxy与useSnapshot。代理状态，将要管理的值用proxy代理起来useSnapshot得到具有响应式且只读的值在react中，想实时监听值的变化，用useSnapshot搭配useEffect即可用ref代理某个值后，改变该值，不会触发监听subscribe/subscribeKey/watch都不会触发subscribe不能写在组件内，否则会因组件的重

2022-06-25 17:00:10 2856 1

原创 React：TypeScript + react-redux + redux toolkit

目录报错redux toolkit简易使用笔记报错最初我也只是使用redux+react-redux+redux-thunk，但最近使用创建项目，使用dispatch出现了报错TS2345: Argument of type 'RootThunkAction' is not assignable to parameter of type 'AnyAction'. Property 'type' is missing in type 'RootThunkAction' but requ

2022-05-26 22:23:57 660

原创 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 12843 8

原创 Vue3中的provide/inject/InjectionKey

用provide和inject可以很方便的在父子组件之间通讯，即使是多层子组件，也能获取到父组件的值。但是会遇上类型上的问题，导致父组件传给子组件的方法无法调用，这时候我们可以使用vue3提供的InjectionKey解决这一问题。在父组件中定义对象和函数，用provide暴露const user = ref({ name: 'Karen', age: 20 })provide('user', user)const setUser = ({ name, age }: { name: str

2022-03-31 21:59:23 5996 6

原创 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 1301

原创 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 183

原创 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 7848 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 3309

原创 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 3568 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 398

原创 Vue3组件懒加载defineAsyncComponent

在Vue3中使用constson=()=>import(' ') 是无法引入子组件的这时候就要用到defineAsyncComponent来实现组件懒加载，写法如下<template> <div> <h1>父组件</h1> <hr /> <son></son> </div></template><script lang="ts"...

2021-07-25 23:45:20 1525 1

原创 Vue3父子组件间传值

在vue3中，子组件接收父组件值的方式发生了变化，直接用props接收后是无法使用的。让我们先来看看vue2父子间的传值父传子<template> <div> <h1>父组件</h1> <hr /> <son :value="parentValue"></son> </div></template><script>import son f

2021-07-25 23:26:58 19795 3

TA关注的人

SEKIRO_DJ的博客