前面的话 使用Facebook官方推出的create-react-app脚手架，我们基本可以零配置搭建基于webpack的React开发环境。但是，如果需要个性化定制，则还需要基于create-react-app进行再配置 环境变量【设置】 在根目录下新建.env文件，可以用于本地环境变量覆盖 如在该文件中进行如下设置PORT=2000 则开发服务器会在2000端口开启服务【默认
一、react hook知识1、基本使用最常用的Hook，有两个：useState、useEffectimport React, { useState } from "react";
export function Count() {
const [count, setCount] = useState(0);
return (
<>
<button onClic
Prettier 是一个有见识的代码格式化工具。它通过解析代码并使用自己的规则重新打印它，并考虑最大行长来强制执行一致的样式，并在必要时包装代码。如今，它已成为解决所有代码格式问题的优选方案；支持 JavaScript、 Flow、 TypeScript、 CSS、 SCSS、 Less、 JSX、 Vue、 GraphQL、 JSON、 Markdown 等语言，您可以结合 ESLint 和 P
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阅读
{
"parser": "babel-eslint",
"extends": "airbnb",
"rules": {
"generator-star-spacing": [0],
"consistent-return": [0],
"react/forbid-prop-types": [0],
"react/jsx-filename-extension": [1, { "extensions":
通过让组件管理自己的状态，任何时候该状态发生变化了，React 将知道并自动对页面做出必要的更新。这是使用 React 构建 UI 组件的关键优势之一：如果要重新渲染页面，我们只需考虑更新状态。每次有更新时，我们不需要知道到底是页面的哪个部分发生变化了，也不需要判断如何有效的重新渲染页面，React 会对比之前的输出和新的输出，判断哪些改变了，并为我们做出决策，这个流程称为一致性比较
React简介React起源于FaceBook的内部项目，因为该公司对市场上的javaScript MVC框架，都不满意，遂决定自己写一套，用来架设Instagram（照片的网站）。做出来之后觉得很好用，于是在2013年5月进行开源了。由于React的设计思想及其独特，属于革命性创新，性能卓越，代码逻辑却非常简单，所以越来越多的人开始关注并使用，其将成为未来Web开发的主流佛工具。两个重要概念：&
Vue3-Cli和Vite的基本使用Vue CLI脚手架什么是Vue脚手架？我们前面学习了如何通过webpack配置Vue的开发环境，但是在真实开发中我们不可能每一个项目从头来完成。所有的webpack配置，这样显示开发的效率会大大的降低；所以在真实开发中，我们通常会使用脚手架来创建一个项目，Vue的项目我们使用的就是Vue的脚手架；脚手架其实是建筑工程中的一个概念，在我们软件工程中也会将一些帮助
题目链接：NOI题库 http://noi.openjudge.cn/ch0201/1813/poj 1222 http://poj.org/problem?id=1222
总时间限制: 1000ms 内存限制: 65536kB
描述
有一个由按钮组成的矩阵，其中每行有6个按钮，共5行。每个按钮的
Eslint安装这个是 nodejs 环境下的 eslint 工具，没有这个的话 sublime 就是通过调用这个来进行 eslint 检查的$ npm install eslint -g
# 或者
$ cnpm install eslint -gSublime配置（要配置eslint的小伙伴们，应该都是知道sublime插件安装方法的，我就不重复了）1.安装 SublimeLinter 插件 和
在经历过比较大型的项目协同开发后，代码规范成为了团队协同开发的棘手问题。今天，准备从头整理一份从编辑器 -> 代码编写过程中的规范总结。一、代码风格统一这里推荐使用 EditorConfig 配置，来规范不同的编辑器，不同的编辑器配置，所造成的代码风格不一致问题。项目根目录创建 .editorconfig 配置文件# 表示是最顶层的 EditorConfig 配置文件
root = true
本文将 MobX 与 React Native 结合，编写一个简单的列表客户端。这是学习使用 MobX 和 React Native 的一个不错的起点。查看最终的代码库，点击这里。MobX 是一款精准的状态管理工具库，对我来说非常容易学习和接受。我在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux，但我会毫不犹豫地说，MobX 的简单性立即
转载
2024-07-26 15:05:55
49阅读
本来计划是将一个React工程部署在自己的Centos虚拟机中，但是因为一些网络和安全问题暂时停止了这个计划，于是就把该项目转移到阿里云服务器中，这篇笔记记载了如何从第一步开始直到浏览器通过IP可以访问你的React项目为止。1.编译你的React项目我的项目是通过create-react-app脚手架创建的，当项目编写完成之后可以执行package.json下面的build脚本就可以了：npm
开始之前，先了解目前常用的 React 国际化插件：The Best Libraries for React i18n。因为看上去使用方法比较简单，我先选择了 react-i18next。但是使用过程中遇到很多问题，不想继续浪费时间，于是转而使用react-intl。事实证明及时改变方案是明智的。React IntlReact Intl 用于国际化 React 组件，提供 React 组件和 AP
1.首先在vscode中运行npm i eslint-plugin-react-hooks -D安装依赖；2.然后打开package.json进行配置： "eslintConfig": {
"extends": "react-app",
"plugins": [
"react-hooks"
],
"rules": {
"react-hooks
原创
2021-04-22 08:51:53
1404阅读
此方法只适用于Windows10及更高版本1.目的有时候，我们需要找到知道某一时间段内某个应用程序对系统做了哪些修改，例如：1.1.Windows专业版有组策略(一种高级系统设置)，家庭版没有，但是实际上对组策略的修改就是对注册表的修改，如果知道注册表值，就可以应用到家庭版中1.2.彻底清理某个软件。例如迅雷，在正常情况下卸载后会发现Internet Explorer的加载项没有删除。我们可以在一
虽然敲代码已经很多年，由于主要的开发语言一直是Java，IDE仅仅用过比较主流的Eclipse和Android Studio。vim对程序员来说肯定是家喻户晓，但接触机会非常少，加之习惯了Eclipse和代码补全功能，一直以来对vim算是敬而远之。然而现在工作的地方不知为何刮起了vim风，有幸收获了一些关于使用vim的经验。对IDE和自己的开发环境进行了一些整顿。当然下面提到的一些插件和工具都是很
有的时候用vue-cli创建好项目之后，写代码时会出现换行和空格报错，出现这么写错误是什么原因呢？相信第一次接触时有点摸不着头脑。其实是在你用vue-cli脚手架构建项目时用了ESLint代码检查工具，如下图解决方案很多种，最简单就是在创建项目初始化时，在这个选项选择N即可。 （1）ESLint介绍 官网是这用介绍的： ES
Vite vue3 ESLint 配置1. 使用 Vite 创建一个项目# npm 6.x
npm create vite@latest my-vue-app --template vue
# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue
# yarn
yarn
一. 遇到的问题平时在写VUE的时候，总是在运行时看到各种警告，例如酱紫： Vue运行时的格式警告 那么这些警告是什么？经过一顿操作之后，才知道，原来这个是vue的ESLint。ESLint主要是用来校验代码风格的。个人或者团队都会有一个ESLint规则，用来统一代码风格。这里放上vue官方规则： https://github.com/vuejs/eslint-
转载
2024-10-30 19:28:09
91阅读
