登录社区云，与社区用户共同成长
邀请您加入社区
相信单元测试是属于那种没有用过也听过的技术（如果你是大佬，听过也用过，欢迎提出宝贵的意见????♀️????♂️）。那么到底什么是单元测试，单元测试在实际项目开发中能给我们带来什么样的好处？我们站在前端开发的角度一起来聊一聊单元测试。????（一）什么是单元测试????单元测试概念单元测试是指对软件中最小可测单元进行检查和验证；c语言中单元指一个函数，java中指一个类。图形化软件中可以指一个
前端必备开发网站一行代码搞定bug监控：https://www.fundebug.com/?tdsourcetag=s_pcqq_aiomsgweb开发人员必备工具包（实现快速敲代码）:https://docs.emmet.io/让代码提交的时候先执行一次代码，如果有报错不让提交：www.npmjs.com/package/eslint-config-airbnb阿里巴巴图标库：http.....
感谢蚂蚁金服出品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
一、基础知识什么是 React?React 是一个开源前端 JavaScript 库，用于构建用户界面，尤其是单页应用程序。它用于处理网页和移动应用程序的视图层。React 是由 Facebook 的软件工程师 Jordan Walke 创建的。在 2011 年 React 应用首次被部署到 Facebook 的信息流中，之后于 2012 年被应用到 Instagram 上。React 的主...
背景经常我们要去看一些页面所发出的请求时，经常会用到 Charles 做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是 Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手 Charles 不管配置成本和学习成本都相对较高。所以我们有必要自己按照自己最爽的状态来撸一个适合自己的抓包工具。结果基于以上诉求，我
web3js交易
本章内容：1. 知道什么是高阶函数2. 知道高阶函数在什么场景下用3. 能够设计合理的高阶函数
前端图片裁剪组件前端图片裁剪已经是很常见的需求了，在 react 的项目中推荐使用 react-image-crop 库，能勾勒出裁剪区域、宽高比例限制等等，但是还是有很多东西需要我们来做的，比如以下问题：react-image-cropreact-image-crop 的基本使用import ReactCrop from "react-image-crop";import "react...
有许多框架和库可用于前端开发。并非所有这些都是好的。React前端开发是最受欢迎且使用最广泛的库（它不是框架）之一。那么为什么选择react？使用React有什么好处？下面将为你提供6个选择 React进行前端开发的理由。选择React进行前端开发的6个理由：易于学习React易于学习，这是选择此库的最重要原因之一。由于学习这项技术不需要太多时间，您可以快速开始用它来构建。如果一项...
Ant Design中外部控制Table组件的sorter问题描述定义自己的Pagination，继承TablePaginationConfig分页数据来源于model控制的prop，页面渲染时判断是否需要排序表格点击排序或分页的响应事件行属性配置表格组件完整代码问题描述用户当前列表页跳转至其他页面，返回后丢失排序记录，或者想通过其他按钮控制列表的排序解决方案定义自己的Pagination，继承T
今天我们聊聊前端性能优化系列之图片预加载。相信很多小伙伴已经知道图片懒加载是怎么实现的，它的核心思想就是利用占位图这么一个操作，当图片到达视口时，将占位图换成真实的图片地址，具体怎么判断图片到达视口可以利用监听滚动事件或者利用intersectionObserver进行判断。现在我们换一种方式来进行图片加载的优化，利用webworker技术来进行优化。
平时用yarn运行项目的时候没问题，印象中也没有修改代码。然后某一天，控制台输入yarn start运行项目，报错Failed to compile：i ｢wds｣: Project is running at http://10.8.78.100/i ｢wds｣: webpack output is served fromi ｢wds｣: Content not from webpack ...
运行项目时报这个错误。解决方法：1. 全局搜索 localhost 手动更改为 127.0.0.1重新运行2. 在host文件中增加 127.0.0.1 localhost 重新运行可以通过插件（本人用的SwitchHosts）也可以通过命令行： 点击链接...
webpack打包之后js文件引用顺序错乱，vendor顺序变成了最后，自己查了很多方法，都不能解决问题，于是自己一个一个排查，终于找到了问题所在问题描述：1.html模板文件中js的顺序<script src="/dist/js/vendor.js"></script><script src="/dist/js/main.js"></scr...
最近在做项目中，后端偷懒不做导出功能，让我前端实现，所以在这里记录下前端导出功能，顺便补上导入功能。
之前在网上搜到的关于pako加密解密方法，其中加密方法有点问题，和解密方法不配套。整理了下我自己最后修改的代码zip = (str) => {let binaryString = pako.gzip(str);let a = Array.from(binaryString);let s = "";a.forEach((item,index)=>{s+=String.fromCharCo
因为你在请求上传接口的时候，接口不能是普通的字段，我们必须得在postman中的key值改成file的模式，然后在value那块儿会显示一个灰色的按钮，就可以进行上传。...
这里我踩了三次坑 如果你发现你的dispatch没有发送请求只想改错误请直接看最下面对照看看自己有没有写错原理分析在dva架构下 调用dispatch主要经过三个步骤下面index 代指 当前页index(当前页) => model.index(model文件夹下的配置页) => services.index(services文件夹下的配置页)其中从 index 文件夹 到 model
最近的需求是上传文件，并且在上传之后获得后端返回的数据，并且把它展示出来antd中的upload，点击上传按钮掉后端接口，要是想传入额外的参数，就用data这个参数，可以写成下图所示的对象形式限制文件大小，我限制的是文件大小不超过100kb，然后错误信息弹出的时间停留是2s在获得后端数据这里，antd的官方文档里面有写response是后端返回的数据...
跨域是一个老生常谈的问题，不再过多的去解释什么是跨域了，着重记录在React项目中怎么去解决跨域，当然对于前端开发而言，绝大部分的跨域问题，都是通过代理的方式解决的！而代理适用的场景是：在生产环境中不发生跨域，但在开发环境中会发生跨域！因此，我们只需要在开发环境中使用前端代理解决跨域即可，又称为开发代理！在React中解决跨域，毫无疑问，也是使用开发代理解决！目录产生跨域问题解决跨域问题：简单方式
闭包是能够读取其他函数内部变量的函数要理解闭包，首先必须理解Javascript特殊的变量作用域闭包的特性：1.封闭性：外界无法访问闭包内部的数据，如果在闭包内声明变量，外界是无法访问的，除非闭包主动向外界提供访问接口；2.持久性：一般的函数，调用完之后，系统会自动注销函数，而对于闭包来说，在外部函数被调用之后，闭包依然存在。1.创建一个空对象，并且this变量引用该对象，同时还继承了该函数的原型
当Facebook第一次发布 React 时，他们还引入了一种新的 JS 方言JSX，将原始 HTML 模板嵌入到 JS 代码中。JSX 代码本身不能被浏览器读取，必须使用Babel和webpack等工具将其转换为传统的JS。很多开发人员就能无意识使用 JSX，因为它已经与 React 结合在一直了。} }
问题出现拉取的项目，在npm i之后左侧的源代码管理器出现了5k+的更改文件甚至更多无法显示，如下图所示。问题原因没有使用git忽略文件脚本解决办法在项目中与src同级别的目录下，添加.gitignore文件（注意前面有个点）文件内容如下图所示：实现效果如下图：附.gitignore文件常用配置.DS_Storenode_modules//dist/npm-debug.log*yarn-debug
这本书的概念与《设计模式》非常相似。我们发现，企业架构领域只有 18 年的历史，这或许可以解释围绕其确切范围、目的以及与业务架构的关系的众多争论，后者似乎是最具争议的（或至少是最激烈的）。我是在 2002 年 10 月购买的这本书，我在思考这本书中介绍的设计模式和架构风格之间的区别。正如书名所示，这本书不仅仅是一本模式集，而是一种由模式组成的语言，这是许多现代（技术）模式书籍所没有正确理解的。这里
2、创建一个压缩包：在前端，你需要使用JavaScript来创建一个压缩包。这可以通过使用第三方库来实现，例如jszip、zip.js等。1、从后端获取多个流文件：首先，确保你能够从后端获取多个文件的流（stream）或者二进制数据，这些文件通常以某种格式（例如ZIP、RAR、TAR等）进行压缩。3、将流文件添加到压缩包：对于每个流文件，使用库提供的方法将它们添加到压缩包中。4、生成压缩包：一旦你
antd-design-pro项目引用微前端，使用qiankun实现动态路由加载
最近遇到一个功能：即将多个文件服务器中的PDF文件合并为一个PDF文件进行下载打印操作。话不多说开搞。
@(关于chrome中如何安装react-devtools开发工具)关于chrome中如何安装react-devtools开发工具安装react-devtools的前提是本地安装了git 以及node1.首先访问官网：https://github.com/facebook/react-devtools/tree/v32.按照提示,复件项目文件的github地址3.在命令行中运行命令git clon
1.git 下载react-devtools-3.ziphttps://github.com/facebook/react-devtools/tree/v32.解压 打开 进入react-devtools-3文件夹3.在文件夹内右击 选择或者cmd运行 以cd react-devtools-3的方式进入也可以（注意 切换为自己的实际路径，且之后不能更改）4.进入到react-devtools-3文
IRFB4227PBF 是由Infineon Technologies（英飞凌科技）制造的一款功率半导体器件，它是一种高性能N沟道增强型金属氧化物半导体场效应晶体管（MOSFET）。该器件具有低导通电阻、高耐压和高速开关特性，适用于各种高效率和高频率的电源转换和驱动应用。3. 低导通电阻：典型的导通电阻值为0.42Ω（最大值为0.55Ω），在高电流应用中可实现低损耗和高效率。5. 封装形式：TO-
Promise基本用法const p = new Promise(resolve,reject){/*异步操作的代码*/if(true){resolve()}if(false){reject()}}p.then(value=>{console.log('中奖了',value)},reason=>{console.log('没中奖',reason)})XMLHttpRequest基本用法
使用原生ajax导出后端返回的文件，前端用blob处理后端返回的二进制数据流，导出Excel格式的文件。const infoExport = () => {后端真实的路径是："/call/api/orderName/export"以下url中第一个api是 proxy需要转发的API前缀 因为我们现在都是前后端分离的项目，需要代理转发才能连接到服务器。本人亲身体验，在这里采坑2天时间，想的是
VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段自定义代码片可以极大地提高我们的工作效率！1.文件=>首选项=>用户代码片段（或者左下角设置–》用户代码片段）2 . 我以.jsx文件为例：3 .将里面的代码跟改为以下代码：(保存就可){"JSX": {"prefix": "jsx", //触发的关键字输入jsx按下tab键"body": ["
Charls配置本地文件映射Charls跨域问题
ts一些解决vscode飘红的方法
2026年的春天，如期而至的“金三银四”，对于前端开发者而言，却带着一丝料峭的寒意。当你打开这份资料时，或许正经历着职业生涯中前所未有的迷茫与焦虑。打开招聘软件，你会发现市场依旧活跃，但属于自己的那个机会似乎变得遥不可及，朋友圈里，充斥着“行业寒冬”、“35岁危机”、“AI抢饭碗”的论调。我们听到了太多真实且扎心的故事：在长沙创业的老齐，眼看着小程序报价从几年前的20万一路跌到2万，甚至还要附赠服
摘要： AudioDock是一款开源多端音频播放器，支持桌面、移动和Web端，具备有声书/音乐双模式切换、多设备同步、元数据解析等功能。项目已完成核心开发，支持Docker部署和多用户联动，未来计划加入TTS有声书生成和云盘聚合。开发者旨在为NAS用户提供更便捷的音频体验，欢迎关注GitHub项目（https://github.com/mmdctjj/AudioDock）获取最新进展。
/使用Commonjs模版语法导出，//告诉 ESLint 这是根配置文件，停止向上查找父目录的 ESLint 配置，避免继承项目根目录外的配置，确保配置的独立性//xxx团队自定义的通用规则,xxx/reactReact 相关规则集,xxx/typescript TypeScript 相关规则集,顺序很重要: 后面的规则会覆盖前面的规则//可以覆盖或补充 extends 中的规则rules: {
这项技术由Norman Di Palo和Edward Johns开发，展示了如何利用现成的基于文本的Transformers模型，在没有额外训练的情况下，进行少量样本的视觉模仿学习。这种方法的一个关键优势是，尽管这些模型是在语言上训练的，但它们在将视觉关键点观察转换成动作轨迹方面表现出色，在数据量较少的情况下，性能与或优于现有的最先进技术。LLM 不仅仅关乎特定语言的能力，还关乎对广阔世界的理解。
遇到了vscode软件打开后黑屏的问题，系统为windows尝试了网上说的很多种方案：如：配置属性那里，勾选兼容性或者管理员权限打开上述两个方法不但没有很好的解决问题，还引入了新问题，让我这个菜鸟更是一个头两个大…but，接着我又找到一个好的方案，尝试了一下，是我要的效果，很好的解决了我的问题。下面是解决方案：（知识均来自互联网&我的加工理解）1.点击下载：https://do...
【代码】使用Android夜神模拟器。
AudioDock（声仓）音乐播放器安卓版正式发布！这款基于Web技术的多端播放器支持音乐/有声书双模式切换、多设备接力播放、元数据解析等功能。用户可通过GitHub下载APK安装包，安装后登录即可使用。移动端新增拼音排序和侧边栏过滤功能，并完美适配手机和平板不同屏幕尺寸。该播放器目前已发布Web端、桌面端和移动端，预计明年年初将推出正式版移动端和小程序。项目开源地址：https://github
请注意，Java的Arrays.sort()方法使用了Timsort的实现，因此你不需要自己实现Timsort算法，除非你有特殊的。以下面的数组为例：arr[] = {4, 2, 8, 6, 1, 5, 9, 3, 7}。排序后的运行[2, 4], [6, 8], [1, 5, 9], [3, 7]最终合并的运行结果[1, 2, 3, 4, 5, 6, 7, 8, 9]更新后的数组：[2, 4,
Next.js 可以部署到任何支持 Docker 容器的托管服务提供商。在部署到 Kubernetes 等容器编排器或在任何云提供商的容器内运行时，都可以使用这种方法。到自己的项目根目录 （这个 dockerfile 只针对于纯 nextjs实现的，如果你写的项目里有例如 python，需要自己把 python 的依赖给装上）另外需要注意的没有public文件夹的时候需要手动创建一个，否则会报错。
随机森林降维 特征选择 重要性排序在数据科学的领域中，处理高维度数据是常有的挑战。过多的特征不仅会增加计算成本，还可能引入噪声，影响模型的准确性。随机森林作为一种强大的机器学习算法，在降维、特征选择以及重要性排序方面有着独特的优势。
reactjs
——reactjs
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
魔乐社区
2048 AI社区
