- 博客(13)
- 收藏
- 关注
RSS订阅原创 react----滚动到指定元素位置，类似锚点功能
点击上方子组件（TopView）按钮时， 父组件（MainView）传递值 告知子组件BottomView 按钮被点击子组件 BottomView收到变化后，调用如下函数进行跳转const scrollTo = () => {console.log(TAG, “BottomView next:”, myRef)let anchorElement = document.getElementById(“anchor”)if (anchorElement) {anchorElement.sc..
2021-06-09 14:53:59
2542
转载 css----栅格布局的四种大小xs，sm，md，lg详解
当你想要内容大小随着屏幕大小自动适应的时候就可以使用也就是在pc端以及不同手机（显示屏大小不同）端内容也能够正常显示的时候；一行最多占十二个标签，不管是大屏还是超小屏的时候.lg=* 一般用于大屏设备（min-width：1200px）md=* 一般用于中屏设备（min-width：992px）sm=* 一般用于小屏设备（min-width：768px）xs =*用于超小型设备（max-width：768px）(*为1-12数字)后面跟数字是几，也就是占几份。比如是4，也就是一行可以显
2021-05-14 16:28:48
7634
1
转载 JavaScript----解决多层数组、对象深拷贝问题
1.方法一：利用for循环一层一层复制2.方法二：代码如下var oldArr = JSON.parse(JSON.stringify(arr))转载于:https://www.cnblogs.com/kaiqinzhang/p/11031482.html
2021-05-14 15:00:55
412
原创 css----Flex布局 一行图标 最右边的居右显示
1.要实现下图效果弄了半天，最右边的图标死活不能居右。最后问了同事，说用display flex，试了试果然可以。先贴布局代码 <CCard borderColor="secondary" style={{width: '100%', padding: '5px'}}> <div className="small" style={{display: "flex"}}> <di
2021-04-23 18:06:58
2296
原创 git--如何用一个git管理多个项目
git–如何用一个git管理多个项目总结，简单来说就是用分支的方式管理。小细节：git checkout --orphan 分支名这样就不已master为父分支了。后面就是移除不必要的文件，因为原分支的文件会在创建时添加到当前暂存区的，所以需要移除。然后再添加需要的文件。并提交上传。参考文章](https://www.cnblogs.com/huangtailang/p/4748075.html)...
2021-04-14 11:38:27
832
转载 JavaScript----JS如何将变量作为一个对象的Key
JavaScript----JS如何将变量作为一个对象的Keyvar lastWord = 'last word';var a = { 'first word': 'hello', [lastWord]: 'world'};a['first word'] // "hello"a[lastWord] // "world"a['last word'] // "world"实例：tempCurrentItems[idx] = {...tempCurrentItems[idx],[ti
2021-04-08 16:37:05
189
原创 react----DateRangePicker控件使用
react----DateRangePicker控件使用先上效果图1.组件传入如下参数 <DateRangePicker small startDatePlaceholderText="开始日期" //未选时间的中文提示 endDatePlaceholderText="结束日期" monthFormat="YYYY[年]MMMM" //时间选择框的标题格式
2021-04-08 12:03:01
1314
转载 JavaScript---- Array map() 方法
JavaScript---- Array map() 方法定义和用法map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意： map() 不会对空数组进行检测。注意： map() 不会改变原始数组。语法详细说明链接...
2021-04-01 10:31:15
55
原创 react ----coreUI CChart使用填坑记录
react ----coreUI CChart使用填坑记录先看下实现的效果图1.coreUI 的chart是基于Chart.js 重新封装了一下所以接口调用可以参考如下链接的文档https://www.chartjs.org/但是coreUI 重新封装了Chart.js,所以有些接口参数 不是完全对应，走了不少弯路，象横坐标的 时间展示格式，最后是看了coreUI的源码，才知道怎么用哪个参数怎么用的。具体使用如下：datasets的data 参数结构如下hourCurveValueP =
2021-03-26 17:22:57
206
原创 react----hooks之usetState state是对象或数组时，需要注意的点
1.如果state是一个对象，只想改变对象的某一个属性，如何写呢const [obj,setobj]=useState({a:'hh',b:'uu',c:'yy',d:'uu',e:'ee'}]// 可以这样,后面设置的yyy会覆盖前面的yy// 注意，如果对象中的属性有function，则不会被...识别setobj({...obj,c:'yyy'}]2.如果state是一个数组，给数组新增值，如何写呢```jsconst [movies, setMovies] = useState(
2021-03-23 14:30:17
4154
转载 react----Label 中的for 改为 htmlFor
react Label 中的for 改为 htmlFor同时再记录一下 HTML 标签的 for 属性学习网址定义和用法for 属性规定 label 与哪个表单元素绑定。隐式和显式的联系标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。例如，在 XHTML 中：显式的联系：<label for="SSN">Social Security Number:&
2021-03-23 11:05:01
1664
原创 JavaScript--split参数在字符串中并不存在，会返回什么？
JavaScript–split参数在字符串中并不存在，会返回什么？距离:var str;str='wwww/wwwww';const result = str.split(".")上面的语句执行，会得到什么结果呢？不对啊，字符串中没有"."这个玩意。那么返回什么呢？空还是原字符串呢？勤快点 测试一下就知道了，答案：返回的是一个数组，只有一个元素，就是字符串自己。记录一下。...
2021-03-21 16:14:29
1599
转载 react----如何给react的onClick事件传递参数
react----如何给react的onClick事件传递参数我用了第二种方法，穿了 button的key。【转载保存】React的onClick事件传参有三种方法。当时准备用点击事件传递参数给一个函数，但是一直找不到onClick事件传参的方法，原来是要绑定this,携带参数，遂找到这篇文章并保存在自己的博客写法一<Button onClick={this.delFolder.bind(this,“abc”)}>定义delFolder方法delFolder = (name,e)
2021-03-21 15:08:49
3853
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人