- 博客(8)
- 收藏
- 关注
原创 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 604
原创 解决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 4175
原创 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 778
原创 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 1294
原创 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 1181
原创 解决跨域问题方法
解决跨域问题什么是跨域? 浏览器从一个[域名](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 2999
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人