登录社区云，与社区用户共同成长
邀请您加入社区
Jexcel学习合并单元格操作主要用到两个事件选取单元格的事件onselection合并单元格的时间setMergeimport React, { useEffect, useState} from "react";import "../../node_modules/jexcel/dist/jexcel.css";import jexcel from 'jexcel'import { Space
简介ESLint和Prettier是前端开发中两款非常强大的代码检查和格式化工具，但强大也意味着这两者经常发生冲突。对ESLint和Prettier在开发前进行协同完美的配置是相关重要的，可以避免冲突等麻烦，简化美化开发过程，确立团队或个人的开发风格。以下修改为个人风格总结所得，读者可根据自己需求增加减。ESLint + Prettier作用项目开发统一范式的问题代码质量问题：使用方式有可能有问题
如果您需要更复杂的 HTTP 请求处理逻辑，可以使用 Next.js 的自定义中间件功能。虽然 Next.js 默认没有内置中间件支持，但可以通过第三方库如来实现。通过以上方法，您可以方便地在 Next.js 项目中配置 API 路由。使用pages/api目录是最简单的方式，适合快速原型开发；而使用动态路由和自定义中间件则更适合需要更复杂逻辑的应用场景。希望这些步骤能帮助您成功配置 Next.j
最近在做项目中，后端偷懒不做导出功能，让我前端实现，所以在这里记录下前端导出功能，顺便补上导入功能。
我们使用的umi+dva+antd搭建的项目，因为项目越做越大遇到了此情况。有时npm start运行不起来报错Javascript heap out of memory有时运行的时间长了自动就会断开，提示Javascript heap out of memory有时打包的时候也会提示内存溢出Javascript heap out of memory。在网上找了好多方法试过都不行。最后找到一篇文章
antd的官方示例demo中有普通的transfer按照条件筛选数据，只需要添加API参数：showSearch，但是在Tree树穿梭框中会失效，并不能筛选出，而官方实例也没有给出解决示例，这里给出一个解决方法查看API:发现onSearch 搜索框内容时改变时的回调函数利用该参数一个实现思路就是在你的onSearch里面去筛选你的dataSource数据：另外官方给的树形穿梭框示例会导致滚动条不
关键词：umiqiankunant design pro非动态注册子应用非动态装载子应用（路由）背景银行项目，需要一个前端中台，承载各项目组开发的应用，本篇文章是在工作实践后所写，还是具有一定可借鉴性的，至于官网已经有相关内容还专门写这么一篇，还是因为在实践中官网中的部分不完善，导致搭建过程异常坎坷。搭建主应用工程主应用一般都是类后管平台，因此我使用 ant-deisng-pro 做主应用，使用以
开门见山不是我不友好，只想说一句：饱和的不是市场，饱和的是那曾经不知天高地厚的心。另一方面，众所周知，语言都是相通的。而前端更是广泛应用的典范，来来来这位小同学，前端早已不再是浅层的静态页面了，大前端时代的到来，带了个无数的就业与发展机会。以下听我细细说来~偶然听学弟说，他现在找工作，应届毕业生很难找到了工作，感觉机会渺茫，公司基本只招3到5年工作经验的，新手并不是那么缺！感觉会h5，css3，j
react配置代理解决跨域先安装http-proxy-middlewarenpm install http-proxy-middleware --saveyarn add http-proxy-middleware --save在src目录下创建 setupProxy.js 文件设置代理（setupProxy.js文件内容const proxy = require('http-proxy-midd
最近要在react项目中使用萤石云提供的ezuikit库来接入萤石云摄像头，实现远程播放、控制移动、放大缩小等功能，首先百度搜类似的需求，搜不到，只能自己采坑，登萤石云官网，看对应文档。一、登录萤石云开放平台，下载demo并运行在萤石云开放平台官网(https://open.ys7.com)的导航栏中，点击下载按钮页面下方，分别有对应JavaScript、Android、IOS的demo，这里，我
react八股文，记住你就是高级
React开发组件-气泡提示，对话框与标签页这是项目的结构：dialog组件：用法：<Dialogtitle="Basic Modal"visible={visible}onOk={handleOk}onCancel={handleCancel}><p>Some contents...</p><p>Some contents...</p>
在前端开发的世界里，浏览器兼容性问题就像是一个永恒的话题。每当我们使用最新的CSS特性或JavaScript语法时，总是要考虑：“这个特性在IE11中支持吗？”、“Safari的表现会不会有问题？”、“移动端浏览器能正常显示吗？Browserslist是一个配置文件，用于定义项目需要支持的浏览器及其版本。它与众多前端工具集成，使得这些工具能够根据统一的浏览器列表自动调整其行为。// 特性检测工具类
乾坤（Qiankun）是蚂蚁金服推出的一个基于Single-SPA框架的微前端解决方案。它提供了一种将多个独立的小型前端应用集成到一个统一界面中的方法。乾坤的核心优势在于其支持多种技术栈共存、独立部署以及灵活的生命周期管理。这意味着不同团队可以使用不同的技术栈来开发各自的应用模块，并且这些模块能够无缝地组合在一起形成一个完整的大型应用。
有下面一个select，模式是多选，要求给后端传所有选中项，格式为“1，2，，… ，n”<Selectmode="multiple"//多选value={this.state.category}showSearch={false}showArrow={true}defaultValue=""onChange={this.handleCategoryChange}>{this.cat
一、安装 crypto-jsnpminstallcrypto-js二、react 前端加密import CryptoJSfrom "crypto-js"const key = CryptoJS.enc.Base64.parse( 'YCFIyMTG5NTYxYzlmZTA2OA==')var iv =CryptoJS.enc.Base64.parse('YCFyMTG5NTYxYzlmZTA2OA
fetch方法，使用fetch方法请求数据，常用的请求数据的方法
选择了四个框架来研究：React是当今占主导地位的框架，以及三个声称与React不同的新竞争者。React“React 让创建交互式 UI 变得轻松。声明式视图使您的代码更可预测且更易于调试。”SolidJS“Solid 遵循与 React 相同的理念......但是它有一个完全不同的实现，它放弃了使用虚拟 DOM。”Svelte“Svelte 是一种构建用户界面的全新方法……在构建应用程序时发生
react前端搭配express后端简单搭建前言确保电脑上已经安装了node环境，可以执行npm命令。搭建react环境安装 create-react-app简介：create-react-app是快速创建react项目的一个工具。命令：npm install -g create-react-app(安装create-react-app工具)create-react-a...
前端图片裁剪组件前端图片裁剪已经是很常见的需求了，在 react 的项目中推荐使用 react-image-crop 库，能勾勒出裁剪区域、宽高比例限制等等，但是还是有很多东西需要我们来做的，比如以下问题：react-image-cropreact-image-crop 的基本使用import ReactCrop from "react-image-crop";import "react...
Cannot use JSX unless the ‘–jsx’ flag is provided.在tsx文件中加入html代码后，报错Cannot use JSX unless the '--jsx' flag is provided.1解决方法：在tsconf...
背景经常我们要去看一些页面所发出的请求时，经常会用到 Charles 做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是 Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手 Charles 不管配置成本和学习成本都相对较高。所以我们有必要自己按照自己最爽的状态来撸一个适合自己的抓包工具。结果基于以上诉求，我
一. 使用axios调用后端接口安装axios：cnpm install axios使用axios调用接口getById = (id) => {axios.get('http://localhost:8080/api1/accountCustomer/getAccountCustomerByAccountIDAsyn?id="+id).then(response => {console
之前在网上搜到的关于pako加密解密方法，其中加密方法有点问题，和解密方法不配套。整理了下我自己最后修改的代码zip = (str) => {let binaryString = pako.gzip(str);let a = Array.from(binaryString);let s = "";a.forEach((item,index)=>{s+=String.fromCharCo
简介在前端工程化当中，不仅仅是js可以lint，而且css/sass也可以被lint，接下来为大家揭晓怎么lint css/sass准备1、在命令行输入npm init -y初始化项目2、cnpm istylelint-config-standardstylelint-config-sass-guidelines-D配置新建 .stylelintrc.js文件 配置如下 其实配置和ESlint差不
1.实现如图效果。当路由中包含classesId参数时，表格默认查询该分类下的数据，使用的ProTable组件。配置列项时，在所属分类项中添加initialValue，并复制当前路由classesId参数。import { history } from 'umi';const classesId = history.location?.query?.classesId;const columns
Kiro 是一个AI 智能体代理 IDE，类似Vscode，可以导入你现有Vscode插件和配置，但是它界面左边是是四个核心功能集：规格Specs、钩子Hooks和控制Steering以及MCP服务器等帮助您做到最好。简单来说，“需求文档”（Specs）就是一份详细的开发说明书，它能把一个模糊的想法变成清晰的执行计划，让团队知道每一步该做什么、怎么做、谁负责、什么时候完成。有了钩子，开发就像有个2
react之BrowserRouter做路由，nginx的配置问题react单页面项目使用BrowserRouter路由时，对处于二级或多级路由状态的页面进行刷新，路由会被发送到服务器，此时，就需要在服务器端进行配置，将路由重定向到项目的唯一页面index.html，否则会报错404。若使用nginx来充当服务器，需要添加以下配置server {listen3000;server_nameloca
JSON 在互联网上随处可见。我们需要一种新的方法。simdjson C++语言库使用常用的 SIMD 指令和微并行算法，解析 JSON 的速度比 RapidJSON 快 4 倍，比现代 C++ 的 JSON 快 25 倍。的 Java 版本： 使用 SIMD 指令的 JSON 解析器，基于Geoff Langdale 和 Daniel Lemire 撰写的。数据集，其目标是测量解析和查找具有默认
Context通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递props属性。
故事开篇：看到一则帖子，讲一个学历只是普通的大专毕业的程序员，做前端5年左右的时间了，中间干过3家公司，都是属于中型互联网企业和创业型的公司，规模不算大。很苦恼进不了大厂，一直在中小公司里打滚天天切图。有一段时间他几乎天天在面试，从普通的一些小公司，到上市公司，到一线大厂（阿里，腾讯，字节）。然而得到最多的反馈其实就是2种，学历不够或者陪跑。应该会有不少其他想冲击大厂的同学会得到另外两种反馈，技术
可能因为你的echarts依赖版本落后了，echarts词云效果使用，需要更新到 5.0.1+ 的版本。注意： 你要慎重，高版本与你现有的版本的echarts相关页面是否支持或兼容npm install echarts@5.0.2 --save
根据后台Api，实现搜索与分页功能。模糊查询Api：src/api/accout.js// 模糊查询接口export function searchVideo (data) {return service.request({url:"/video/select",method:"get",params:data//请求类型为 get 时})}View/admin/index.js（主界面）//引入
背景结合后端数据生成运营推广页面，用户通过保存操作将推广页面保存为图片进行分享和传播。其中涉及到的前端主要技术点：dom转图片保存图片到本地了解 CORSCORS（Cross-Origin Resource Sharing，跨域资源共享），同源安全策略默认阻止跨域获取资源，通过CORS给了Web服务器这样的权限，即服务器可以选择，允许跨域请求访问到它们的资源。CORS由一系列传输的HTTP头组成，
antd 的RangePicker 返回后端的数据如何格式化通过FormItem包裹的RangePicker返回后端数据还不是标准的需要的数据是这样的Moment {_isAMomentObject: true, _isUTC: false, _pf: {…}, _locale: Locale, _d: Tue Mar 02 2021 11:47:32 GMT+0800 (中国标准时间), …}要
前端页面开发中，svg图片无法显示的解决办法在确保svg图片能够打开，没有损坏的前提下，可以尝试用以下方法加以解决：用ideal或者任意的文本编辑工具将svg图片打开接着将image标签下的xlink:href="data:img/png;base64, 改成xlink:href="data:image/png;base64 即可（只需要将img改成image就ok了）...
问题1：未设置my.cnf如果没设置my.cnf配置，将会出现账号密码登录失败系统偏好配置中MySql无法启动或者关闭解决配置my.cnf到/etc/my.cnf中问题2：查看端口号为0mysql> show global variables like ‘port’;±--------------±------+| Variable_name | Value |±--------------
将小程序中的 project.config 的配置文件 中的 APPID 进行替换
感谢蚂蚁金服出品qiankun（乾坤）一 ：下载模板地址 https://github.com/umijs/qiankun$ git cloen git@github.com:umijs/qiankun.git$ cd qiankun$ yarn$ yarn examples:install$ yarn examples:start以上步奏启动模板项目二：子项目webpack配置putput.li
1.安装以下包npm i lib-flexible sass-loader node-sass postcss-px2rem-exclude--save2.npm run eject 暴露webpack配置，添加以下代码const px2rem = require('postcss-px2rem-exclude');px2rem({remUnit:75,exclude: /node_modules
antdesign搜索选择框select,需求：展示与真正取值不一致时的处理
使用框架react tsnode版本16.15.0。
分享一个前端神器codeSandbox团队一起更快地构建：使用协作沙箱创建、共享和获取反馈，以实现快速 Web 开发。https://codesandbox.io/
一、基础知识什么是 React?React 是一个开源前端 JavaScript 库，用于构建用户界面，尤其是单页应用程序。它用于处理网页和移动应用程序的视图层。React 是由 Facebook 的软件工程师 Jordan Walke 创建的。在 2011 年 React 应用首次被部署到 Facebook 的信息流中，之后于 2012 年被应用到 Instagram 上。React 的主...
虚拟 DOM (VDOM)是真实 DOM 在内存中的表示。UI 的表示形式保存在内存中，并与实际的 DOM 同步。这是一个发生在渲染函数被调用和元素在屏幕上显示之间的步骤，整个过程被称为调和。当Facebook第一次发布 React 时，他们还引入了一种新的 JS 方言JSX，将原始 HTML 模板嵌入到 JS 代码中。JSX 代码本身不能被浏览器读取，必须使用Babel和webpack等工具将其
树型选择控件多选支持搜索的时候，输入文字，匹配不到数据的时候，失去焦点或者提交表单的时候清空输入的查询文字.问题如下截图：想要的结果如下：解决方案：在AntD的Select中，当失去焦点切未查询到数据时，会自动清空搜索框的值。地址：Antd Select在实现这个过程中，也踩了不少坑。仔细读过TreeSelect的API之后发现了一个属性，叫做searchValue。s...
IDEA还提供了智能转换功能：当你某天想把这个小脚本升级成正式类结构时，把光标放上去，Alt+Enter一按，“Convert to regular class”一键转成标准class，连构造函数和字段都给你规整好。当你新建一个Java项目，选择“IntelliJ”作为构建系统并勾选“添加示例代码”，它自动生成的就是一个极简的compact source file，里面连public class都
有许多框架和库可用于前端开发。并非所有这些都是好的。React前端开发是最受欢迎且使用最广泛的库（它不是框架）之一。那么为什么选择react？使用React有什么好处？下面将为你提供6个选择 React进行前端开发的理由。选择React进行前端开发的6个理由：易于学习React易于学习，这是选择此库的最重要原因之一。由于学习这项技术不需要太多时间，您可以快速开始用它来构建。如果一项...
前言由于业务需要,需要将页面的指定区域保存为一张图片(其实就是一个很华丽呼哨的表格,前端我画出来了，后端没搞出来，后面就改需求为前端导出为图片,手动狗头一波…)准备使用 html2canvas 这个插件，还是很不错的东西,安利一波npm install html2canvasyarn add html2canvas代码抽了两个函数,看着用吧，应该是没啥问题的。（ps：让你传选择器就传...
确保你在 TypeScript 中正确定义类型，这样可以利用类型检查来避免常见的错误。通过使用Promise等特性，您可以在 TypeScript 中优雅地处理异步操作。确保正确地处理错误，并且定义好类型，可以帮助您写出更加健壮和易于维护的代码。
reactjs
——reactjs
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
魔乐社区
讯飞AI开发者社区
合肥城市开发者社区
2048 AI社区
