04 2020 档案
摘要：md5一般用来加密要传给后台得密码信息 1.安装模块 npm install js-md5 -D 2.在项目中引入模块 import md5 from 'js-md5' 3.把你需要加密的信息进行前期处理 CalcuMD5 = function (pwd) { pwd = pwd.toUpperCa
阅读全文
摘要：https://blog.csdn.net/ddx2019/article/details/102964182 https://www.cnblogs.com/chaoyuehedy/p/9947381.html 以上两种方法我用得时候报错：Uncaught Error: Malformed UTF
阅读全文
摘要：1.Redux应用场景 在react中，数据在组件中单向流动的，数据只能从父组件向子组件流通（通过props），而两个非父子关系的组件之间通信就比较麻烦，redux的出现就是为了解决这个问题，它将组件之间需要共享的数据存储在一个store里面，其他需要这些数据的组件通过订阅的方式来刷新自己的视图。
阅读全文
摘要：<div class="funbtnitem"> <img src="../../assets/img/shenhe.png" alt=""> <span>修改</span> </div> 一、通过vertical-align:middle实现现图片与文字水平对齐，需要区分html是行内元素，还是块
阅读全文
摘要：在上一篇中我们实现了BrowserRoute，这篇我们继续实现HashRouter。 本文的核心功能： HashRouter Route Link NavLink Switch Redirect withRouter 1、HashRouter HashRouter只是一个容器，并没有DOM结构，它渲
阅读全文
摘要：拍平一个数组 [1,2,[3,4,5,[6,7,8],9],10,[11,12]] 用reduce不能用flat //forEach function fn(arr) { let arr1 = [] arr.forEach((val) => { if(val instanceof Array) {
阅读全文
摘要：一、路由用法 1.安装路由库 npm i react-router-dom 2.引入 import {HashRouter as Router, Route} from 'react-router-dom' //路由库 3.使用 index.js import React from "react";
阅读全文
摘要：公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。 整体布局： 登录： 菜单： 准备工作： 1、安装elementui npm
阅读全文
摘要：React路由有两种实现方式： HashRouter:利用hash实现路由切换 BrowserRouter：利用h5 Api实现路由切换 1.1 HashRouter 利用hash实现路由切换 <body> <div id="root"></div> <a href="#/a">去/a</a> <a
阅读全文
摘要：一、这是个啥？ 相信很多人和我一样，在听到这个名词的时候第一想知道的这是个啥，是个啥咱翻一下官方文档： 是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术。 render prop 是一个用于告知组件需要渲染什么内容的函数 prop。 如果一个组件不知道自己渲染什么东西
阅读全文
摘要：https://zhuanlan.zhihu.com/p/28138664 先来回顾一下什么是高阶函数？高阶函数就是接收一个函数作为输入，或者输出另一个函数的类函数。那么高阶组件也就是接收一个react组件作为输入，输出另一个react组件。下面我们实现一个高阶组件。 从localstorage里面
阅读全文
摘要：一、Context 解决什么问题 React是单向数据流，数据是从上往下单向传递的，每个组件都可以接收父组件的属性和状态，也可以把属性和状态向下传递给子组件，但是当层级特别多的时候就会变得非常繁琐。Context 提供了一种在组件之间共享此类值得方式，而不必逐层传递。它主要是用来解决祖先组件向后代组
阅读全文
摘要：一、旧版： 1、initialization 初始化属性和状态 2、Mounting （加载阶段：涉及3个钩子函数） 2.1 componentWillMount() 组件加载时只调用，以后组件更新不调用，整个生命周期只调用一次，此时可以修改state 2.2 render() react最重要的步
阅读全文
摘要：简单来说，ref就是用来获取真实dom元素或者是组件实例的属性。 1. 创建和访问 ref 的值根据节点的类型而有所不同： 当 ref 属性用于 HTML 元素时，构造函数中使用 React.createRef() 创建的 ref 接收底层 DOM 元素作为其 current 属性。 当 ref 属
阅读全文
摘要：组件的数据来源有两个地方，分别是属性对象和状态对象 属性是父组件传递过来的，不可更改 状态是自己内部的，改变状态的唯一方式就是setState 属性和状态的变化都会引起视图更新 import React from "react"; import ReactDOM from "react-dom";
阅读全文
摘要：<form> <button class="el-button" @click="submitForm(ruleForm)">登录</button> </form> 原本是在没有填写信息的情况下，要给出用户提示信息，但是当我点击之后发现会自动刷新一次页面，提示信息也没有了 原因是我把button写在
阅读全文
摘要：目录： 配置： const path = require('path');//引入path模块 function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径 } module.exports={
阅读全文
摘要：直接写 这个是不生效的，而且会把字符串显示在页面上，有两种解决方法： 1.直接在label标签里面输入一个空格 2.通过 <label slot="label">账 号 :</label>这种方式写，两种都可以。 <el-
阅读全文
摘要：我们知道react的jsx语法最终会被babel转译成 React.createElement语法，通过这个语法，react节点就会被编译成一棵vdom树结构，我们看一个例子 let ele1 = <h1 id="title"> <span>hello</span> <span>world</spa
阅读全文
摘要：react定义组件的两种方式，一种是函数式，一种是类的方式 返回的是一个顶级元素 一、函数组件 function Welcome(props){ return( // <h1>hello {props.name}</h1> // <h1>hello {props.name}</h1> //不可以这样
阅读全文
摘要：JSX javascript+html 一种把js和html混合书写的语法，这种语法浏览器不支持，最终会通过babeljs转译成creatElememnt语法，React.createElement("h1", null, "hello"); let ele1 = <h1>hello</h1> im
阅读全文
摘要：渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置 否则无法滚动 mui-scroll-wrapper 的overflow 改成 scroll 因为overflow默认是hidden <div id="scroll2" class="mui-scroll-wrapper"
阅读全文
摘要：一、大 O 复杂度表示法 算法的执行效率，粗略地讲，就是算法代码执行的时间。但是，如何在不运行代码的情况下，用“肉眼”得到一段代码的执行时间呢？这里有段非常简单的代码，求 1,2,3…n 的累加和。现在，来估算一下这段代码的执行时间。 1 int cal(int n) { 2 int sum = 0
阅读全文
摘要：数组中有两种可以排序的方法，reverse()和sort()，reverse()方法会反转数组项的顺序 let arr1 = [1,2,3,4,5] arr1.reverse() console.log(arr1) //[ 5, 4, 3, 2, 1 ] let arr2 = [1,2,6,4,5]
阅读全文
摘要：nodemon运行 提示错误：无法加载文件 C:\Users\gxf\AppData\Roaming\npm\nodemon.ps1，因为在此系统上禁止运行脚本。 这是你笔记本禁止运行脚本，解决办法 1.管理员身份打开powerShell 2.输入set-ExecutionPolicy Remote
阅读全文
摘要：一、http模块 const http = require('http') http.createServer(function(req,res) { console.log(req.url) //获取url里面携带的参数 res.writeHead(200,{'Content-type':"tex
阅读全文
摘要：用html-withimg-loader 打包html里面通过src引入的图片时发错 这是因为它和html-webpack-plugin产生冲突； 原因是file-loader升级了，以前4.2的时候是没事的，现在file-loader升级到5.0了，所以需要在file-loader的options
阅读全文
摘要："export 'default' (imported as 'mui') was not found in '../publicjs/mui' 找了很多方法，最后发现是自己的失误，原因是我的mui.js中根本就没有导出mui，这样引用的时候就不能用 import mui from '../publ
阅读全文
摘要：https://blog.csdn.net/u011215669/article/details/81269386
阅读全文
摘要：最近真是太多惊喜了，原本在准备新项目的研发了，框架搭了一半就被告知停下来改bug！bug？哪来的bug，emm，很久之前公司给合作伙伴做了一个app和pc网页，但是一直都没有交付，最近人家要用了，于是疯狂写测试用例，写的时候就发现很多不对劲的地方，果然，对方在测试的时候发现了50多个bug，领导要求
阅读全文
摘要：题目描述 把只包含质因子2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14不是，因为它包含质因子7。 习惯上我们把1当做是第一个丑数。求按从小到大的顺序的第N个丑数。 解题思路： 丑数一定由另一个丑数乘以2或者乘以3或者乘以5得到，那么我们从1开始乘以2,3,5，就得到2,
阅读全文
摘要：最近做项目，后台返回的数组对象没有排序，而我需要根据序号将数据显示在页面上，但是不想一个一个取值，想到对数组对象排序后然后直接循环显示。数据结构如下： 现在需要升序排列，用sort()方法， sort()很常用的排序方法，最主要的是里面的比较函数参数，最重要的是定义一个比较函数如下： functio
阅读全文
