一、为何报错会导致渲染异常？在React中，未捕获错误会导致DOM被卸载, 浏览器无法渲染。 为何React选择完全移除错误的DOM呢，我们可以看看官网中的这段话：未捕获错误（Uncaught Errors）的新行为这一改变具有重要意义，自 React 16 起，任何未被错误边界捕获的错误将会导致整个 React 组件树被卸载。我们对这一决定有过一些争论，但根据我们的经验，把一个错误的 UI 留在
转载
2024-03-09 15:52:08
413阅读
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阅读
一、认识入口文件React 中，app/main.js 叫做入口文件，这个文件是 webpack.congifg.js 的 entry 标识的文件。任何项目入口文件只能有 1 个。入口文件写法：import React from "react";
import ReactDom from "react-dom";
import App from "./App";
ReactDom.render(
转载
2024-09-12 22:25:44
107阅读
1、React native: Cannot add a child that doesn’t have a YogaNode or parent node
该错误一般是因为render方法中注释语句写法不正确，render的return函数里面的注释语句应该写在 {} 里面，而不是直接 //，正确写法：{/*注释语句 */}2、make sure your bundle is packaged
转载
2024-04-24 12:04:50
76阅读
1、错误描述：error Unnecessarily quoted property 'xxx' found quote-props
报错详情：找到不必要的引用属性“ xxx”，引用属性 解决方案：xxx没必要加引号，在文件中指定行内去掉xxx引号，刷新即可。2、错误描述：Object properties must go on a new line if they aren't all on t
转载
2024-05-07 21:51:08
1331阅读
编程风格要统一编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊到了新公司后团队中的每个人也都有各自一套的编程习惯，撸起代码来是挡也挡不住啊，什么都别问，老夫就是干，哈哈，每个coder的代码风格都大相径庭不过话说回来，在团队开发中，所有的代码看起来风格一致是极其重要的，所以我们也需要一些代码检查工具，从JSLint,JS
转载
2024-09-23 16:14:02
98阅读
一、vue-cli脚手架创建的默认eslint规则代码末尾不能加分号 ;代码中不能存在多行空行tab键不能使用，必须换成两个空格代码中不能存在声明了但未使用的变量二、如何关闭ESLint这里只介绍vue-cli脚手架的关闭方法，把build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。module: {
rules: [
// {
//
转载
2024-09-14 21:36:34
48阅读
文章目录一、简介二、Eslint2.1 简介2.2 配置文件2.3 具体配置2.3.1 parserOptions解析选项2.3.3 rules规则2.3.4 extends继承2.4 使用2.4.1 安装依赖2.4.2 定义Eslint配置文件2.4.3 配置Eslint插件2.4.4 测试2.5 VSCode ESLint插件三、Babel3.1 简介3.2 配置文件3.3 具体配置3.3.
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阅读
文章目录第一种方法安装vue脚手架的时候可以关闭。第二种方法已经搭建好项目了，在项目配置文件中关闭。 我们在使用vue-cli 脚手架的时候，为了规范代码格式，会有一个代码检测，如果不符合就会报错，如果我们自己写代码不想用，我们可以去关闭。我目前只知道这两种方法 注：我本人觉得，如果在开发项目的时候，防止团队代码格式不统一的各种问题，建议装上代码规范检测，如果私下写代码，可以暂时不装，不过我感觉
转载
2024-04-22 17:48:14
418阅读
关于关闭 ESLint 语法检查ESLint 是一个插件化的 javascript 代码检测工具，它可以用于检查常见的 JavaScript 代码错误，也可以进行代码风格检查，能够很好的执行编码规范，提高项目代码的质量。 但是开发或是学习当中，有时候模板是从github或是gitee上下载下来的半成品项目，项目内部做了好些相关的项目配置，比如Eslint检查，如果你没有安装或是配置Eslint相关
转载
2024-05-08 13:18:23
51阅读
.eslintrc 详细配置大全/**
* 参考文档
* 【eslint英文文档】https://eslint.org/docs/user-guide/configuring
* 【eslint中文文档】http://eslint.cn/docs/rules/
*/
/**
* eslint有三种使用方式
* 【1】js代码中通过注释的方式使用
* 【2】通过webpack的esl
转载
2024-10-21 18:33:48
113阅读
背景介绍最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后，使用Modal 组件的地方界面无法延伸到状态栏，导致使用Modal实现的弹窗背景蒙层顶部会有一个白条，看起来很不爽，在经过一番搜索之后，发现react-native github 上有人提这个问题，但是没有解决。因此就
在vue创建项目中，选择eslint+Standard config -标准规范-在保存时就开启检查eslintrc.js配置，没反应重启项目语法报错，根据错误提示，去eslint官网搜索规则在eslintrc.js文件中rules中添加或者修改规则，自定义的规则大于extends的规则eslint的规则很多，常见的比如:- "quotes": [1","single" ] //单引号
- "se
转载
2024-06-27 20:33:20
652阅读
序言：本篇介绍React下载安装以及环境搭建 目录一、Nodejs安装二、create-react-app安装三、创建/启动React程序四、编码工具VScode 一、Nodejs安装Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境（运行js需要node.js）。因为React是JavaScript库，所以需要安装Node.js1、下载node.js 可以去官
.eslintignore主要作用是忽略哪些文件的语法检查build/.js //表示忽略build目录下类型为js的文件的语法检查 config/.js //表示忽略config目录下类型为js的文件语法检查.stylelintrc.jscss代码的语法检查.eslintrc.jsjs代码的语法检查代码提示出现很多奇奇怪怪的错误提示，因为是eslintrc.js文件没有配置相关命令默认eslin
转载
2024-04-07 08:40:35
433阅读
前言对于 ESlint 这一块一直存在一些疑问，今天看到一个文章内容挺好的，这里拿来了。一、eslint 安装1、全局安装npm i -g eslint全局安装的好处是，在任何项目我们都可以使用eslint的全局命令进行代码规则操作，但是这对我们的意义并不大，后续会详细介绍；全局安装之后，要求相关的eslint插件页必须全局安装，这对多人开发项目来说会比项目安装更加繁琐。所以，我们这里采用在项目上
转载
2024-03-03 23:20:03
29阅读
webpack是什么问题：为什么在 vue 中使用 npm run build 命令就可以把开发环境中的文件进行合并？答案：无论是 vue 还是 react、angular，使用 cli 创建出来的项目，都自动的把结构做好了，内部的 webpack 也都配置好了，项目开发完毕后，只需要执行 build 命令，就能够把 src 下的文件进行打包，这个打包功能都是由 webpack 完成的，这个配置无
********************************************************忽略某些文件一般我们总会有些文件无需纳入 Git 的管理，也不希望它们总出现在未跟踪文件列表。通常都是些自动生成的文件，比如日志文件，或者编译过程中创建的临时文件等。我们可以创建一个名为 .gitignore 的文件，列出要忽略的文件模式。来看一个实际的例子：$ ca
文件位置一、编辑git.ignore文件#======================================================================================================================
#========================================= gitignor
转载
2024-09-28 21:48:50
254阅读
