FatorFit-CSDN博客

原创关于屏幕分辨率以及媒体查询相关概念的汇总

屏幕尺寸：指的是屏幕对角线的长度，单位是 in屏幕宽度：水平方向长度，1in=2.54cm屏幕分辨率：屏幕水平和垂直方向的像素点数，单位是px屏幕宽高比（Aspect Ratio）是指显示屏（如电视、电脑显示器、手机屏幕等）的宽度与高度之间的比值，宽高比对于以正确的尺寸和比例显示图像、视频和其他内容非常重要。如果屏幕的宽高比不正确，图像可能会被压缩或拉伸，影响观看体验。2k分辨率：指的是横向（水平）上有2000个以上的像素点。

2024-05-11 09:49:42 581

原创安装npm、yarn在vscode中使用遇到的问题

在vscode中使用yarn提示无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保、但是cmd中可以正常使用npm。配置npm的全局模块的存放路径以及cache的路径，需在nodejs中创建以下两个文件夹node_global\node_cache。注意：设置完环境变量后，cmd、vscode要重启进行测试npm、yarn的使用是否正常。2、vscode中使用npm。

2023-05-19 12:03:13 1391

原创 react-testing-library

简介react-testing-library 是一个用于测试 React 组件的库，其方式类似于最终用户使用组件的方式。它非常适合 React 组件和应用程序的单元测试、集成和 e2e 测试。它更直接地与 DOM 节点一起使用，因此建议与 jest-dom 一起使用,这样可以方便的做断言。react-testing-library 可以取代enzyme库与jest结合来对react组件进行测试。官网地址：如何使用React测试库教程react-testing-libraryAPI内置断言库

2021-04-25 17:24:57 5255 1

原创 win10系统重装不含gho文件的原版镜像-某白菜+某碟通

问题描述：我的笔记本电脑一直卡在登录界面登不进去，百度之是操作系统出了问题，遂动手解决原材料：1、win10镜像【微软官网下载或者msdn下载均为官方镜像】，大白菜，软碟通遇到的问题：1、按照大白菜或老毛桃教程安装遇到：使用大白菜或者老毛桃制作启动盘，并将下载好的镜像文件放入启动盘的dabaicai目录或LAT目录下（大白菜老毛桃在U盘生成的目录）中，选择镜像时提示不是有效的镜像文件。问题原因：原版镜像不含gho文件，但是大白菜老毛桃均需gho文件2、使用软碟通对U盘进行刻录遇到：安装时

2021-04-12 17:33:31 1427

原创 url中包含特殊字符在qq聊天窗口，微信中无法直接点击访问

访问的url中包含 || 等特殊字符：在qq聊天窗口中不会完整显示为一个可以点击的链接可以使用这个网站进行转换：https://tool.chinaz.com/tools/urlencode.aspx通过这个网站，可以将特殊字符替换转换【url编码/转码】转换后如图：...

2021-03-12 11:16:04 379

原创手机访问create-react-app项目：ip地址加端口号，不需要打包

1、保证手机和电脑处在同一个局域网中：查看电脑的ip地址：注意：是无线网的ip地址不是以太网适配器的ip点击属性查看：2、经第一步得到，我的ip地址是192.168.43.185，在电脑上测试访问 http://192.168.43.185/ ，是否能够访问通。若不能，查看服务中万维网服务(world wide web)是否开启,通过以下步骤开启：win+r : cmd中services.msc找到world wide web服务后开启3、测试过程：再次测试电脑上..

2021-03-12 10:41:33 1730 1

原创 antd表格分页控件显示英文page

antd:【2021-1-26】解决表格分页控件英文显示的问题--使用之表格与分页控件的使用：官网描述：Table组件pagination属性描述：object为Pagination组件api的属性与值，按官网指示查看Pagination配置表格的paginationPagination组件官网结果示例：复制官网demo代码后运行显示英文：配置显示中文：官网指路：ant.design/docs/react/i18n-cn#header被这个组件包裹即可示例：

2021-01-26 15:59:57 5583

原创 2020react项目练习

