![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
ToBeOrNotToBe_Up
总要干点啥吧
展开
-
React中 Ant-Design Anchor到底应该怎么用?
React中 Ant-Design Anchor到底应该怎么用?Ant-Design官网API:https://ant-design.gitee.io/components/anchor-cn/几个点注意一下:Link组件是href属性对应容器id在React中a标签指向路由,(即会出现点击出现hash路由变化了,而未定位对应容器所在位置),只需要自定义点击事件,官方文档也有例子:最重要的一点,我踩坑的地方!!!!一定要指定容器,因为默认的是整个window视窗...原创 2021-04-27 20:46:19 · 1574 阅读 · 0 评论 -
了解这个CSS属性:clamp(),自适应布局,事半功倍!
clamp()MDN Web Docs说明The clamp() CSS function clamps a value between an upper and lower bound. clamp() enables selecting a middle value within a range of values between a defined minimum and maximum. It takes three parameters: a minimum value, a preferr原创 2020-11-09 15:11:52 · 1407 阅读 · 0 评论 -
React Hook,不要只会用useState和useEffect啦!
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性useState 1: import React, { useState } from 'react'; 2: 3: function Example() { 4: const [count, setCount] = useState(0); 5: 6: return ( 7: <div> 8: <.原创 2020-11-06 11:38:57 · 508 阅读 · 0 评论 -
菜鸟也应该知道的CSS属性,white-space:nowrap
控制文本的换行举例:p{white-space: nowrap}规定段落中的文本不进行换行nowarp表示文本不会换行,会在同一行上继续,直到遇到<br>标签原创 2020-03-16 20:21:59 · 389 阅读 · 0 评论 -
Ant Design Table组件 控制表头的显示与隐藏
需求:当切换时间纬度的时候,表格需要增加某字段。即当统计纬度为时间A时,需要增加X字段,统计纬度为时间B的时候,不需要X字段思路:根据时间纬度的状态,控制X字段的显示隐藏,从而增强Table组件的可复用性//我们需求的那个字段columns{ title: '字段X', dataIndex: 'xCode', key: 'xCode', filterType: props....原创 2020-03-13 00:28:19 · 11815 阅读 · 0 评论 -
有效解决Babel检查引起的git commit命令报错
当提交本地修改内容进行git commit命令时,git报错,查看日志,发现是一些Babel检查的报错报错提示如下图所示主要是一些babel校验的错误当然从编码规范的角度,还是提倡根据提示解决对应位置的格式检查问题如果项目着急发布,可以使用以下命令忽略Babel的检查git commit -m "here is your commit comments" --no-verify...原创 2020-03-05 21:20:26 · 228 阅读 · 0 评论 -
如何在前端项目中使用iconfont?
iconfont:https://www.iconfont.cn/(1)将下载的文件夹引入至项目中(2)全局引用iconfont.css文件(3)创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名<i className={cx('iconfont',Ratio >= 0 ? 'icon-shangsheng':'...原创 2020-03-02 20:35:51 · 424 阅读 · 0 评论 -
overwrite重写Ant-Design Pagination组件样式
效果图如下图所示code:global(.anticon) { color: white; font-size: 1rem;}:global(.ant-pagination-item) { background-color: transparent !important; border: 0px solid transparent !important...原创 2020-02-26 21:39:14 · 1067 阅读 · 0 评论 -
axios中数组正确入参!
使用axios代理,如果正确传入数组作为参数?将数组先进行json序列化再传入JSON.stringfy(paramsArr)原创 2020-02-24 22:52:03 · 660 阅读 · 0 评论 -
Echarts 2.0 Map hover独立显示每组数据
需求效果如下图所示tooltip: { trigger: 'item', backgroundColor: '#fff', // 修改背景颜色 textStyle: { color: '#000' // 修改文本的字体颜色 }, formatter: fun...原创 2020-02-23 23:34:17 · 322 阅读 · 0 评论 -
值得注意的ES6编码规范
1.创建有动态属性名的对象时,使用可被计算的属性名称。这样可以让你在一个地方定义所有的对象属性。function getKey(k) { return `a key named ${k}`; } // bad const obj = { id: 5, name: 'San Francisco', }; obj[getKey('enabled')...原创 2020-02-20 13:08:15 · 309 阅读 · 0 评论 -
leaflet地图自定义白色虚线
需求:使用白色虚线描绘省际边界//js部分const polyline2 = L.polyline(latlngs, {weight: 6, className: 'dashLines', opacity: 0.5}) .addTo(leafletMap);leafletMap.fitBounds(polyline2.getBounds());//css部分/*stroke-d...原创 2020-02-19 23:21:34 · 3117 阅读 · 2 评论 -
自定义 Eharts 柱状图 当数值为“0”时,不显示(亲测有效!)
需求:自定义 Eharts 柱状图 当数值为“0”时,不显示(亲测有效!)//series.labelnormal:{ formatter: function(params){ if (params.value > 0) { return params.value; }else { return ''; } }}...原创 2018-12-07 10:57:55 · 5223 阅读 · 1 评论