归来巨星-优快云博客

里面对应着很多常用的legend图形，当然-没有虚线，这个时候我们就需要利用到官网给出的icon属性去进行手动实现。这些配置项，以及一系列的数据项，我们可以参考社区的对应文档。拼接 path:// + path 里面的 d 属性。我们可以参考echarts的官方文档，他给出了我们。我们可以使用图片路径，也可以使用 svg 路径。我们可以参照iconfont，下载svg。复制里面的svg代码。

2023-04-04 13:48:57 4500 2

原创 css 设置滚动条不挤压宽高

【代码】css 设置滚动条不挤压宽高。

2023-03-03 15:02:00 3029

原创如何在dom节点上使用fixed定位？实现基于父节点而不是浏览器的滚动定位？一眼看懂，简单明了。

其实另外一种实现方式，我们也可以用js去计算节点被卷去的高度，滚动的时候不停的位移，然后将top进行一个变更，但是此种方法就没有必要了，包括第二种iframe嵌套的方式，其实如果就是想因为一个dom元素使用fixed去构建一个iframe窗口的话是没有必要的，所以我们还是推荐使用第一种方式。

2023-02-13 14:23:32 1269 4

原创 git 拉取、推送解决自动变基问题

【代码】git 拉取、推送解决自动变基问题。

2023-02-07 16:05:57 724

原创 js 金钱数字添加千分位分隔符号

输出格式 000,000,000.00。

2022-12-23 10:51:43 679 1

原创 axios 设置单个请求超时时间，以及整体设置超时时间

在编写 axios 请求脚手架，我们不免得要整体设置下超时时间，整体使用axios.create 设置timeout即可。如果我们设置单个超时请求的话，参照axios官网的。

2022-12-23 10:35:21 10464

原创 dumi 如何使用？一文教你使用，高效写出你的博客、组件库文档

关于对dumi的介绍我们就可以简单的理解为快速开发文档的一种便捷开发工具，里面囊括了多种配置，我们不需要再去手动的编写组件这种，所以为我们开发组件库文档，官方文档，个人博客介绍这种网站提供了很便捷的帮助。有兴趣的同学也可以去看下这套手搭组件库文档，满满的😭血泪史😭。现在dumi推出了2的版本，当然我们在这里已经引入了dumi1的版本，所以此文我们针对dumi1进行简单介绍，2的版本，我们在后续的升级中会有所体现，文档地址参照如下。dumi1官方文档✨ 每天创作一点点✨ 开心快乐一整天。

2022-12-09 14:06:39 7685 1

原创如何使用 markdown 结合组件 props 实现可控制的响应式 ui组件库文档

✨ 每天创作一点点✨ 开心快乐一整天✨ 美好一天又一天。

2022-10-24 09:04:24 1189

原创 git解决修改后拉取冲突，代码暂存及解决冲突

【代码】git解决修改后拉取冲突，代码暂存及解决冲突。

2022-09-26 16:06:41 902 6

原创 vue Template模板中针对属性如何写空白字符串占位符?（\u00a0）会是一个好的空格占位解决方案

解决空白占位符的几种方案

2022-09-05 18:07:36 2652

原创教你一文解决 js 数字精度丢失问题

✨每天创作一点点✨开心快乐一整天✨美好一天又一天。

2022-07-26 15:00:08 21704 2

原创 React造轮子（reacthook实现一套自己的组件库）轮子公开课——第六课【Checkbox、CheckboxGroup】组件

有兴趣的同学可以先着手看源码，之前写的一系列开源组件库项目（有帮助的同学也帮忙点个star👍）名称官网githubhttphttps—https—https✨每天创作一点点✨开心快乐一整天✨美好一天又一天httpshttpshttps。...

2022-07-25 14:04:50 1398

原创 React造轮子（reacthook实现一套自己的组件库）轮子公开课——第五课【Radio、RadioButton、RadioGroup】组件

手动实现一个前端 radio 组件，原来实现一个radio组件这么简单

2022-07-14 10:43:43 1401 15

原创一文带你吃透——HTML5（原来html这么简单）

HTML5篇什么是html5?h5并不是新的语言，而是html语言第五次重大修改的版本ie9以上主流浏览器全部支持html5增加了用户与文档的交互方式：video audio canvas新增一些特性、和语义化标签（本地存储、网页多媒体、动画、过度、2d、3d）相比h4 抛弃了一些不常用的标签和属性新增了一系列的语义化标签和属性html5的语义标签（没有什么不同的就是单纯的命名div）语义标签作用nav导航标签header页眉也就是头部fot

