鱼是一只鱼啊的博客_CSDN博客-前端,React,Vue领域博主

$(…).parents(…).addSelf is not a function解决办法：addSelf改为了addBacke.indexOf is not a function解决办法：$(window).load(function(){})换为$(window).on('load',function(){})

2022-05-11 16:58:56 1986

原创微信小程序下载图片预览和真机调试均无问题,发布到远程后点击下载没有任何反应

微信小程序下载图片预览和真机调试均正常，发布到远程后无法下载图片1.下载图片关键代码 //保存图片 clickMe: function(e) { let that = this let indX = that.data.currentIndex let srcUrl = ygSwitch.getImgUrl(that.data.dataSource[indX].pic) wx.getImageInfo({ src: srcUrl, succes

2022-04-29 15:33:35 1103

原创 div中有表格，超出了div的宽度

固定宽度div中有一个table,table设置宽度100%，但是发现table中的内容有一部分被隐藏掉了，实际内容宽度超过了div的宽度实际效果图：表格内容超出了div的宽度，但是超出部分是被隐藏的期望效果图：表格关键部分<table cellpadding="0" cellspacing="0" border="0" width="100%" bordercolor="#000000" style="border-collapse: collapse;" id="mTable">

2022-04-08 17:06:27 807

原创 nodemon安装

nodemon 是一款非常实用的工具，用来监控你 node.js 源代码的任何变化和自动重启你的服务器npm install -g nodemon

2022-04-01 22:12:19 1268

原创 node初始化package.json文件

执行以下命令即可生成package.json文件 npm init -y

2022-04-01 22:06:04 221

原创 node fs文件系统模块简单操作

readFile读取文件内容//导入fs模块const fs=require('fs')// 调用fs.readFile()方法读取文件// 参数1：读取文件的存放路径// 参数2：读取文件时采用的编码格式,一般默认指定utf8// 参数3：回调函数,拿到读取失败和成功的结果 err datafs.readFile('./xxx/xx.txt','utf8',function(err,data){ if(err){ console.log('读取文件失败,错误信

2022-03-15 20:21:49 597

原创 vscode中如何实现node代码提示

vscode中没有node代码提示，安装@types/node以后就可以了哦~types/nodenpm install --save-dev @types/node

2022-03-14 21:39:03 3433 2

原创 js easyui为所有 ajax请求请求在headers中携带token参数

jQuery.ajaxSetup() 方法设置全局 AJAX 默认选项。可在此处为所有的请求的header参数中带上token值，同时也能设置一些其他的默认选项 $.ajaxSetup({ cache: false, headers: { "token":"这里放token值" }, });...

2022-03-07 16:52:38 940

原创小程序图片裁剪插件image-cropper实现个人头像上传裁剪功能

小程序图片裁剪插件image-cropper实现个人头像上传裁剪功能参考文档：小程序图片裁剪插件 image-cropper整体效果流程图一、第一步引入image-cropper,放在dist文件夹下image-cropper.wxml <view class='image-cropper' catchtouchmove='_preventTouchMove'> <view class='main' bindtouchend="_cutTouchEnd" bindt

2022-02-22 14:50:25 2645 2

原创 React Effect Hook

