代码笔墨
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于我
  • 友链

macos之修改指定ip

1、打开访达 2、command➕shift➕G 搜索 /ect 3、在 ect 文件夹中找到 host 并复制一份在桌面上 4、修改桌面的 host 文件 12# 本地IP 要修改指定的域名192.168.0.132 issuse.com 5、覆盖 ect 文件夹中的 host 文件
2024-11-27
技术分享 > macos
#macos

React之路由的使用

配置 React Router(react-router-dom V6 整理) 安装 react-router-dom 1npm i ract-router-dom 配置项目根目录的 index.js 1234567891011121314151617import React from "react";import ReactDOM from "react
2024-11-27
技术分享 > web前端
#web前端 #React

React之设置文件夹别名

前端开发小技巧 - 【React】- 配置@别名路径 以及 路径联想 安装 caro 工具包 1npm i `@craco/craco -D 在项目根目录下 创建 craco.config.js 配置文件 12345678910111213// 从 node 中导入 内置的 path 模块const path = require("path");module.expor
2024-11-27
技术分享 > web前端
#web前端 #React

React之渲染HTML节点

获取 HTML 节点并存储 渲染 1234567891011121314151617const RenderIndex = () => { // 假设这是获取到的HTML节点 const info = '<div>龚铱⽩真可爱</div><div><span style="color:pink"&
2024-11-27
技术分享 > web前端
#web前端 #React

React之组件通信

父传子 12345678910111213141516171819202122232425import { useState } from "react";// 导入组件import InputComponents from "./app";const RenderIndex = () => { const [input
2024-11-27
技术分享 > web前端
#web前端 #React

React的生命周期

# Hooks 与 React 生命周期的关系 # react Hooks 与 React 生命周期的关系 useState:定义并初始化数据 1234567891011121314151617import { useState } from "react";const RenderIndex = () => { const [co
2024-11-27
技术分享 > web前端
#web前端 #React

React之使用Scss

Scss 基本使用(变量、嵌套) 安装 node-sass 1npm i node-sass -D 创建文件夹并新建一个 xx.scss 的文件 123456789.container { width: 100vw; height: 100vh; background-color: #afa407; .text { font-size: 20px;
2024-11-27
技术分享 > web前端
#web前端 #React

React的安装

React 教程 1、安装环境 1npm install -g create-react-app 2、查看脚手架版本号 1create-react-app -V / create-react-app -version 未安装成功 / 未安装会展示 安装成功会展示版本号 3、创建应用 安装全局环境 1create-react-app 项目名 未安装全局环境 1npx create
2024-11-27
技术分享 > web前端
#web前端 #React

js之String的使用

字符串截取 str.sclice(startIndex,[endIndex]) \(\Rightarrow\) 返回一个新的 startIndex~endIndex 之间的字符串 12345678function sliceString() { let string = "helloWorld"; console.log("slice==>&q
2024-11-27
技术分享 > web前端
#web前端 #javaScript

js之Object的使用

浅拷贝:会改变原有数据 深拷贝:不会改变原有数据 Object.assign(obj, obj1) \(\Rightarrow\) 合并两个对象为一个==(此方法为浅拷贝)== 1234567891011const dealObj = (val) => { const obj = { name: "苏小妍&q
2024-11-27
技术分享 > web前端
#web前端 #javaScript
1234

搜索

Hexo Fluid