2022-07-12 18:02:50 1260 6

原创 React-Hook 轮子公开课（从零开始）用最基础的方式写出一个简单的组件库——第四课【Link】文字链接组件

有兴趣的同学可以先着手看源码，之前写的一系列开源组件库项目（有帮助的同学也帮忙点个star👍）其实谈到文本链接组件，我们可以参考向element、antd这些其实可以把这些看成是一个个的文字按钮组件，只不过底层就是使用a标签去实现的，又或者，我不想让其拥有a标签的href属性的话，底层完全就可以使用span标签来包裹文本，总的来说其实就相当于对文本进行了一个封装，我们可以通过属性进行判断到底是一个链接组件，还是一个单纯类似按钮功能的文本样式组件，简单的来讲我们只需要对其进行一个颜色封装即可，当然主要的也.

2022-07-12 15:16:42 496 10

原创 React-Hook 轮子公开课（从零开始）用最基础的方式写出一个简单的组件库——第三课【Row、Col】布局组件

有兴趣的同学可以先着手看源码，之前写的一系列开源组件库项目（有帮助的同学也帮忙点个star👍）想到布局组件，其实我们最先想到的也就是栅栏，最早接触前端的时候、或者最早接触ui组件的时候，我们首先是不是就先想起来了 Bootstrap 里面的栅栏呢？其实功能类似，底层的话采用的是什么功能呢？也就是@media媒体查询，利用的其实也就是浏览器的分辨率监听，实现了对应的class样式变更，从而达到了一个分割布局的这么一个效果，主要也是捋清我们怎样去写这个代码：3.2、Row / index.scss3..

2022-07-12 14:17:42 1594 5

原创前端技能树初体验

我在这边勾选的是 Vue ，当然哈后续肯定会扩展多个前端分支的技能树，这点是必然的，从感官来说的话并不会觉得单调，从样式来说以一个开发的角度来说简单简介最好，所有东西看起来一幕了然，其实我倒觉得是很好的谈到学习，更多的是侧重于沟通，实时回复功能是不是也需要呢？比如说我在学习中遇到了一个问题？那这个时候我把他总结在了我的笔记中，但是答复的时间过于缓慢，类似于交作业写代码这种？这个时候是否需要一个判作业的人？因为回答的都是 a、b、c、d这种，我答完了之后也就答完了，缺少成就感吧？看了再多的文章，不如说动手实践

2022-06-29 15:11:51 906

原创 React-Hook 轮子公开课（从零开始）用最基础的方式写出一个简单的组件库——第二课【Button】组件

有兴趣的同学可以先着手看源码，之前写的一系列开源组件库项目（有帮助的同学也帮忙点个star👍）提到 button 组件，这几乎可以说是一个组件库中的重中之重，基本上很多的时候我们都需要用到 button 来进行一系列的 dom 操作，时间执行，用户与浏览器之间进行交互不免得就少不了 button 按钮，那么我们先捋清楚一个思路这个 button 该怎么去写？3.2、index.scss3.3、variables.scss（这里的文本样式是参考的 bin-ui ）四、效果呈现至此效果实现当然.

2022-06-29 11:14:23 653 10

原创 React-Hook 轮子公开课（从零开始）用最基础的方式写出一个简单的组件库——第一课【Icon】组件

React-Hook 轮子公开课（从零开始）用最基础的方式写出一个简单的组件库——第一课【Icon】组件>>>关于组件库的话，有关注到我的朋友大家其实也都清除，我这边其实在之前也有讲解过，零零散散的记录过一些有关于组件疑惑点、像正常我们去开发一个项目，类似现在直接用一些的 js 框架，很自然就忽略掉了一些问题点.........

2022-06-08 16:27:46 768 3

原创 react-hook（props传值副作用监听，不要做解构），副作用监听一定要走props.xxx

副作用监听props数据要使用props.xxx

2022-06-02 17:50:56 1778 4

原创（扩展 vue 思维）使用 React 构建一个轮子（LoadingBar加载组件）让 useState 挂载 ref 实例，函数外部 js 调用实例 ref.useState 实现子组件更新

