2024-04-29 12:04:52
333
860
React 路由react-router-dom详解(路由嵌套 路由传参 路由权限 路由优化 按需导入 404页面)_react-router-dom
2024-04-29 12:04:16
145
749
正文：在React框架中使用ReactEcharts，并配置点击事件，获取点击节点，进行后续操作。前言：技术栈（React），相关版本号：（echarts-for-react →。_react类组件柱状图的点击事件
2024-04-29 11:04:11
357
429
本教程属于react入门教程，课程围绕如何搭建一个简单的登录页面展开，会带你快速了解react、redux、redux-devtool、react-router-dom、axiox这些常见技术的使用方式，教程最后会附上项目源码。_react antd vite typescript 项目实战教程
2024-04-29 11:04:31
527
548
ReactJS是一个强大的JavaScript库，用于构建用户界面。它由Facebook开发，并于2013年首次发布。自那时以来，React已成为前端开发中最受欢迎的库之一，许多公司和开发者都在使用它来构建高性能、交互式的Web应用程序。本文将向您介绍ReactJS的基础知识，并通过实践示例来帮助您入门。我们将从React的核心概念开始，逐步深入，直到您能够构建简单的React应用为止。
2024-04-29 11:04:48
211
889
EditorConfig 有助于为不同 IDE 编辑器上处理同一项目的多个开发人员维护一致的编码风格。VSCode需要安装一个插件：EditorConfig for VS Code。_react 格式化
2024-04-23 21:04:05
612
256
6.权重问题，因为这种选择器的使用，具有穿透性，即使是引入的组件，通过f12找到元素类名，可以通过这样的方式修改其样式，但要注意，这边修改一个样式，其他地方有的样式也可能会变，这就一定要选择。⭐⭐使用 className 和全局 CSS 样式表：在组件模板中使用 className 属性来设置类名，然后在全局 CSS 样式表中定义对应的样式。⭐⭐使用 class 属性和全局 CSS 样式表：在组件模板中使用 class 属性来设置类名，然后在全局 CSS 样式表中定义对应的样式。_vue深度修改样式
2024-04-23 21:04:46
85
919
使用createRoot()方法创建的react组件在调用ReactDOM.unmountComponentAtNode()方法卸载报错的解决方案。Warning: unmountComponentAtNode(): The node you're attempting to unmount was rendered by React and is not a top-level container. Instead, have the parent component update its state a_项目中如何利用createroot挂在组件
2024-04-23 21:04:53
649
222
解决react18中hook的useEffect的默认执行两次的行为_useeffect调用两次
2024-04-22 09:04:27
511
554
一般现在距离某个时间过去多久，或者还有多久，短时间的可以口算并且比较笼统，但复杂一些的 就需要一些算法了。今天我们用前端JS工具算出来吧。
2024-04-20 17:04:00
151
188
使用背景：react\ts\antd pro\alibaba-chatUI\openai-api。注意接口的messages字段我将上文也一起传过去了，为了它能回答问题的时候，回顾上下文。1.引入chatUI进行页面开发。2.调用openAI的api。_基于chatgpt和前端技术的智能客服小程序的开发
2024-04-19 21:04:05
177
355
四轮技术面 一轮hr面结束，学习到了不少，面试也是一个学习检测自己的过程，面试前大概复习了 一周的时间，把以前的代码看了一下，字节跳动比较注重算法，面试前刷了下leetcode和剑指offer， 也刷了些在牛客网上的面经。大概就说这些了，写代码去了~祝大家都能收获大厂offer~篇幅有限，仅展示部分内容网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
2024-04-19 21:04:17
509
799
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。_react 动态滚动列表
2024-04-19 21:04:03
277
564
前端date.locale is not a function错误解决办法_date.locale is not a function
2024-04-19 21:04:36
747
654
想要使用就需要实例出form对象，但是如果是如下的嵌套组件结构该怎么传递呢，antd官方给我们提供了方法_form.setfieldsvalue
2024-04-19 21:04:26
707
914
本页将指导你如何在 Next.js 应用程序中定义和组织路由。要了解流式传输是如何在 React 和 Next.js 中工作的，首先理解服务端渲染（SSR）及其局限性是很有帮助的。首先，在服务器上获取给定页面的所有数据然后，服务器为页面渲染 HTML页面的 HTML、CSS 和 JavaScript 被发送到客户端使用生成的 HTML 和 CSS 显示非交互式用户界面最后，React水合（hydrates）用户界面，使其具有交互性。_next/navigation
2024-04-19 21:04:23
282
188
例如，创建一个名为 posts/[id].tsx 的文件，它的路径可以是 /posts/1、/posts/2 等，访问不同的路径时会根据参数的不同渲染对应的页面组件。你可以在 Next.js 的 pages 目录下创建一个文件，文件的路径就是路由的路径，文件的内容就是对应的页面组件。例如，如果你想创建一个处理 /api/users 路径的接口，你可以在 pages/api 目录下创建一个名为 user.ts 的文件。Next.js的目标是简化React应用程序的开发流程，并提供更好的性能和开发体验。_nextjs
前端知识
身份证阅读器web开发示例，支持JS/H5、React、Vue.js、jQuery、Node.js、AngularJS、TypeScript、Electron、JSP、PHP、ASP等语言开发
2024-04-15 21:04:10
488
869
1、最新适配支持了windows、Linux、安卓、国产系统（麒麟、统信）四大系统网页开发。3、支持身份证、社保卡、IC卡、银行卡、磁条卡等市场上常见卡类型读取识别。2、支持四种身份证类型读取。4、免驱安装，即插即用。_electron 开发读取ic卡功能
2024-04-08 11:04:55
548
688
react页面 监听鼠标事件 判断鼠标移入移出页面某个元素 （jQuery）和JS 将数组里的所有字符串转换为数字（互相转换）_鼠标划到某div区域监听
2024-04-08 11:04:04
1001
89
ahooks是一款由阿里巴巴开发团队设计的React Hooks库，提供了一系列实用的React Hooks，以便开发者更好地使用React的功能。ahooks的设计原则是“最小API，最大自由”，旨在提供最小的、最易于理解和使用的API，同时保留最大的使用自由度。useRequest是ahooks中最常用的一个API，它用于处理异步请求和其相关状态。在上述代码中，useRequest接收一个函数作为参数，该函数返回一个Promise。_ahooks
2024-03-29 15:03:16
873
272
先上官网地址：https://swr.vercel.app/zh-CNSWR是一个用于数据请求的 React Hooks 库，使用 SWR组件可以实时的获取服务器最新的数据。借用官方的说明：“SWR” 这个名字来自于 ：一种由 HTTP RFC 5861 推广的 HTTP 缓存失效策略。这种策略首先从缓存中返回数据（过期的），同时发送 fetch 请求（重新验证），最后得到最新数据。当我们重新聚焦一个页面或在标签页之间切换时重新获取最新的数据，或者也可以自行设置一个获取数据的时间间隔(refreshInte
2024-03-13 00:03:18
25
397
前端请求跨域，原来是谷歌浏览器的限制_谷歌浏览器提示 access to xmlhttprequest
2024-03-11 10:03:26
549
874
解决ProForm 遇到表单的label 文案过长，如何统一对齐问题_proformlabel 对齐
2024-03-05 09:03:09
502
928
最新前端面试题汇总大全(含答案超详细)--持续更新_csdn前端面试
2024-01-24 15:01:49
499
556
CSS-in-JS是一种技术，而不是一个具体的库实现。简单来说CSS-in-JS就是将应用的CSS样式写在JavaScript文件里面，而不是独立为一些css，scss或less之类的文件，这样你就可以在CSS中使用一些属于JS的诸如模块声明，变量定义，函数调用和条件判断等语言特性来提供灵活的可扩展的样式定义。CSS-in-JS在React社区的热度是最高的，这是因为React本身不会管用户怎么去为组件定义样式的问题，而Vue有属于框架自己的一套定义样式的方案。
2024-03-05 09:03:42
740
7
return year "年" (month 1) "月" date "日 " hour ":" miu ":" sec;Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库，下载、解析和执行的JavaScript更少，为代码留下更多的时间。// 判断数据是基本数据类型的情况和函数的情况。//正则对象直接返回一个新的正则对象。// 日期对象直接返回一个新的日期对象。// 获取对象所有自身属性的描述。// 判断数据是引用类型的情况。
2024-03-03 11:03:16
533
629
craco 官方文档。craco是一个用于扩展的工具，CRA是一个用于快速搭建React应用的脚手架工具。CRA提供了一个简单的项目结构和配置，使得开发者可以快速开始一个React项目的开发。然而CRA的配置是被隐藏的，开发者无法对其进行自定义和扩展。这就是craco出现的原因。允许开发者覆盖和扩展CRA的配置，以满足更复杂的项目需求。使用craco，开发者可以在不弹出CRA的配置的情况下，修改webpack 配置babel 配置ESLint 配置devServer配置等。craco。_craco.config.js
2024-03-02 09:03:23
463
719
表单的组件分类：1. 受控组件 2. 非受控组件多数情况下，推荐使用受控组件实现表单。在受控组件中，表单数据由组件控制。另外一种是非受控组件，这种方式下表单组件由DOM自身控制。1. React中的组件分为受控组件和非受控组件2. 受控组件的两个要点：组件的value属性与React中的状态绑定组件内声明了onChange事件处理value的变化3. 非受控组件更像是传统的HTML表单元素，数据存储在DOM中，而不是组件内部，获取数据的方式是通过ref引用。尽可能使用受控组件
2024-02-29 12:02:49
474
264
直接导出，会报以下错误。_customize-cra配置css additionaldata
2024-02-26 20:02:39
932
761
echarts和hightcharts实现3D轮播饼图效果_highcharts悬浮框自动轮播
2024-02-21 10:02:32
653
313
路由环境配置，路由懒加载，路由跳转，路由传参，路由嵌套，路由重定向，路由鉴权_react路由跳转
2024-02-20 09:02:16
331
76
echarts 高德地图创建省市区地图并高亮显示_echarts地图某些地区高亮
2024-02-14 09:02:42
248
637
umi-React移动端如何根据路由来改变手机页面上方的title或者html中的title_reactv6 根据路由跳转设置路由的title
2024-02-13 10:02:45
286
12
SM3 算法：是一种对称加密算法，用于消息摘要和数字签名等场景。它的密钥长度为 256 位，安全性较高。SM2 算法：是一种公钥加密算法，它的密钥长度为 256 位，安全性较高。将字符串转为16进制方法，我这里是自己封装了一个，还有很多方法可以实现转16进制，大家可以自己百度学习。data是签名加密数据，例如：账号 密码 时间戳（需要跟后端开发协商）PUBLIC_KEY是后端给你的公钥，长度为130位，，这里的strToHex方法就是将密码转为16进制。pwd是是第二个参数，我们这里要求的是传密码，_vue sm3 加解密
2024-02-11 10:02:22
943
15
EditableProTable 可编辑表格的一些些总结和实践，对于其相关属性：recordCreatorProps和editable及columns配置写了些自己的理解，以作记录和参考_editableprotable
2024-02-10 19:02:21
563
41
antd3.x的Table组件，设置横向滚动，如果没有数据，横向滚动条会展示在暂无数据的上方，现在想要把暂无数据展示在滚动条的上面原本效果。_ant-table-placeholder
2024-02-09 20:02:37
390
725
HeadMenu的样式如下：其中核心功能百分之95%是靠css实现的，参考的T-deisgn的源码，感觉比较巧妙，并且代码很容易理解，分享一下。最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。_react导航栏组件
2024-02-09 20:02:11
819
551
具体配置、操作和内容会有差异，“坑”也会有所不同。在运行时（runtime）才会发现错误，部分引用笔记还在草稿阶段，敬请期待。能够极大地降低我们编码过程中的误码率。_react17 hook ts4
2024-02-06 15:02:36
80
128
css3的animation制作围绕椭圆轨道旋转，近大远小的动画_css3实现椭圆轨迹旋转
2024-02-05 11:02:03
530
870
1. React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。2. React 是一个用于构建用户界面的JavaScript 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。3. React 是用于动态构建用户界面的_react
2024-01-30 10:01:54
207
81
使用reac-dnd，react-dnd-html5-backend实现节点拖动排序_backendfactory is not a function
2024-01-30 10:01:34
364
579
render(_antd5 使用css-in-js的方式编写样式
2024-01-28 12:01:19
781
101
在 React 之前的版本中，组件要么是函数组件，要么是类组件。函数组件可以使用纯函数的方式编写，但是没有状态（state）和其他 React 特性；类组件则可以拥有状态和其他 React 特性，但是需要使用 class 语法来定义。React Hooks 就是在函数组件中引入了状态和其他 React 特性的工具。useState：在函数组件中添加状态，相当于在类组件中使用 this.state。_react hooks 实战 pdf下载
2024-01-27 01:01:23
148
949
React通过细粒度的控制，减少了实际DOM操作的次数，而Vue通过生成高效的渲染函数，减少了虚拟DOM操作的次数。c) 更新性能：React在处理数据频繁变化的情况下表现较好，它通过虚拟DOM的比对算法，只更新改变了的部分，减少了不必要的操作。Vue也在处理数据变化时表现良好，通过生成高效的渲染函数，减少了虚拟DOM操作的次数。b) 初始加载性能：Vue的初始加载性能较好，因为Vue的运行时版本相对较小，可以更快地下载和解析。Vue的扩展性能也不错，但相对来说稍弱一些，因为它的生态系统相对较小。
2024-01-26 10:01:12
374
604
在我们前端开发当中，封装是种将代码和功能组织起来以便重复使用的方式。它可以使开发人员更高效地编写、维护和管理代码。本文将探讨前端封装的定义、重要性以及在Web开发中实施封装的方法。随着Web应用程序的复杂性不断增加，程序员需要应对各种挑战，如代码复用、维护性、可扩展性等。前端封装作为一种解决方案出现，旨在帮助开发人员更好地管理和组织代码。接下来我们一起探讨一下前端封装的概念和优势，并提供一些常见的实施封装的方法，以帮助大家更好地理解和应用前端封装。_react axios 封装
2024-01-26 00:01:58
302
190
事实上CSS-In-JS的模式就是一种将样式(CSS)也写入到JavaScript中的方式，并且可以方便的使用JavaScript的状态;但是在前面的学习中，我们就提到过，React的思想中认为逻辑本身和UI是无法分离的，所以才会有了JSX的语法。我们创建的是一个styled组件, 那么既然是一个组件, 我们就可以通过组件的props属性传递数据的。我们可以在一个单独的js文件中, 设置一系列统一的主题相关的变量, 例如主题颜色, 字体大小等等。所以，目前可以说CSS-In-JS是React编写CSS。_react css in js
2024-01-24 15:01:11
130
777
在react中对echarts的封装，包括图例、图表的点击事件、控制tooltip显隐_reactecharts监听图形点击事件