自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 简单封装一个label带有动画效果的DatePicker

只是用到了简单的动画transform + translate实现,同理也可以封装input等。在DatePicker获得焦点或者失去焦点时,拥有一个放大或者缩小的动画效果,CustomDatePicker.tsx文件代码。

2024-03-08 16:59:47 377 1

原创 前端-自定义验证码输入框(OTP)

自定义验证码输入框,支持传入多个数量,如4位或者6位验证码,只需设置count。

2024-03-08 16:19:06 544 1

原创 scss -- 使用grid创建图片宽高相等

scss -- 使用grid创建图片宽高相等。

2022-11-18 16:35:00 471 1

原创 从头搭建react + webpack + typescript

从头搭建react + webpack + typescript1. 创建项目,安装依赖在项目根目录下执行npm i react react-dom react @types/react @types/react-dom安装babel如果你用过 babel 6,可能要问,怎么不是 npm i babel-core -D?@ 符号又是什么?这是 babel 7 的一大调整,原来的 babel-xx 包统一迁移到babel 域下 - 域由 @ 符号来标识,一来便于区别官方与非官方的包,二来避免可能

2022-01-13 16:59:23 278

原创 React 在使用HashRouter 路由的时候 push传参注意

React 在使用HashRouter 路由的时候 push传参注意import { useParams, useHistory } from ‘react-router-dom’声明 const history = useHistory()使用push跳转传参时,history.push("/path/name", {state: ‘我是参数’}), {state: ‘我是参数’} 这个参数在下一页是接收不到了,因为使用的是HashRouter路由,如果用BrowserRouter路由是可以这么写。

2021-07-22 09:12:30 1552

原创 2021-06-09

flutter 滑动列表折叠吸顶效果https://www.zhihu.com/zvideo/1307047911273283584Flutter 优雅的动画菜单效果、仿开源中国APP动画菜单、垂直向上弹出的菜单https://www.zhihu.com/zvideo/1309545379202113536

2021-06-09 14:48:25 63

原创 GCD中的dispatch_group_enter等的使用简单例子说明

//dispatch_group_t创建一个组,把相关任务添加到组中执行dispatch_group_t group = dispatch_group_create();//dispatch_group_enter 将任务添加到组中,执行一次,未执行任务数+1dispatch_group_enter(group);dispatch_async( dispatch_get_main_queue(), ^{ sleep(2); //模拟异步请求数据 NSLog(@"request 1")

2021-04-14 16:18:31 398

转载 react native 自定义组件发布npm

转自

2019-05-22 15:22:15 318

原创 react-navigation createSwitchNavigator 用来实现显示登录还是首页

在AppNavigator中添加如下代码import React from ‘react’import {View, ActivityIndicator} from ‘react-native’import {createAppContainer, createBottomTabNavigator, createStackNavigator,createSwitchNavigator} fr...

2019-05-21 17:27:10 997

原创 react-native 滑动ScrollView 隐藏导航

react-native 滑动ScrollView 隐藏导航import React from ‘react’import {View, Text, ScrollView, Button, StyleSheet,Animated} from ‘react-native’import { observer, inject } from ‘mobx-react’@inject([‘homeSt...

2019-05-21 17:20:33 2064 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除