- 博客(8)
- 收藏
- 关注
RSS订阅原创 vue3.0+ts 实现简易的盒子拖拽并记录位置
代码如下：template部分：<template> <div class="box" ref="box" :style="{top:y+'px',left:x+'px'}"></div></template>script部分：<script setup lang="ts">import { ref, onMounted, onBeforeMount } from "vue"const box = ref<HTMLDiv
2022-04-26 16:35:56
588
原创 解决React18.0.0版本报错问题（降低React版本）
由于React最近新出18.0.0版本所以create-react-app创建的项目默认为react18版本目前有很多不适配不支持 比如Ant Design Mobile插件库解决方案降低版本输入命令：npm install react@17.x react-dom@17.x --save查看当前React版本自己的React版本可以在项目的package.json文件中看到，搜索“react”，即可看到版本号：查看React最新版本命令npm info react当然后续如果
2022-04-18 10:44:01
3952
原创 css3动画实现logo图片旋转
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2022-04-07 14:43:13
758
原创 React+ts实现移动端抛物线小球
实现抛物线小球tsx代码：import React, { Component, createRef } from 'react'import './index.less'interface Props { }interface State { }export default class Ball extends Component<Props, State> { constructor(props: Props) { super(props)
2022-03-25 19:18:21
1287
原创 React+ts 实现双小球拖拽、交叉简单小demo
tsx代码：import './index.less'interface Props{}interface State{}export default class Move extends Component<Props,State> { //移动的线 Line = createRef<HTMLDivElement>() //小球距离bady的距离 DisX:number=0 //移动的距离 Distance:number=0
2022-03-25 10:57:42
1170
原创 解决跨域问题方法
解决跨域问题什么是跨域？ 浏览器从一个[域名](https://so.csdn.net/so/search?q=域名&spm=1001.2101.3001.7020)的网页去请求另一个域名的资源时，域名、端口、协议任意不同，都是跨域什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议
2022-03-16 21:19:16
2983
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人