文章目录一、组件概述、使用场景描述（Vue2版本）1、思维，及实现方式描述2、main.vue3、index.js二、组件构思（react版本）1、思考如何挂载组件问题2、函数式编程，其中没有类的概念,没有this，如何在外部调用实例方法？3、使用 React.createRef() 获取一个ref实例4、index.tsx5、index.scss6、引入调用及功能实现一、组件概述、使用场景描述（Vue2版本）1、思维，及实现方式描述先上一个图，这边的ui库是我这边之前使用vue2版本构建的一个组件

2022-03-23 14:14:54 2101 21

原创 scss实用小技巧循环+自定义函数的使用，学会它构建组件轮子工程时轻松 N+ 倍

文章目录使用scss循环样式代码，减少代码量1、首先定义一个scss变量用于存储所有的type类型2、其次定义一个scss自定义函数用于 return 对应的数据变量类型3、最后也就是对应type类型所展示的代码4、完整代码+对应react代码及呈现效果使用scss循环样式代码，减少代码量1、首先定义一个scss变量用于存储所有的type类型$type:('success', 'primary', 'danger', 'warning', 'info', 'default');2、其次定义一个sc

2022-02-07 14:28:25 3373 1

原创 git 合并 dev 分支到 master

三步，前提一定要保证数据是当前分支最新git checkout mastergit merge devgit push

2022-01-24 14:57:58 924

原创 css3实现 png 图片高亮自左到右过渡的方式 (一张图实现不遮住png的透明背景)

文章目录一、用一张图解释想要实现的效果。二、思考：如何实现？实现的多种方式。2.1、2图代码及实现效果2.2、单图过滤实现效果2.3、单图遮罩实现效果一、用一张图解释想要实现的效果。二、思考：如何实现？实现的多种方式。2.1、2图代码及实现效果我们先去设想一下，如果是两张图那么很简单的就实现了，先说一下两张图的实现思路：创建一个包裹div，创建两个divbox模块div模块内部都是img标签给img标签设置固定的宽高包裹div设置相对定位，两个divbox设置绝对定位，box模块2，设置

2021-12-02 14:27:48 3491 26

原创 react如何实现在网页中全屏操作？

1、utils.ts文件var document: any = window.document;export function requestFullScreen(element: any) { var requestMethod = element.requestFullscreen || element.webkitRequestFullscreen || element.msRequestFullscreen || element.mozRequestFullScreen; if (req

2021-11-17 15:51:49 2119 3

原创 react 使用 antd 的 tree组件 defaultExpandAllRows 无法默认展开？

文章目录一、表格，下拉树，选择树中，默认初始化展开树，无法展开？二、解决方案，新增 && 运算符，在数据变更之后再渲染表格一、表格，下拉树，选择树中，默认初始化展开树，无法展开？二、解决方案，新增 && 运算符，在数据变更之后再渲染表格...

2021-10-24 10:35:32 1895

原创 React 表格内自定义组件不进行实时更新，采用更新key方式实时更新组件，以及直接变更开关 defaultChecked 为 checked 状态实现表格组件更新

文章目录一、使用useState变更表格数据，表格内的开关组件并不会更新组件？二、使用组件唯一 key 实现每刷新一次表格，key值都会变更，从而实现组件更新的功能。三、变更 defaultChecked 为 checked 实现自定义组件的监听更新。一、使用useState变更表格数据，表格内的开关组件并不会更新组件？首先我们可以看一下代码，我在这边是采用的 defaultChecked ，也就是组件初次的默认值进行数据变更但是不免得会有一个问题就是，表格内的组件只在第一次加载时是对的，当我变更

2021-10-18 11:09:19 1556 12

TA关注的人

vue + typescript 书签小案例

js dialog弹窗组件

小天才博客--仅供参考

react 父组件使用useState，变更value值后 传递给子组件值，子组件如何做才会不重载？

react 我在子组件里怎么写避免子组件不被父组件传递的props属性变更影响？导致组件重载

如何在react 中的 style 写字符串合法？（不用驼峰，用驼峰改动量太大）

react新项目，引入构建的npm包，造成node内存泄露，如何解决优化我的npm包造成的内存占用过大问题？

react-hook 中 useState值无法变更，数据始终为 空数组

scss 如何写 css 的并且运算符

在 react 中，我定义了一个自定义组件，有没有类似于 vue 中 $listeners这种方法，快速绑定原生事件的行为？

react 父组件使用useState，变更value值后传递给子组件值，子组件如何做才会不重载？

react-hook 中 useState值无法变更，数据始终为空数组