hcq29-CSDN博客

原创【React】在React中添加的a标签经过HBuilder打包成App后跳转路径错误

文章目录运用场景解决运用场景开发完一个React项目后，我们需要将整个项目通过yarn build打包一下，然后有可能还会出现空白的情况，那就是需要注意将BrowserRouter更换成HashRouter，还要将package.json文件中加入规则： "homepage": ".",区别就是路径后面会多出一个比较丑的#号，那就需要通过其他方法配置，网上都要挺多讲解的，这里就不提了咱们不嫌弃它很丑，我们就用HashRouter，通过打包后，我们会发现，每个a标签神奇的跳转到了硬盘的根目录，然

2021-03-29 01:18:31 467

原创【React】在React使用socket.io-client出现连接失败的情况

文章目录使用场景代码实现使用场景当我们需要实时通信的时候，我们就可以使用到到WebSocket，不过我们已经有了npm生态链，可以直接安装socket.io-client这个模块，对应的服务端使用socket.io模块。下载安装：// 前端npm install socket.io-client// 或yarn add socket.io-client// 后台npm install socket.io我们在开发项目的时候，可能会用到跨域功能，相应地配置了setupProxy.js

2021-03-29 00:57:57 2205

原创【Ant Design】validator实现自定义表单提交规则callback和Promise方式

