北冥の魚

一、问题：　　大家都知道在HTML中有三种使用CSS的方式，分别是：内联样式、内部样式、外部样式。外部样式，在head部分使用link标签引入外部写入css样式表的文件，示例如下：，同时，在项目根目录下创建index.css文件，并写入样式。修改后我们刷新页面，发现页面背景色没有变成绿色, 不仅如此，我们在标签里引入一张图片。发现不仅引入的外部样式表不起作用，图片也同样无法正常显示。这是为什么呢？　　当然，我们不能光想，而是要去分析，我们打开chrome浏览器的开发者模式，在右侧找到 network并点

背景node-sass下载速度慢，甚至下载报错。本地编译速度慢。而官方极力推荐使用Dart-sass，Dart运算速度快、易于安装所以希望在React项目中使用dart-scss。使用步骤：命令行安装yarn add dart-sass安装成功后将css文件后缀修改为scss，结果报错告知使用node-scss。查了一下才知道React只支持node-scss不支持dart-scss。于是google上输入create react app dart sass搜索研究，在github的crea

2021-07-22pages目录在Next.js中路由的概念是pages下的文件目录即是路由层级，文件即是路由如下：直接在根目录下的pages文件夹下，新建一个jsyang.js页面，启动后 访问路径为/jsyang// pages ---路由文件// _app.js ---启动文件，不走路由// _document.js ---宿主文件，不走路由// a.js

[本文日期：2021年7月6日]使用node 版本 12，node-sass 安装的版本是4.14.1,react版本为"react": “^17.0.2”,安装之后报错 Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 12.xerror in ./node_modules/vue-loading-spinner/src/components/RotateSquar

在vsCode中react中写html不会自动补全20210705自动补全的方法：文件 — 首选项 ----设置搜索 includeLanguages，找到这个点击到settings.json文件点击添加项，将 "javascript": "javascriptreact" 添加进去即可如果搜索设置搜索到的是json文件,则按照如下规则添加"emmet.includeLanguages": { "javascript": "javascriptreact" }就可以在reac

react中点击事件带参数会立即执行2021-07-05环境：本次使用版本为"react": “^17.0.2”之前的版本也有同样的问题，点击事件存在该问题，其他事件同理；问题代码如下，用该种方式写点击事件则页面初始化的时候就会执行该事件import './App.css';const App = () => { const btnAction=(a)=>{ console.log(this,a++); } return ( <div classNa

文件后缀为tsx发送请求时showLoading(), 请求失败hideLoading()import ReactDOM from 'react-dom';import axios from 'axios';import Qs from "qs";import {Spin} from "antd";const Axios = (url:string,method:any='get',params:{}={}, isAuth:boolean=false)=>{ const Base

SWR用于数据请求的 React Hooks 库“SWR” 这个名字来自于 stale-while-revalidate：一种由 HTTP RFC 5861 推广的 HTTP 缓存失效策略。这种策略首先从缓存中返回数据（过期的），同时发送 fetch 请求（重新验证），最后得到最新数据。使用 SWR，组件将会不断地、自动获得最新数据流。UI 也会一直保持快速响应。概览：import useSWR from 'swr'function Profile() { const { data, e

警告描述：The href attribute is required for an anchor to be keyboard accessible.Provide a valid, navigable address as the href value.If you cannot provide an href, but still need the element to resemble a link, use a button and change it with appropriate s

为什么要存储react-redux中的数据？当页面刷新之后，redux中的数据会回到初始值，之前存储到redux中的数据也就不复存在了。废话不多说，直接上代码：在reducer文件中：let shopDetailInfo = sessionStorage.getItem(‘shopDetailInfo’)?JSON.parse(sessionStorage.getItem(‘shopDeta...