Effect Hook 可以让你在函数组件中执行副作用操作(用于模拟类组件中的生命周期钩子)，可以把useEffect Hook看做 componentDidMount（）、componentDidUpdate()、componentWillUnmount()三个函数的组合官方文档说明：使用Effect Hook语法说明React.useEffect(()=>{ //这里可以执行任何带副作用操作 return ()=>{//在组件卸载前执行 //在

2022-02-15 23:07:22 237

原创 React StateHook的使用函数组件中通过hook使用state及其他的React特性

Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。官方文档地址：使用 State Hookimport React, { Component } from "react";function Demo() { console.log("demo"); const [count, setCount] = React.useState(0); const [weather, setWeather] = Reac

2022-02-15 20:45:37 335 1

原创 React lazyLoad懒加载

在React中使用lazy懒加载效果图目录结构index.jsimport React from "react";import ReactDOM from "react-dom";import App from "./App";import { BrowserRouter } from "react-router-dom";ReactDOM.render( <BrowserRouter> <App /> </BrowserRouter&gt

2022-02-14 22:56:15 503

原创 react npm run build报错MiniCssExtractPlugin is not a constructor

在执行react打包命名npm run build时候报错 MiniCssExtractPlugin is not a constructor解决办法：降低版本npm i -D --save-exact mini-css-extract-plugin@2.4.5之后再打包即正常啦

2022-02-08 22:05:37 584

原创 react-redux开发者工具的使用 redux-dev-tools

chrome浏览器点击右上角自定义及控制的图标找到更多工具=》扩展程序，然后点击加载已解压的扩展程序，找到解压好的工具文件夹，选择文件夹即可。然后安装redux-devtools-extensionnpm add redux-devtools-extension或者yarn add redux-devtools-extension在store中进行配置/**该文件专门用于暴露一个store对象，整个应用只有一个store对象 *///引入createStore,专门用于创建redux中最为核心

2022-02-06 14:42:13 10448

原创 vscode如何设置大小写转换的快捷键

文件=》首选项=》键盘快捷方式在搜索框中输入转换即可查询到转换为大写和小写，点击左边的编辑或者添加符号即可进行快捷键的设置. 这里我设置的是CTRL+T+U为转换为大写，CTRL+T+S为小写

2022-02-05 16:46:20 4873

原创小程序实现商品查询分页功能自动加载下一页

界面示意图，可以输入商品名称进行商品搜索，往下滑动的时候滑动到底部自动加载下一页数据，当数据加载完以后，显示暂无更多数据。整体界面采用flex布局css样式关键部分page { display: flex; flex-direction: column; position: relative;}.goodsWrap { flex: 1; display: flex; overflow-y: auto;}视图关键部分<scroll-view scroll-y='tru

2022-01-25 11:27:36 1155

原创淘宝个人卖家如何进行免登声明

卖家登记声明根据国家法律法规规定，网络交易经营者应当办理营业执照并“亮照”公示，或进行“免登声明”。若您符合免登情形则无需办理营业执照，直接进行声明即可。若您不符合免登情形，您需要办理营业执照并亮照到淘宝网。中华人民共和国单子商务法网络交易监督管理办法个人从事零星小额交易活动，依法不需要办理市场主体登记，不超过10万元则可以无需办理营业执照哦~入口：体检中心=》卖家登记声明=》免登声明如果属于零星小额交易，则可以选择第一个选项即可进行免登声明后也是可以更改的哦...

2022-01-18 21:44:36 8923 1

原创 redux求和案例-异步action版

效果图npm add redux-thunkCount组件中，原本使用settimeout的地方改为调用异步actioncomponent=>Count=>index.jsximport React, { Component } from 'react'//引入store,用于获取redux中报错的状态import store from '../../redux/store'//引入actionCreator，专门用于创建action对象import { creat

2022-01-18 21:18:21 616

原创 redux求和案例-完整版

相较于简单版本新增了2个文件 1.count_action.js专门用于创建action对象 2.constant.js放置容易写错的type值redux文件夹中新增count_action.js文件/**该文件专门为Count组件生成action对象 */import{INCREMENT,DECREMENT} from './constant'export const createIncrementAction=data=>({type:INCREMENT,data})export

2022-01-17 22:18:19 251

原创 redux求和案例-精简版

效果图安装redux,此处安装的版本是4.1.2npm add reduxApp.jsimport React, { Component } from 'react'import Count from './components/Count'export default class App extends Component { render() { return ( <div> <Count/&

2022-01-16 18:56:59 285

原创 antd自定义主题 craco-less安装失败问题

antd默认的按钮颜色是蓝色，现在想要改变它的主题为绿色在初始化craco-less的时候出错，然后尝试了降低craco的版本以及安装指定craco-less指定版本都没有解决，后来仔细看错误提示找到了一个解决办法解决办法，执行npm i -S craco-less --force就可以正常安装成功了npm i -S craco-less --forcecraco.config.js//配置具体的修改规则const CracoLessPlugin = require('craco-les

2022-01-10 22:35:13 1868 5

原创 react crao配置antd按需引入样式

先参照官方文档高级配置首先执行npm add @craco/cracoadd @craco/craco修改package.json中关于scripts中的配置，保留绿色部分，去除红色部分，eject这里暂时没有管"scripts": { "start": "craco start", "build": "craco build", "test": "craco test", "eject": "react-scripts eject" },然后初始化bab

2022-01-06 22:25:50 820

原创 You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)

在执行create-react-app demo创建项目的时候，报错。提示以下信息You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).We no longer support global installation of Create React App.解决办法：首先卸载create-react-appnpm uninstall -g create-react-app然后

2022-01-06 21:54:16 2014 2

原创 React v6.0 编程式路由导航

效果图src目录结构App.jsimport React, { Component } from "react";import { Route, Routes,Navigate } from "react-router-dom";import Home from "./pages/Home"; //home是路由组件import About from "./pages/About"; //about是路由组件import Header from "./components/Header";

2022-01-05 21:09:28 626 1

原创 react-router6.0 路由state传参并接收

Message/index.jsximport React, { Component } from "react";import { Link, Route, Routes } from "react-router-dom";import Detail from "./Detail";class News extends Component { state = { messageArr: [ { id: "1", title: "消息1" }, { id: "2"

2022-01-02 13:19:33 705 2

原创 react-router-dom v6.0向路由组件传递params参数无法接收问题

资讯列表页面路由传参代码关键部分 <Link to={`/home/message/detail?id=${msgObj.id}&title=${msgObj.title}`}>{msgObj.title}</Link> <Routes> {/**声明接收params参数 */} <Route path="detail/:id/:title" element={<Detail />}></R

2021-12-28 21:53:06 1776 6

原创 mvc视图存在，本地调试正常发布以后提示未找到视图

问题本地调试点击按钮打开分布页，可以正常显示，发布到以后，提示视图文件未找到解决办法选中文件，查看属性。看生成操作是否为内容。如果不是内容，则发布到线上以后就会有问题哦。总会提示找不到这个分布视图...

2021-12-27 13:03:37 295

原创 react-router v6.0嵌套路由

效果图App.jsimport React, { Component } from "react";import { Route, Routes,Navigate } from "react-router-dom";import Home from "./pages/Home"; //home是路由组件import About from "./pages/About"; //about是路由组件import Header from "./components/Header"; //header

2021-12-20 22:03:41 2956 6

原创英语词汇量测试的网站

Testyourvocab

2021-12-19 20:39:01 397

原创 react router 6.0‘Redirect‘ is not exported from ‘react-router-dom‘

在使用Redirect设置默认路由的时候，报错 'Redirect' is not exported from 'react-router-dom' 原因：react6.0已经不再支持Redirect了解决办法如下：使用Navigate <Route path="*" element={<Navigate to ="/about" />}/>...

2021-12-19 20:08:59 2207

原创 React多级路径刷新页面样式丢失问题

刷新后解决办法public/index.html中引入样式时不写./写/(常用)public/inex.html中引入样式不写./写%PUBLIC_URL%（常用）使用HashRouter

2021-12-19 17:22:44 85

原创 bootstrap 模态框禁止点击弹窗外部区域自动关闭

data-backdrop ：禁止点击弹窗外部区域自动关闭data-keyboard：禁止esc关闭弹窗<div class="modal fade" id="modal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"></div>...

2021-12-09 15:44:15 854