背景介绍最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后，使用Modal 组件的地方界面无法延伸到状态栏，导致使用Modal实现的弹窗背景蒙层顶部会有一个白条，看起来很不爽，在经过一番搜索之后，发现react-native github 上有人提这个问题，但是没有解决。因此就
cd到我们的项目，安装ESlint：cnpm install eslint --save-dev2. 创建ESlint配置文件.eslintrc.js：eslint --init以上选项一路回车即可，这些就是使用的eslint规则，后面可以自定义调整；4. 安装 eslint-plugin-react 等相关依赖：cnpm install babel-eslint eslint-plugin-re
转载
2024-05-16 06:27:56
93阅读
现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。前端路由的功能可以让用户从一个视图（页面）导航到另一个视图（页面），前端路由是一套映射规则，在React中是 URL路径 与 组件 的对应关系使用React路由简单来说，就是配置路径和组件（
package.json里找到eslintConfig新增 "eslintConfig": { "rules": { "no-undef": "off", "no-restricted-globals": "off", "no
原创
2022-07-06 16:49:58
802阅读
首先 npm i quill 安装 (目前使用的 “quill”: “^1.3.7” 版)components 文件下创建 QuillRichText 文件 > index.jsimport React, { Component } from 'react';
import Quill from "quill";
require("quill/dist/quill.snow.css");
i
转载
2024-10-14 17:05:46
74阅读
2022 年 3 月 29 日，React 18 正式版发布了。新增了以下这些新功能Concurrent Mode 并发模式在 CM 模式下，React 在执行过程中，每执行一个 Fiber，都会看看有没有更高优先级的更新，如果有，则当前低优先级的的更新会被暂停，待高优先级任务执行完之后，再继续执行或重新执行。startTransitionReact 的状态更新可以分为两类：紧急更新（Urgent
转载
2024-03-06 17:30:11
108阅读
# eslint 初始化
```shell
npx eslint --init
# 第一步
# eslint检查方式
? How would you like to use ESLint? ...
# 只检查语法
To check syntax only
# 检查语法并查找问题
> To check syntax and find problems
# 检查语法、查找问题并强制执行代码样式
转载
2024-08-21 20:25:26
175阅读
Eslint：是 JavaScript 的验证工具，可以在项目中形成一套规范，检测代码是否出错等。1. 安装eslint及依赖包// 全局安装
npm i -g eslint
// 当然也可以局部安装
cnpm i -D eslint
cnpm i -D eslint-config-airbnb eslint-plugin-jsx-a11y eslint-plugin-import eslint
转载
2024-09-12 09:33:42
453阅读
修改配置文件，没有就新建 vue.config.jsmodule.exports = { lintOnSave: false}参考vue项目中关闭eslint的方法
原创
2022-03-01 09:32:18
2131阅读
修改配置文件，没有就新建 vue.config.jsmodule.exports = { lintOnSave: false}参考vue项目中关闭eslint的方法
原创
2021-07-12 10:20:22
2278阅读
一、安装git for windows首先下载git for windows客户端http://msysgit.github.io/ 安装过程没什么特别的，不停next就ok了 图太多就不继续了~~安装完之后最好重启一下。安装完成之后右键如果出现这几个东西，那么git你就安装完成了。 二、安装tortoise
修改package.json "eslintConfig": { "extends": [ "react-app", "react-app/jest" ], "rules": { "no-undef": "off", "no-restricted-globals": "off", "no-unuse
原创
2022-07-06 11:47:33
213阅读
前言React 做国际化，我推荐使用 React-intl , 这个库提供了 React 组件和Api两种方式来格式化日期，数字和字符串等。知道这个库了，那让我们开始使用它组件用法为了和React 比较融和，我们可以使用组件的方式1.安装npm install react-intl --save2.添加引用import {IntlProvider, addLocaleData} from 'rea
转载
2024-08-01 12:13:04
36阅读
如何在项目中使用eslint提升代码质量先认识一下，我是ESLint为什么我们要在项目中使用ESLintESLint实战揭秘借别人的轮子一用听说git 和ESLint更配哦Q&A1. Extra semicolon(额外的分号)2. 'fetch' is not defined 先认识一下，我是ESLint ESLint是一个语法规则和代码风格的检查工具。和学习所有编程语言一样，想要入门
转载
2024-08-20 15:30:28
184阅读
近期要做一个类似的内容，学习了一下 Vue 是如何做的。ESLint 中的扩展机制首先需要了解一下如何才能扩展 ESLint 的功能。ESLint 扩展机制主要有 Rules、Plugins、Formatters、Parsers，Formatters 目前不需要用到，因此着重看一下其他三种方式。Parser用于自定义的解析文件内容，返回 AST 给后续步骤使用。Rules用于定
转载
2024-06-03 21:34:38
98阅读
在日常开发中，一个大点的项目会有多人参与，那么可能就会出现大家的代码风格不一，各显神通，这个时候就要祭出我们的eslint。在这之前磨刀不误砍柴工，我们先来配置一下我们的代码编辑工具，如何在vscode下保存代码时让代码自动以eslint标准来保存呢。首先下载vscode就不用说了吧，那么在打开编辑器后我们在扩展商店先下载一个eslint插件ok，下载完了让我们打开vscode的设置项，方式：
转载
2024-04-22 05:42:03
1720阅读
点赞
本文是开启eslint检验和配置eslint格式化；如果想要关闭eslint，查看这篇关闭eslint方法；1.必须安装的三个插件eslint， prettier-Code formatter ，vetur2.配置setting.json3.直接将下方代码复制，黏贴在setting.json文件中 ctrl+s保存时候，自动格式化+无分号+单引号：取决于 这三个设置// 当保存代码的时候，会自动格
转载
2024-05-03 14:37:40
3480阅读
点赞
有编号1~100个灯泡，起初所有的灯都是灭的。有100个同学来按灯泡开关，如果灯是亮的，那么按过开关之后，灯会灭掉。如果灯是灭的，按过开关之后灯会亮。现在开始按开关。第1个同学，把所有的灯泡开关都按一次(按开关灯的编号： 1,2,3,......100)。第2个同学，隔一个灯按一次(按开关灯的编号： 2,4,6,......,100)。第3个同学，隔两个灯按一次(按开关灯的编号： 3,6,9,
序言：本篇介绍React下载安装以及环境搭建 目录一、Nodejs安装二、create-react-app安装三、创建/启动React程序四、编码工具VScode 一、Nodejs安装Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境（运行js需要node.js）。因为React是JavaScript库，所以需要安装Node.js1、下载node.js 可以去官
关闭eslint对声明但是为使用的变量报错
原创
2022-11-18 00:02:44
261阅读