react练习项目一：评论管理文章目录系列文章目录前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结前言由实战得真知，本练习项目是来源尚硅谷react教学视频，如有侵权，联系删除。练习项目为评论管理项目，实现的功能有增加评论、删除评论。涉及的html元素有列表、按钮，使用react的state状态管理去更新组件变化，涉及了this、static、类等基础知识。一、静态页面图二、开发步骤1.组件划分2.数据管理.

2020-11-13 11:22:36 753

转载 npm优雅的卸载npm包

【NPM】如何优雅的删除卸载 npm 包方法一方法二npm 清理缓存参考方法一我们现在假设要卸载一个 npm 包：xx-abc。npm uninstall ...

2020-07-23 10:06:16 53509 3

原创 vscode中配置eslint在react项目中使用

通过create-react-app创建react项目1、安装eslint：yarn add eslint；方式1、项目目录下安装npm install -g eslint ；方式2、全局安装npm install eslint --save-dev ；方式3、本地安装我在电脑上使用yarn add eslint，安装到了我的项目目录下2、初始化配置文件和在package.json中添加依赖，这些问题答案视自己的项目情况而定，中间会有很多警告，对这个没有什么影响。eslint

2020-07-22 12:19:15 5691

原创 react项目打包发布

使用create-react-app脚手架创建了react项目，现在想将其部署到公司的服务器上。create-react-app封装了webpack，默认隐藏了webpack的配置，可以通过执行npm run eject命令将其显示出来，也可以不使用这种方法。部署步骤：1、打包react项目：npm run build2、将其放到服务器能够访问的root目录下，如果是root目录下的项目名称文件夹下需要修改访问资源的路径（默认位置为根目录，其修改后的路径为相对路径）否则控制台报错404，

2020-06-04 12:18:34 1673

转载文档流，文本流，dom树

转载出处：作者：折木丶青梵链接：https://www.jianshu.com/p/3056fdca6fce来源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。文档流：将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素，即为普通流/文档流。文本流：文档的读取和输出顺序，也就是我们通常看到的由左到右、由上而下的读取和输出形式。脱离文档流的情况：1、float 浮动浮动会脱离文档流而不会脱离文本流，其他盒模型中的文字还是会为其让出位置，&gt

2020-06-03 15:49:45 341

原创元素堆叠问题

元素堆叠问题：https://www.cnblogs.com/yuxinpeng/p/6139916.html这篇博客写的很好，推荐大家一看【没看见作者是否允许转载的字样，也懒得去问作者了。我只能做个优秀的课代表】问题来源：使用easyui的combobox控件【html标签select】,下拉列表被object所在的控件遮挡。分析：object为窗口元素，浏览器解析页面时会先判断元素类型，窗口元素会优先于普通元素显示，非窗口元素使用position定位才能激活控制z-index属性。【这些来自上.

2020-05-22 17:28:25 668

原创 react学习第一篇

掌握一门技术，就好比你是一位蛋糕师，能够用鸡蛋面粉做出香甜可口，秀色可餐的蛋糕。评判的标准自是你对编程语言的熟悉度，就好比鸡蛋的蛋清打到什么程度可以拿来做蛋糕。你做过多少蛋糕，你的熟练度。学习react过程中，总是觉得基础的js理论在老师对react的讲解中得不到充分的体现，就像吃蛋糕的时候完全感觉不到它是鸡蛋。啊，我好无聊。然后去寻找曾是鸡蛋身影的它。----------------...

2020-03-19 10:34:15 123 1

翻译 opencv.js 之官网教程翻译加代码

毕设是基于opecv的车牌自动识别系统，身为一个正在学习前端的程序媛，想着拿js搞搞吧。opencv.js这个文件官网上是不提供的，是要自己去编译的，官网上有怎么编译的文档。这个是我在谷歌中翻译的文档，为了方便自己以后查看，顺便也给有需要的人提供帮助。毕竟现在搞opencv.js的文档很少。原版教程地址：https://docs.opencv.org/3.4.1/d5/d10/tuto...

2019-04-18 15:35:41 2554 1

qq_35276073的博客