文章目录场景Callback方式Promise方法场景Form给我们提供了很多表单提交的便捷，各种属性都能够派上用场现想实现一个自定义的规则可以通过callback也可以通过Promise去阻断表单的提交Callback方式<Form.Item hasFeedback rules={[ { validator: async (rule, value, callback)=>{ // 请求判断用户是否

2020-12-05 13:05:36 2763 1

原创【React】React Hook “Form.useForm“ cannot be called in a class component. React Hooks must be called

文章目录应用场景解决应用场景class声明的组件中使用resetFields来让表单重置，在这之前如果通过Form.useForm对表单数据域进行交互，报以下错误：当我使用到函数组件时，我可以通过一下去定义state值，我们可以通过Form.useForm对表单数据域进行交互，如：setFieldsValue()、getFieldValue()、validateFields()、resetFields()等。// [变量，操作方法] = React Hooks(值)const [visible,

2020-12-03 13:49:14 6948

原创【React】为img标签的src请求添加自定义头部，添加token，实现前端带身份向后端请求图片

目录应用场景尝试解决一：尝试解决二：总结：应用场景问题：前端写入指定的img标签和src属性，请求不了后端图片。原因：401，UnauthorizedError，因为前端中的src属于普通的get请求，不带自定义header，而后端有对每个请求都进行身份验证，最终返回{ status: 1, msg: "TOKEN ERROR"}前端请求头中找不到Authorization: Bearer token....那请求的接口都有对axios进行拦截，但是img标签的src不经

2020-12-03 13:37:07 10018 5

原创【JS数据结构与算法】根据二叉树带有#号的层次遍历结果[8,8,7,9,2,'#','#','#','#',4,7]创建二叉树

前言为了实现二叉树的有关操作，我们必须要创建出二叉树结构，而不是单纯的使用数组或者是题目给出的用例；比如剑指offer中的：二叉树的子结构题目描述输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）用例：{8,8,7,9,2,#,#,#,#,4,7},{8,9,2}对应输出应该为:true根据用例给出了二叉树的各个元素，但是具体的结构却...

2020-02-10 19:50:57 555

原创【Node.js】后台管理系统（mongoose增删改查）—— CRUD

后台管理系统（mongoose增删改查）——CRUD文章目录后台管理系统（mongoose增删改查）——CRUD下载运行MongoDB介绍下载和安装相关教程和链接启动和关闭数据库连接数据库基本命令Mongoose安装在node中使用设计架构MongoDB 数据库的基本概念运用示例查询:删除更新项目前期准备安装配置路由设计路由模块的提取router.js路由模块app.js入口模块下载运行仓库...

2020-02-08 16:04:45 958

原创【javaScript】ES6中新增的 find() 和 findIndex() 原理 —— 封装异步API

文章目录前言封装异步APIfind() 和 findIndex()前言一般情况下，想要再次得到函数内部的结果，我们会采用回调函数的方式来获取，同样的回调函数也可以获取函数内部的异步操作的结果。封装异步API一般情况下，将函数作为参数就是为了获取函数内部的异步操作的结果function fn(callback){ // var callback = function(data) { co...

2020-02-07 14:59:40 1381

原创【Node.js】学习node基础及其应用——学生管理系统（以文件的形式实现增删改查CRUD）

后台管理系统（增删改查）——CRUD by Express下载运行git clone https://github.com/hcq29/Learning-Node.js.gitcd Learning-Node.jsgit checkout crudnode app.js前期准备安装配置mkdir crud-expresscd crud-express/npm initP...

2020-02-07 13:08:44 814

原创【Node.js】学习Node基础及其应用——简易留言板

实现简易留言板feedback前言浏览器收到响应内容后，就要开始从上到下依次解析，当在解析的过程中，如果发现：linkscriptimgiframevideoaudio…带有src或者href（link）属性标签（具有外链的资源）的时候，浏览器会自动对这些资源发起新的请求，如果我们只对一个页面资源进行处理的话，index.html中的外链资源则不可以请求到例如以下&lt...

2020-01-27 20:09:46 672 1

原创【CSS】CSS清除浮动的几种方法- Clear floating

文章目录Clear-floating元素怎样浮动？浮动的应用场景清除浮动的方法方法1：底部插入：clear：both；方法2：为父元素添加overflow: auto;方法3：伪元素方法4：双伪元素Clear-floatingCSS清除浮动的几种方法： Clear floatingGitHub链接（可下载体验）：https://github.com/hcq29/Clear-floati...

2020-01-13 15:21:39 230

原创【刷题库】二分查找算法思想及模板

文章目录前言二分查找模板1模板2运用总结前言假设有一个管道长为1000米，有一个未知的地方破了口，想要找出这个口，我们该怎么寻找？在我们实际运用当中，很多地方都可以看到顺序排放的序列，比如按照价格递增的顺序排放，按照物体的大小进行依次排放，还有就是像上面的管道检查的问题等等…如果需要查找某一个符合条件的值，依次查找就会花费很多不必要的查找，这时候使用二分就可以节约很大的成本。面对上面10...

2020-01-09 16:50:24 291 1

原创【刷题库】剑指Offer_编程题，二维数组中的查找

二维数组中的查找题目描述在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。解法一：暴力function Find(target, array){ if(array.length == 0 || target == null) return...

2020-01-09 13:34:00 179 1

原创【Vue.js】Vue 2.X学习篇二

文章目录前言一、Vue Cli 脚手架1、使用Vue Cli 的原因2、搭建脚手架3、vue-cli目录解析：4、项目初始化前言前面已经对基础的vue知识有个简单的解说，接下来就是进阶的任务，学习Vue Cli脚手架和应用。一、Vue Cli 脚手架1、使用Vue Cli 的原因在项目当中，我们应该使用的是Vue Cli 脚手架，因为我那可以使用一些跟新更主流的方法。可使用ES6语法...

2019-11-30 17:03:34 306

原创【Vue.js】安装某个东西后出现错误Refused to load the image 'http://localhost:8080/favicon.ico' because it vio

我在安装axios之前，页面还是可以正常启动的，但是当我运行了下面的安装axios命令时npm install axios出现了以下的错误在这之后，我以为自己的代码有错，或者在哪里引用了http://localhost:8080/favicon.ico这个东西，其实并没有找到，很有可能是安装axios的时候，将某个配置文件给覆盖了（具体不知道），导致原有的配置找不到路径解决办法：...

2019-11-30 12:35:59 13958

原创【CSS】常用的水平、垂直居中以及居中布局的方法（对内容有具体分析）

文章目录前言正文水平居中的方法text-align + display:inline-block前言前面我总结过一篇关于几种水平和垂直居中方法的文章，可以知道，实现水平居中和垂直居中的方法真的是数不清，但是各自都会有各自的优缺点，想要在实际的应用当中去正确的使用这些方法，就要靠平时的积累，熟悉掌握几种就可以应付绝大部分的居中问题。最近我又学习到了几种神奇的方法，这就来分享一下。正文水平居中...

2019-11-20 10:03:36 532

原创【JS数据结构与算法】希尔排序、快速排序的算法实现

文章目录前言前言前面已经介绍的几种简单的排序算法，在正式进入高级排序算法之前，我们再回顾一下插入排序的主要思想：提取一个标记元素，它左边的数据构成局部有序的序列，右边的数据为无序序列，再讲无序序列的每一个元素插入到有序序列的相应位置中。假如有这样一个序列：当排列到最后一个元素1的时候，是以下的结构：...

2019-11-19 23:42:41 242

原创【Vue.js】Vue 2.X基础学习篇一

文章目录前言一、数据绑定{{}}的解释二、事件1.怎样使用事件？2.何时要()。3.双击事件4.共用函数：传入不同的参数。5.@mousemove v-on:mousemove 方法6.语法糖7 事件修饰符（阻止事件-事件冒泡）三、双向数据绑定四、计算属性五、动态绑定CSS样式方式一：方式二：六、v-if、v-show、v-for七、创建多个Vue实例对象八、Vue中的组件为什么data 必须...

2019-11-18 00:38:44 515

原创【CSS】精简代码实现自适应！学到了！

文章目录前言正文总结前言大家是不是对css有共同的感觉就是，调这里那里不行，调那里这里又不行。。。今天学习了一个很神奇的方法，自适应！迫不及待想分享。只能说还是要靠积累，学以致用。正文先来个列表<div class="main"> <ul> <li> <h2>Hi!</h2> </li>...

2019-11-18 00:35:09 555

原创【JS数据结构与算法】冒泡、选择、插入排序算法的实现

前言前面已经对排序算法进行创建了一个列表类：【JS数据结构】排序算法列表的封装下面一起来学习如何实现几个常见的排序算法！正文1、冒泡排序最基础也是最简单的排序算法。主要思路：第一步，比较相邻的元素，如果左边的数比右边的数要大，那么就交换它们两个。第二步，向右移动，对每一对相邻元素进行第一步操作。直到列表的最后一对操作完毕，最终确定最后一个元素为最大值。第三部，重复第一和第二步的...

2019-11-06 17:14:07 316 2

原创【JS数据结构与算法】排序算法的封装

简单排序：冒泡排序、选择排序、插入排序高级排序：希尔排序、快速排序、堆排序、归并排序封装列表在开始编写排序算法之前，先封装一个列表存储数据，定义相应的属性，再在原型上封装不同的排序算法。...

2019-11-06 16:50:37 216

原创 Hoxe安装及其搭建个人博客

官方文档Hexo1. 什么是 Hexo？Hexo 是一个快速、简洁且高效的博客框架2.安装Git Bash下载地址：Git Bash。安装步骤：双击exe，选择安装路径，一路next。安装好后，在文件夹中右键能够看到图标就说明安装成功了，打开git bash，查看版本：命令：git version3. 安装Nodejs步骤安装完毕后查看版本：命令：node -v...

2019-10-31 15:49:15 1425

原创【JavaScript】toString和String以及stringify的区别

toString和String以及stringify的区别1、toString()toString的使用方法：var num = 123;var str = num.toString();toString()方法，数值、字符串、对象、布尔都有toString方法；这个方法唯一能做的就是返回相应的字符串；其中null和undefined没有toString()方法；如果你尝试去输出und...

2019-10-29 22:54:13 949

原创【CSS】几种让元素居中的方法（包括垂直居中和水平居中），网页示图

目录前言正文一、让元素垂直居中显示的几种方法二、让元素水平居中显示的几种方法三、垂直居中一起使用的方法（上述结合使用）总结前言实现元素居中其实有很多方法，掌握一种其实是不够的，因为在不同的布局和需求面前，就要选择不同的解决方案，有时候自己在设计页面的时候，居中也是一个比较苦恼的问题，下面就来分析一下各种实现居中的方法，以及不同场合的使用情况。正文一、让元素垂...

2019-10-17 17:23:22 955

原创【JS数据结构与算法】大O表示法

含义算法的时间复杂度通常用大O符号表述，定义为T[n] = O(f(n))。大O表示法，用于描述计算机算法的效率，在计算机中，这是一种粗略的度量。这个其实就是当数据项个数发生变化时，算法的效率会跟着发生变化。推导出大O表示法的方式① 用常量1取代运行时间中所有的加法常量。② 在修改后的运行次数函数中，只保留最高阶项。③ 如果最高存在且不为1，则去除这个项乘积的系数。...

2019-10-02 20:46:39 295

原创【刷题库】剑指Offer_编程题，栈的压入、弹出序列。

题目描述输入两个整数序列，第一个序列表示栈的压入顺序，请判断第二个序列是否可能为该栈的弹出顺序。假设压入栈的所有数字均不相等。例如序列1,2,3,4,5是某栈的压入顺序，序列4,5,3,2,1是该压栈序列对应的一个弹出序列，但4,3,5,1,2就不可能是该压栈序列的弹出序列。（注意：这两个序列的长度是相等的）时间限制：1秒空间限制：32768K热度指数：408830本题知识点：栈...

2019-09-04 15:12:22 131

原创【刷题库】剑指Offer_编程题，数值的整数次方，调整数组顺序，矩阵覆盖

一、数值的整数次方。题目描述给定一个double类型的浮点数base和int类型的整数exponent。求base的exponent次方。保证base和exponent不同时为01、幂运算符function Power(base, exponent){ return base ** exponent;}2、调参function Power(base...

2019-09-01 15:33:14 140 3

原创【小程序】图片加载时出现拉扯感，抖动感。

现象当我们在写入图片标签时，为了方便喜欢在wxml里面写入css样式，比如以下<view> <image src='/images/BILIBILI_LOGO.png' mode="widthFix" style="width:140rpx; height:60rpx;"></image></view>在页面加载的时候，首先加载...

2019-08-30 14:20:15 1686 3

原创【刷题库】剑指Offer_编程题，二叉树的镜像。

题目描述操作给定的二叉树，将其变换为源二叉树的镜像。输入描述:时间限制：1秒空间限制：32768K热度指数：316600本题知识点：树了解树的结构，可查看之前的笔记：认识树和二叉树的常见方法（可以拿这篇文章最后的完整代码进行题目的编写与测试）题目分析：很简单，就是将一棵树进行镜面输出，也就是一个结点的左子树变成右子树，它的右子树变成左子树。这就要...

2019-08-29 23:51:42 123

原创【刷题库】剑指Offer_编程题，跳台阶与变态跳台阶。

跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法（先后次序不同算不同的结果）。时间限制：1秒空间限制：32768K热度指数：475919本题知识点：递归解：台阶数 0 1 2 3 4 5...

2019-08-25 20:36:26 235

原创【刷题库】剑指Offer_编程题第16题（JavaScript实现），合并两个排序的链表。

题目描述输入两个单调递增的链表，输出两个链表合成后的链表，当然我们需要合成后的链表满足单调不减规则。时间限制：1秒空间限制：32768K 热度指数：556831本题知识点：链表/*function ListNode(x){ this.val = x; this.next = null;}*/function Merge(pHead1, pH...

2019-08-24 16:16:35 125

原创【刷题库】剑指Offer_编程题第17题（JavaScript实现），树的子结构。

题目描述输入两棵二叉树A，B，判断B是不是A的子结构。（ps：我们约定空树不是任意一个树的子结构）时间限制：1秒空间限制：32768K 热度指数：541328本题知识点：二叉树/* function TreeNode(x) { this.val = x; this.left = null; this.right = null;} ...

2019-08-24 16:00:04 123

原创【JS数据结构与算法】二叉搜索树的常见方法

目录一、引入二叉树的结构封装二、插入insert(key)三、二叉树的遍历方式1、先序遍历2、中序遍历3、后序遍历四、二叉搜索树查找最值五、二叉搜索树查找某个Key六、二叉搜索树删除结点七、完整代码一、引入二叉树的结构封装function BinarySearchTree(){ // 新结点创建的构造函数 function...

2019-08-21 23:18:50 287

原创【JS数据结构与算法】二叉搜索树的封装

采用链式存储结构封装搜索二叉树思想：由二叉树的定义可知，二叉树的结点由一个数据元素和分别指向左、右结点的两个分支构成，所以表示二叉树的链表中的结点至少要包含三个域。data：数据域。 lchild：左指针域。 rchild：右指针域。封装二叉搜索树代码function BinarySearchTree(){ // 新结点创建的构造函数 func...

2019-08-18 16:27:24 205

原创【JS数据结构与算法】二叉搜索树

目录一、什么是二叉搜索树二、二叉搜索树的优点一、什么是二叉搜索树二叉搜索树（BST ， Binary Search Tree），也称为二叉排序树或二叉查找树。二叉搜索树是一棵二叉树，也是可以为空。如果二叉搜索树不为空，那么，满足以下条件：非空左子树的所有键值小于其根节点的键值。非空右子树的所有键值大于其根节点的键值。左右子树本身也是二叉搜索树。二、二叉搜索...

2019-08-17 12:55:59 263

原创【JS数据结构与算法】认识树

目录一、生活中的树的特点二、模拟成树结构三、树的定义四、树的基本术语五、树结构的表示形式六、二叉树1、二叉树的定义2、二叉树的属性3、二叉树的五种形态4、二叉树的特殊形态5、二叉树的存储结构5.1 顺序存储结构5.2 链式存储结构一、生活中的树的特点生活中的树，长这样：它通常只有一个根，与根相连接的是树干。树干上又有若干个树枝，树...

2019-08-16 16:38:19 197

原创【蓝桥杯】第七届C/C++ B组省赛

1.煤球数目有一堆煤球，堆成三角棱锥形。具体：第一层放1个，第二层3个（排列成三角形），第三层6个（排列成三角形），第四层10个（排列成三角形），....如果一共有100层，共有多少个煤球？请填表示煤球总数目的数字。注意：你提交的应该是一个整数，不要填写任何多余的内容或说明性文字。#include <stdio.h>#include <stdl...

2019-08-15 20:42:01 85

原创【刷题库】剑指Offer_编程题第15题（JavaScript实现），链表反转。

题目：输入一个链表，反转链表后，输出新链表的表头。输入：1→2→3→4→5输出：5→4→3→2→1解题思路：定义pNode、pNext、pre三个变量。1、pNext 等于 pNode.next也就是第二个节点。2、pNode.next（第二个节点）等于pre这个桥梁3、pre 等于pNode，使得第二个节点指向第一个节点。4、pNo...

2019-08-15 20:38:50 153

原创【JS数据结构与算法】哈希表的封装及其相关操作方法

目录一、哈希表相关操作方法的前提二、哈希表的封装三、效率提升四、方法实现。1、向哈希表添加元素put(key, value)。2、获取某个元素的值get(key)。3、删除操作remove(key)4、其他方法5、代码测试五、完整代码一、哈希表相关操作方法的前提如果还不了解什么是哈希表，可以去看博文：认识哈希表和实现哈希函数。这里介绍的是链地址法。...

2019-08-15 20:34:03 268

原创【JS数据结构与算法】实现哈希函数

目录一、优秀的哈希函数1、幂的连乘2、霍纳法则（秦九韶算法）3、如何做到均匀分布。二、实现哈希函数一、优秀的哈希函数在构造哈希表之前，我们需要一个哈希函数对数据进行哈希化。那这个哈希函数怎么实现呢，根据前面一篇博客【JS数据结构】认识哈希表，我们已经认识了什么是哈希表以及为什么需要设计一个哈希函数。其实就是要达到两个目的：能够快速地计算，快速地获取hashC...

2019-08-14 12:36:21 2147

两数计算+异常处理

空空如也