react
关注
分享
扫一扫
文章平均质量分 94
随风小薇
听闻远方有你，动身跋涉千里；我吹过你吹过的风，这算不算相拥
展开
-
taro框架的简介和开篇介绍
taro框架的简介和开篇介绍转载 2022-07-09 15:22:35 · 4707 阅读 · 0 评论 -
react移动端svg等图片拖拽缩放
使用es6类的方法实现/** *定义svg，png，jpeg图片移动端缩放功能 * * 可拖拽，看缩放 let zoomEl = document.getElementById('zoomEl'); let zoom = new Zoom({ el:zoomEl, options:{'top': zoomEl.offset...原创 2020-01-21 17:34:47 · 1382 阅读 · 1 评论 -
刮刮乐在移动端的效果（react项目中）
动画效果如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...转载 2020-01-15 14:49:16 · 1067 阅读 · 1 评论 -
react写代码个人心得
处理一个问题，将之分化为多个片段去处理，多的不好理解，单个总会理解吧。多个片段的好处：逻辑清晰明了，出现问题，便于排查代码的易读性维护性较强一个方法处理一个问题不要所有的逻辑都在一个方法里面去处理代码都在一个方法里面，看得头痛，不容易读懂，不容易把控如果把控不了几十上百行的代码，那就将之简化为十行以内的东西这样不容易出现问题，...原创 2019-12-05 15:22:09 · 318 阅读 · 0 评论 -
react hook监听窗口大小
学习hook使用小demo：import React,{useCallback,useState,useEffect} from 'react';function ChangeSize(){ const [size,setSize] = useState({ width:document.documentElement.clientWidth, ...原创 2019-10-14 15:25:08 · 7169 阅读 · 2 评论 -
pdf文档预览
效果代码太多，直接放在GitHub上，需要的直接拿去使用：https://github.com/wangweiruning/PDF_SHOW希望能够帮到你(●'◡'●)原创 2019-06-23 11:52:28 · 815 阅读 · 0 评论 -
移动端H5部分区域缩放并移动
最近开发个项目，需要实现div内容的缩放（包含图片等内容），但不影响其他内容开始没头绪，网上找了许多都是在index.html中实现，不满足我的需求在react里面实现找了很久，总算发现一个写的不错的，能够满足在纯html中实现，也可以在react中实现的东西我的react代码import React from 'react'import {Link,withRou...原创 2019-06-23 11:33:50 · 4957 阅读 · 1 评论 -
react-native 自定义轮播组件
最近需要一个轮播的功能，查看了其他的轮播组件，好像都不满足需求需要的效果如下直接上代码了import React, {Component} from 'react';import { AppRegistry, StyleSheet, ScrollView, Image, Text, View} from 'react-na...原创 2019-06-26 12:44:00 · 1146 阅读 · 0 评论 -
react-navigation使用中的总结
底部导航页面之间切换时，如何停止当前页面的一些操作（如何关闭正在播放的视频、音乐等操作）？didFocus和didBlur解释didFocus是指当前页面第一次加载的时候会调用一次didBlur是指当前页面离开的时候会调用一次(前提是当前页面没有被销毁既没有执行componentWillUnmount()函数)使用方法：在 componentDidMount(){ ...原创 2019-05-21 10:39:18 · 1787 阅读 · 0 评论 -
react-native自定义弹框多项选择组件
react-native自定义弹框多项选择组件选择返回的值：import React from 'react';import {Checkbox} from 'antd-mobile-rn';import {View,Text,Image,TouchableOpacity,Modal,TextInput,FlatList,ToastAndroid} from '...原创 2019-03-21 17:20:39 · 2807 阅读 · 0 评论 -
react-native自定义下拉单选
自定义下拉选择框功能效果图自定义下拉单项选择组件import Selectone from 'Selectone'使用：<Selectone gets={this.Mygets.bind(this)} //用于接收子组件传过来的数据 textStyle={{color:'#666',fontSize:13}} ...原创 2019-03-20 17:35:06 · 1828 阅读 · 0 评论 -
react-native scollview 刷新封装
import React, { Component } from 'react';import { AppRegistry, View, RefreshControl, ScrollView, TouchableWithoutFeedback, Text} from 'react-native';import LoadMoreFooter f...原创 2019-02-19 13:04:24 · 368 阅读 · 0 评论 -
react-native 搜索关键字并改变关键字样式
import React from 'react';import {Image,TextInput,TouchableOpacity, ScrollView, FlatList,StyleSheet, Text, View } from 'react-native';import StringDistinction from '.SearchKeywordsChangeColor';e...原创 2019-02-22 11:15:04 · 1607 阅读 · 0 评论 -
react native监听物理返回键和沉浸式状态栏
监听物理返回键： 首先定义全局参数：var lastBackPressed;var current = true;在reactnative中引入BackHandlerimport { BackHandler, ToastAndroid , StatusBar} from 'react-native';然后在componentWillMount里面添加com...原创 2018-11-28 15:05:04 · 2704 阅读 · 0 评论 -
react native自定义实现下拉刷新上拉加载
1·定义组件PageListView.js /** * 上拉刷新/下拉加载更多 组件 */import React, { Component } from 'react';import { Text, View, ListView, FlatList, Dimensions, PanResponder, Animated, Easing, Ac...转载 2018-11-09 09:19:15 · 1659 阅读 · 0 评论 -
react请求数据统一处理（axios）
开发中为了方便开发和便于维护，我们将所有的请求统一处理。这样可以提高我们的开发效率，而且便于后期的维护。在src目录下新建文件夹api，创建三个js文件：server.js,serverAPI.config.js,api.js.如下图：server.js文件处理axios跨域问题。代码如下：import axios from 'axios';//取消请求let Cancel...原创 2018-09-12 10:43:51 · 8773 阅读 · 0 评论