快乐g的小猫-CSDN博客

文章目录React实现无缝滚动并且封装一个滚动组件前言一、代码实现二、封装组件React实现无缝滚动并且封装一个滚动组件前言实现无缝滚动的思路有很多种，这里使用的主要思路如下。假设有一个需要滚动的块A，我们复制一个A为B,A和B一模一样，之后我们去滚动AB这个整体，从A开始滚动，当滚动到B边界的时候，就把整体的滚动回到初始状态，又重新开始在A滚动，这里因为B和A是一摸一样的所以肉眼根本看不出这是A还是B 或者卡顿一、代码实现附上代码注意把滚动条隐藏，这里使用的是hooks 这里useEffe

2021-12-23 09:14:52 2233

原创 react-ace ace-build代码高亮，提示打包过大，动态引入问题

前言，最近在项目中需要实现一个前端在线代码编辑器，在使用react-ace遇到了一些打包和引入的问题在这里分享一下，使用版本react-ace v9.4.0 ace-builds v1.4.12react-ace在使用react-ace的时候引入组件后运行代码发行语言，主题以及代码提示还需要引入额外的js文件如下 <AceEditor placeholder="请输入脚本" mode="javascript"

2021-09-09 13:41:41 2401 1

原创使用react做一个户籍地下拉选择（含2020版区划户籍代码json）

前言前段时间在做项目的时候遇到了一个需求需要做一个户籍地的三级联级下拉菜单，在这里分享一下心得，技术有限方法比较蠢获取户籍地代码和地名自己在网上找了一下现成的json 比较少，而且有一些比较老，所以就打算自己来了。首先进到民政官网http://www.mca.gov.cn/article/sj/xzqh/1980/选择最新的一条之后进到这个页面之后要把它变成json，我的方法比较蠢，ctrl+a全选复制然后掐头去尾新建一个放到里面如总结提示：这里对文章进行总结：例如：以上就是今天要讲的

2021-05-18 10:40:43 570 2

原创前端React读取Excel文件

关于React Hooks useState的一些用法最近在学习使用react的hooks 在这里把自己的学习经验分享一下关于useState概率上的介绍这里就不细说了有兴趣的小伙伴可以在react官网看一下总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...

2021-04-30 13:01:25 4854 4

原创 React实现上传图片及回显（hook与class）

React实现上传图片及回显代码包括 Hook版和class版import React, { useState,Component } from 'react'function WebStyle(props) { const [ imgState, setimgState ] = useState(true); const [ imgData,setimgData ] = useState(''); const _upImg = () => { let u

2020-12-23 16:58:07 3012 1

原创关于React处理input的方法和多个input共用一个方法（不用jQuery）

关于React处理input的方法和多个input共用一个方法（不用jQuery）前言：笔者目前是一家公司的前端实习生，由于公司要求，前端使用的是React框架，而且不使用jQuery，由于以前在校的时候没有开发经验，加上对react也没有了解过，实习遇到的大大小小的问题也不少，期间不断的面向百度，和CSDN编程，在这里把开发遇到的问题以及解决方法和大家分享一下。（新手编程，存在错误望大佬纠正）React处理单个input的方法在React开发当中，由于React的特性，对input进行处理时往往要

2020-07-11 17:10:19 1701

2020年12月版户籍区划代码树结构json

对应文章使用react做一个户籍地下拉选择（含2020版区划户籍代码json）感兴趣怎么做的可以去看看顺便点点赞 https://blog.csdn.net/weixin_45872877/article/details/116931750?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522162130795216780261913945%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=162130795216780261913945&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v29-1-116931750.pc_search_result_hbase_insert&utm_term=%E4%BD%BF%E7%94%A8react%E5%81%9A%E4%B8%80%E4%B8%AA%E6%88%B7%E7%B1%8D%E5%9C%B0%E4%B8%8B%E6%8B%89%E9%80%89%E6%8B%A9%EF%BC%88%E5%90%AB2020%E7%89%88%E5%8C%BA%E5%88%92%E6%88%B7%E7%B1%8D%E4%BB%A3%E7%A0%81json%EF%BC%89&spm=1018.2226.3001.4187

2021-05-18

空空如也

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

TA关注的人

weixin_45872877的博客

原创 react 比例容器

原创 React实现无缝滚动并且封装一个滚动组件