样式react style
antd 改变导航菜单的样式
```js // 设置菜单样式 .ant-menu,.ant-menu-sub,.ant-menu-inline{ color: var(--white); background-color: ${bgColor} !important; } // 设置子菜单展开样式 .ant-menu-subme ......
如何编写难以维护的React代码？耦合组件
# 如何编写难以维护的React代码？耦合组件 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是：子组件直接操作父组件方法，从而导致父子组件深度耦合。这样的实现让子组件过于依赖父组件的具体实现细节，使得代码难以维护和扩展。 让我们来看一个例子： ```jsx funct ......
react antd5 Warning: Each child in a list should have a unique "key" prop.
## Warning: Each child in a list should have a unique "key" prop. ![](https://img2023.cnblogs.com/blog/2833653/202307/2833653-20230727115854998-139705 ......
用CSS样式 @keyframes、animation写一个旋转立体模型、动画模型，vue2
需求：画一个正方体，让物体一直旋转 环境：vue2、css 效果： 代码： 模型 1 <template> 2 <div> 3 <!-- 旋转立体图 --> 4 <div class="cube"> 5 <div class="face front"></div> 6 <div class="fac ......
隔离css继承的样式
项目里遇到一个富文本在编辑器内和页面上渲染出来的样式不一致的问题，具体表现在fons-size和line-height等可继承的属性上，经过排查发现确实是继承了父元素的样式导致的 随即我在想如何隔离父元素的样式，经过我在张鑫旭的博客里一整翻，终于`style:"all: initial;"`解决问题 ......
ElementUI默认样式修改
## 修改ElementUI 样式的几种方式 1. 新建全局样式表 新建 global.css 文件，并在 main.js 中引入。 global.css 文件一般都放在 src->assets 静态资源文件夹下的 style 文件夹下，在 main.js 的引用写法如下： ```javascrip ......
为什么媒体查询手机端样式失效
# 为什么媒体查询手机端样式失效 ``` @media screen and (max-width: 1023px) { .MuiCollapse-wrapperInner { width: 100% !important; } } .MuiCollapse-wrapperInner { width ......
Spire.XLS of.net 怎么设置字体样式（普通单元格和带公式的单元格）
普通的设置就直接套用官方文档即可 //创建字体 ExcelFont font1 = workbook.CreateFont(); //设置字体，字形，大小，颜色 font1.FontName = "宋体"; font1.IsBold = true; font1.Size = 10; font1.Kn ......
React 前端应用中快速实践 OpenTelemetry 云原生可观测性(SigNoz/K8S)
 [OpenTelemetry](https://opentelemetry.io/) 可用于跟踪 `Rea ......
React组件设计之性能优化篇
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 >本文作者：空山 # 前言 > 由于笔者最近在开发中遇到了一个重复渲染导致子组件状态值丢失的问题，因此关于性能优化 ......
React Native热更新报错：The "CFBundleShortVersionString" key in the "ios/***/Info.plist" file needs to specify a valid semver string
React Native项目集成了CodePush热更新，在用cpcn-client工具发布新版本时，在日志栏中打印了如下错误： Detecting ios app version: The "CFBundleShortVersionString" key in the "ios/xxx/Info. ......
如何编写难以维护的React代码？——滥用useEffect
# 如何编写难以维护的React代码？——滥用useEffect 在许多项目中，我们经常会遇到一些难以维护的React代码。其中一种常见的情况是滥用useEffect钩子，特别是在处理衍生状态时。让我们来看一个例子： ```jsx const ComponentA = ({ list }) => { ......
使用pandas.to_html时怎么自定义表格样式
# 一、通过标签名设置`css`样式 使用`pd.to_html()`方法如果不指定文件路径，该函数会返回一个格式化的`html`字符串，我们可以对这个字符串进行自定义操作，比如直接用我们设置的`css`样式加上这个格式化的`html`，就可以实现自定义表格样式，如下： ```python data ......
修改input输入框的样式
## [修改input输入框的样式](https://www.cnblogs.com/1906859953Lucas/p/10953423.html) 直接上代码 ```html 自定义输入框样式： ``` 效果： ![img](https://img2023.cnblogs.com/blog/16 ......
el-input样式修改
我们在使用第三方提供的开源组件的时候，基本上都会存在修改样式的问题。 比如Element ui 中的el-input 样式与项目中的不一致，那么就得修改。那应该如何来处理呢？ 按钮command（mac）进入定义的文件中： 找到了“后置元素的class”，然后就可以修改了。 <style lang= ......
视频直播源码，Android自定义Spinner样式
视频直播源码，Android自定义Spinner样式 设置Spinner的背景图，如下代码： <Spinner android:id="@+id/sp_gender" android:layout_width="match_parent" android:layout_height="match_p ......
React Native集成CodePush热更新遇到的坑，以及折腾过程。"CFBundleShortVersionString" key needs to specify a valid semver string
最近开始一个React Native的新项目。按惯例，在创建完项目后，先集成CodePush热更新功能。 这种活已经干过不止一两次了，当然没啥问题，直接上手开干。 可问题恰恰出在了本以为应该很顺利的地方。 首先，在用 cpcn-client 工具给项目安装 cpcn-react-native 包时， ......
React函数式组件渲染、useEffect顺序总结
> 参考资料： [深入React的生命周期(上)：出生阶段(Mount)](https://zhuanlan.zhihu.com/p/30757059) [深入React的生命周期(下)：更新(Update)](https://www.v2think.com/dig-into-react-lifec ......
React函数式组件渲染顺序探究（Demo）
> 参考资料： > [React渲染顺序及useEffect执行顺序探究（含并发模式）](https://blog.csdn.net/web2022050901/article/details/125238225) # code ```jsx import { useEffect, useState ......
react 项目内存放excal文件并实现下载功能
typings.d.ts配置(使用typescript) 在umi+ts搭建的react项目内，没有对.xlsx文件进行处理是没办法通过文件导入获取到改文件的，可以在typings.d.ts文件内根据实际情况进行后缀添加，否则ts会报导入错误 1 declare module "*.png"; 2 ......
响应式系统与 React
### 0x1 React 的历史与应用 1. 应用场景 1. **前端应用开发**，如 Meta、Ins、Netflix 的网页版 2. **移动原生应用开发**，如 Ins、Discord 3. 结合 Electron 进行**桌面应用开发** 2. 发展历史 1. Facebook 引入了 x ......
css案例-样式初始化
* { margin: 0; padding: 0; } em, i { font-style: normal; } li { list-style: none; } img { border: 0; vertical-align: middle; } button { cursor: pointe ......
表单样式问题
表单：属于行内块 标准盒子模型 内边距和边框会把各盒子撑大 怪异个桌子模型/ 内边距和边框不会把quchu 去除焦点为问题 关于输入框瀚航的问题 表单继承文本属性 下拉菜单 ......
样式表的创建
css 层叠样式表 css2.0 3.0 样式表 1 行内样式 直接在标签上写属性 style=“属性: 属性值；” 2 内部样式 在头部添加style标签 选择器{属性: 属性值；} 3 外部样式的引入 4 外部样式导入 css语法： 属性：属性值； 选择器 标签对象 ** 对谁进项样式的修改 标 ......
36种漂亮的CSS3网页按钮Button样式
 ```html 36种漂亮的CSS3网页按钮Button样式 36种漂亮的CSS3网页按钮But ......
通过JS设置CSS样式
#### 读取元素样式 在JS中可以使用`getComputedStyle() `读取元素样式 >**官网摘要** Window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后报告元素的所有 CSS 属性的值。私有的 CSS 属性值可 ......
react批量生成pdf
使用`htmlpdf.js`批量将`html`页面转为`pdf`，打包成`zip`下载。`htmlpdf.js`是结合`html2canvas`和`jsPDF`实现的。 首先先安装包 ``` npm install --save html2pdf.js ``` 基本页面 ``` import htm ......
解决 react antdPro umi 报错 error:0308010C:digital envelope routines::unsupported
修改文件：package.json 原 "start": "umi dev", 改成 "start": "SET NODE_OPTIONS openssl-legacy-provider && umi dev", ......
【补充】个人站点使用自定义首页样式
# 【补充】个人站点使用自定义首页样式 > 原理还是依赖于暴漏出去的文件资源接口 - 使用的时候只需要根据当前用户名引入自己的css/js文件即可 ```html ``` ......