- 博客(37)
- 收藏
- 关注
RSS订阅原创 gsap动画reversed，revert，reverse的区别，用法和使用
总结来说，reverse 是用来即时反转动画方向的方法，reversed 是一个反映动画当前是否反转的属性，而 revert 则是用于停止并还原动画到初始状态，三者在处理动画控制逻辑时各有侧重，应根据具体需求选择使用。这与简单地反向播放动画到起始点不同，它实际上撤销了动画对元素的影响，包括任何在动画过程中可能发生的CSS属性变化。使用场景: 当你需要基于动画的当前状态进行逻辑判断时，可以查询 reversed 属性。例如，在复杂的动画序列中，你可能需要根据当前动画的播放方向来决定下一个动画的启动时机。
2024-05-13 11:17:44
248
原创 VS Code 编辑器中配置 Prettier 和 ESLint 的集成
现在，通过这些配置，你就可以在 VS Code 中使用 Prettier 和 ESLint 的集成了。无论是新建文件还是打开现有文件，都将自动应用格式化和规则检查。(第四步可有可无，根据自己的目的来）打开 VS Code 编辑器，并安装以下插件：ESLint 和 Prettier - Code formatter。这将启用与 Prettier 相关的 ESLint 规则。请注意，这些配置是基于全局设置，而不依赖于特定的项目。
2023-07-29 15:49:03
1097
原创 React开发移动端中,Swiper实现中间显示一个，两侧大的露出一部分
【代码】React开发移动端中,Swiper实现中间显示一个，两侧大的露出一部分。
2023-07-23 13:30:06
655
原创 typescript中interface和type的区别
总体来说，interface主要用于定义对象类型和接口的继承，而type则更灵活，可以定义复杂的类型别名。在选择使用interface还是type时，可以根据具体情况和个人偏好来决定。一般情况下，如果需要定义对象的结构或者实现类似接口的功能，可以使用interface；如果需要描述更复杂的类型或进行类型组合，可以使用type。
2023-07-15 15:34:18
2328
原创 react useImperativeHandle
useImperativeHandle 是 React 中的一个自定义 Hook，用于自定义父组件通过 ref 获取子组件实例的公开方法。通过使用useImperativeHandle，我们可以选择性地暴露子组件的特定属性或方法给父组件。ref 是父组件传递给子组件的 ref。createHandle 是一个在组件渲染过程中调用的函数，用于创建需要暴露给父组件的属性和方法。返回值将会作为子组件的实例值。deps 是一个可选的依赖数组，用于指定在 createHandle 中使用的依赖项。
2023-06-25 15:09:49
3007
原创 笔试题-_-
请实现一个方法，可求出数组的的最大值和最小值，例如：[2,3] -> 3, [4,3] -> 4。请实现一个或多个方法，能将字符串中重复的部分去重，例如：‘hello’ -> ‘helo’
2023-06-21 17:39:12
94
原创 JavaScript实现数组扁平化
数组扁平化 const flatten = (arr) => { let result = []; for (let i = 0; i < arr.length; i++) { if (Array.isArray(arr[i])) { result = result.concat(flatten(arr[i])); } else { result.push(arr
2023-05-05 15:56:24
81
原创 JavaScript实现千位分割
JS实现千位分割 <script> const kilobitCut = (figure, cut = false) => { let result = ""; if (cut) { result = Number(figure).toString().split("."); } else { result = figure.toString().split(".");
2023-05-05 15:56:01
80
原创 nrm使用
nrm是一个npm镜像源管理器，支持随意切换镜像源，查看镜像源下载速度等等，摒弃了传统的使用npm set registry https://registry.npm.taobao.org/，切换镜像源的方式。
2022-08-04 17:09:48
192
原创 git提交代码（远程没有分支）
1.远程分支第一步创建一个本地分支git checkout -b 分支名（demo）查看远程分支git branch -a发现远程没有我们刚才创建的分支（demo）建立本地分支和远程分支的关联git push --set-upstream origin 分支名（demo）......
2022-06-15 17:30:07
2354
原创 mac下nvm（管理node工具）的安装和使用
nvm node npm之前的区别1.nvm：nodejs版本管理工具也就是说：一个nvm可以管理很多node版本和npm版本，一个node版本下的npm包不互相影响，也就是说你在nvm管理下的一个node版本下安装依赖，在其他的node版本是没有的，在每一个node版本下需要重新安装依赖nvm安装指定版本的node: 例如：nvm install 16.13.0nvm使用指定node版本：nvm use 16.13.0nvm查看管理node版本列表：nvm list使用nvm安装好node之后
2022-03-18 09:36:04
8107
1
原创 小程序实现简易的table表格
效果HTML<View className={styles['table']}> <View className={styles['table-tr']}> <View className={styles['table-th']}>名称</View> <View className={styles['table-th']}>有/无</View> </View&g
2022-03-17 17:38:57
654
原创 dva实现状态共享
Model // 定义好初始值 const initilaState = { info:"" } const xxx = { namespace:'changeState', // model的命名空间，下面组件中要用到 state:initilaState, } // reducer:用于处理同步操作，唯一可以修改state的地方，由action触发 reducers: { // 更新initilaState中的值 updateState(state,{payload:d
2021-12-06 10:05:06
746
原创 单行文字横向循环滚动
单行文字循环滚动已把该功能以组件的形式抽离出来，根据需求可以更改滚动的字体，背景颜色，以及字体颜色注：因为这是一个用Taro写的小程序，大家看的时候可以忽略里面引入的东西以及标签，着重看render里面的代码动画实现：import { View } from '@tarojs/components'import { connect } from '@tarojs/redux'import Taro from '@tarojs/taro'import QyIcon from '@/compone
2021-11-19 17:29:40
1256
原创 React Hooks非相关组件传参（antd 3.X）
说明使用antd 3.X，在父组件在拿到子组件的input框的value值，具体实现如下：父组件import React, { useState, useEffect } from "react";import { Card, Button, Icon, Table, Modal } from "antd";import UpdateForm from "./updateForm";function Category() { // 确认修改OK const updateCategory
2021-05-05 14:10:03
609
原创 React Hooks实现时钟效果
Hooks代码import React, { useState, useEffect } from "react";import "./header.css";import { formatData } from "../../util/dataUtil";function Header() { const [currentTime, setCurrentTime] = useState(Date.now()); const [time, setTime] = useState("");
2021-05-04 14:38:28
895
原创 递归实现管理后台权限列表渲染
权限列表const menuList = [ { title: "首页", // 菜单标题名称 key: "/home", // 对应的path icon: "home", // 图标名称 isPublic: true, // 公开的 }, { title: "商品", key: "/products", icon: "appstore", children: [ // 子菜单列表 { ti
2021-05-04 09:34:10
143
原创 react，function函数实现todolist（拆分）
<!DOCTYPE html><html lang="en"> <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" /> <titl
2021-04-20 16:50:48
152
原创 react，function函数实现todolist（不拆分）
<!DOCTYPE html><html lang="en"> <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" /> <titl
2021-04-20 16:19:33
152
原创 react实现todolist（拆分组件）
<!DOCTYPE html><html lang="en"> <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" /> <titl
2021-04-20 11:28:56
135
原创 react实现todolist（不拆分组件）
<!DOCTYPE html><html lang="en"> <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" /> <titl
2021-04-20 10:46:48
91
原创 Vue中实现返回顶部
html样式 //van-icon 是引用了vant组件中的icon图标 <div class="top" v-show="flag_scroll" @click="backTop"> <van-icon name="arrow-up" size="25" color="#333" /> <p>顶部</p> </div>data data() { return { flag_scrol
2021-04-14 13:18:17
411
2
原创 vue.config.js跨域配置
1.首先，项目根目录新建vue.config.js文件2.其次，配置如下代码：module.exports = { devServer: { open: true, port: port, host: '0.0.0.0', https: false, proxy: { '/api': { //用/api代替服务端真实地址 target: `http://localhost:888
2021-04-10 20:08:13
729
原创 Vue实现获取input file值并上传，显示
目的Vue中，点击定义的组件（input type为file），选择图片并上传到后台，后台返回图片的地址，组件中接收到图片的地址，然后把图片地址从子组件中传到根组件中。关键的两个步骤1.第一步（发起请求上传）前台组件代码： Vue.component('upload-img', { template: ` <div> <input type="file" @change='up
2021-03-31 18:54:35
4649
原创 MongoDB详细安装与配置
MongoDB详细安装与配置[下载地址](https://www.mongodb.com/try/download/community)MongoDB安装1.双击安装包进行安装2.点击I accept the tems in the license agreement，点击Next3.选择默认安装路径，点击completem；自定义安装路径，点击custom,点击browse选择路径，点击next;这里我的安装路径是：D:\mongodb4.取消勾选install MongoDB
2021-03-31 18:23:26
5052
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人