- 博客(98)
- 收藏
- 关注
RSS订阅原创 npm 错误npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
猜测：npm install --force 应该也可以。多读编译器报错信息，可以快速的定位，快速的解决问题。
2023-11-14 10:39:27
285
原创 关于gitlab报错 would clobber existing tag 的解决办法
关于gitlab报错 would clobber existing tag 的解决办法
2022-06-21 16:36:14
1115
原创 JavaScript小项目 画布
08-Fun with HTML5 Canvas主要功能是能够在页面中画曲线，并且颜色是在不断地变化的项目描述：项目代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>HTML5 Canvas</title></head><body> <canvas id="draw".
2022-05-08 14:46:55
258
原创 JavaScript小项目 06-Type Ahead 头部搜索
06-Type Ahead主要的功能是在搜索的时候，页面能够实时的显示出相应的结果，并且输入的内容会高亮的显示出来效果图：主要代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Type Ahead 👀</title> <link rel="stylesheet" href="style.css..
2022-05-08 11:55:27
401
原创 JavaScript小项目 05-Flex Panel Gallery
05-Flex Panel Gallery通过使用flex布局的方式，来在页面中当点击的时候会出现点击该图片的扩展效果，在这里主要练习了css的样式，对于flex布局有了一些了解效果图：主要代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Flex Panels 💪</title> <link..
2022-05-08 11:52:34
357
原创 JavaScript小项目03-CSS Variables
03-CSS Variables功能主要就是当鼠标滑动的时候，改变相应的边框值、清晰度以及背景颜色效果图：主要代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Scoped CSS Variables and JS</title></head><body> <h2>Up.
2022-05-08 11:49:40
245
原创 JavaScript小项目-02Js and CSS Clock
主要的功能就是写出来一个时钟表盘，分别显现出时分秒的指针，秒针是让他每过一秒就跳动一次，分针则是没过69秒跳动一次；我在原有的基础上添加了所有的数字，这样看起来更加的舒适主要效果图：主要的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed..
2022-05-08 11:46:51
147
原创 javaScript的一些小项目01-Drum Kit架子鼓
01-Drum Kit架子鼓：说明：这主要的功能是：1、当我在键盘上按下相应的按键，他就会发出相应的声音2、当按下去的时候会有高亮的效果3、状态需要恢复到原来的状态主要效果图预览：主要代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS Drum Kit</title> <..
2022-05-08 11:42:11
372
1
原创 【力扣】关于链表算法题 环形链表
每次看到链表总感觉头很大，对于链表，感觉有一种天然的恐惧感（咱也不知道为啥），终于花费了数小时后，克服了对链表的“恐惧”，做了一道如下的链表题目，比较简单的题，但是我想了很久，感觉做算法题需要掐一个表，严格控制时间，这样才能够提升。题目描述：给你一个链表的头节点 head ，判断链表中是否有环。如果链表中有某个节点，可以通过连续跟踪 next 指针再次到达，则链表中存在环。 为了表示给定链表中的环，评测系统内部使用整数 pos 来表示链表尾连接到链表中的位置（索引从 0 开始）。注意：pos 不
2022-04-01 22:38:47
78
原创 字节跳动一面面试回顾总结
在面试了字节跳动基础框架组前端后的总结：1、flex是什么？都有那些属性？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性；属性有flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content、order、flex-grow、flex-shrink、flex-basis、align-self等属性2、JavaScript中都有那些数组的方法？
2022-03-31 17:18:06
1027
原创 【力扣】最大子数组和 简单
题目描述：给你一个整数数组 nums ，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。子数组 是数组中的一个连续部分。实例描述：解题思路：首先，我们需要做的是将数组中的数遍历，在遍历的过程中，进行相加，找出相加过后最大的值，在这里需要注意的是，如果数组只有一个值，那么不管这个数是多少都需要返回这个数，当数组全是负数的时候，需要返回最大的那个负数；首先是有错误的代码： var maxSubArray = function(nums) {
2022-03-28 23:12:54
189
原创 【力扣】合并两个有序链表
题目描述：将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。实例描述：知识点总结：这需要使用到的是链表相关的知识，因为本人对于链表不是特别的熟悉，所以先在这里复习一下链表：首先链表分为单链表、双链表、循环链表、双循环链表在这里着重介绍单链表（本题主要考察单链表）：单链表可以将其看作两个“结构”，一个存储的是值，另外一个则是存储下一个节点地址的指针值class Node { constructor(val) {
2022-03-28 21:35:54
279
原创 买卖股票的最佳时机 简单题
题目描述：给定一个数组 prices ，它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的价格。你只能选择 某一天 买入这只股票，并选择在 未来的某一个不同的日子 卖出该股票。设计一个算法来计算你所能获取的最大利润。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润，返回 0 。题目实例：解题思路：需要比对数组中 的各个数，找到一个数组后一个数减前一个数值最大的，即完成此题。代码：var maxProfit = function(pric
2022-03-28 15:27:58
75
原创 关于react脚手架 无法渲染select中的option组件
今天在写项目的时候，使用了select之后，发现无法渲染自己想要的结果，option内传的数据是没有任何问题的，但是浏览器就是不渲染界面在网上查询后，发现自己犯了一个很头秃的错误（就像是刚刚学习c的时候，总是将中文逗号当成中文逗号的错误）下面直接给出正确的写法： <Select> { categoryList.map(item =>( <Option key={item
2022-03-13 14:17:36
1824
1
原创 useEffect 报错：Can‘t perform a React state update on an unmounted component. This is a no-op, but it i
使用useEffect的时候会出现报错，当你打开自己的浏览器网络的时候，你会发现自己的浏览器在不停的请求后端发送你需要的数据（但其实只需要一次就可以了），遇到这样的情况我们可以做下面的解决：这是报错的信息：使用goole翻译之后：警告：无法对卸载的组件执行 React 状态更新。这是无操作，但它表示应用程序中存在内存泄漏。若要修复此问题，请取消 useEffect 清理函数中的所有订阅和异步任务。其实可以看出这是内存泄漏的问题，我们只需要在调用useEffect 的时候，将他初始化为空数
2022-03-13 13:34:36
2246
原创 关于react脚手架报错 Import in body of module； reorder to top import/first解决方案
在使用react脚手架的时候，总会出现一些问题，如下面这个问题：当出现这种问题的时候，一般是我们在使用module.css文件引入会出现这样的问题，这种问题其实只需要将我们引入的css文件顺序提前即可import React,{useEffect, useState} from 'react'import { PageHeader, Button, Descriptions,Steps,Form,Input, Select } from 'antd';import axios from '
2022-03-13 13:16:53
2062
原创 关于antd-design中callback的用法：报错：`callback` is deprecated. Please return a promise instead
今天在写一个react项目的时候，发现调用callback会引发错误:虽然可以达到想要的结果，但是控制台会报错，所以我们进行了文档的查阅后，将这个报错解决如下：首先是错误代码示范：const priceValidate=(rule,value,callback) =>{ if(value*1 >200){ callback("价格不能大于200") }else{ callback() }}这样会报错控制台告诉我们需要
2022-03-07 12:52:42
2934
4
原创 初始化React脚手架流程
React脚手架初始化：1、全局安装npm install -g create-react-app安装好之后会显示这样的界面：2、切换到想创建项目的目录create-react-app React-first在这里我创建的项目的名字是React-first（在这一步的时候可能需要等一段时间）3、进入项目文件夹；启动项目cd React-firstnpm start安装好之后，你的浏览器会跳出这样的页面:这样你就初始化好react.
2022-02-28 20:41:30
465
原创 解决：webpack : 无法加载文件 C:\Users\rain\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。有关详细信息，
在初次使用webpack的时候，发现了如下的问题：我是已经安装了webpack，但是他却没有办法显示我的版本信息，所以需要借助注册表解决方法：1、以管理员权限打开PowerShell 2、输入Set-ExecutionPolicy RemoteSigned命令 将脚本执行权限修改为RemoteSigned 3、输入Y或A以确认记得一定是打开PowerShell，而不是简单的打开cmd随后就可以在vscode上显示webpack的信息了...
2022-02-28 15:28:30
644
原创 npm ERR code ERR_SOCKET_TIMEOUT npm ERR 出现错误改正方法
关于如何解决该类的问题npm ERR! code ERR_SOCKET_TIMEOUTnpm ERR! errno ERR_SOCKET_TIMEOUTnpm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/node-releases: Socket timeoutnpm ERR! network This is a problem related to network co.
2022-02-28 15:18:00
23310
3
原创 一个三维立体空间的筛子 纯css
在复习css的时候，发现自己使用的比较生疏，所以写一个css小项目。练一练手这个三维立体的筛子主要的功能是，旋转使用到css中的一些样式，有：flex弹性盒子、animation动画来完成首先是没有注释版本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE
2022-02-25 16:13:33
178
原创 link和@import的区别、浮动元素重叠、隐藏元素的方法
css中clear的作用是：清楚浮动；只能影响使用清楚元素的本身，不能影响其他元素link和@import的区别：1）link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。2）link可以加载CSS，Javascript；@import只能加载CSS。3）link加载的内容是与页面同时加载；@import需要页面网页完全载入以后加载。4）link属于HTML范畴，@import属于css范畴link和@import的用法：lin
2022-02-24 20:50:06
100
原创 找出星型图的中心节点 （简单题）
题目描述：有一个无向的 星型 图，由 n 个编号从 1 到 n 的节点组成。星型图有一个 中心 节点，并且恰有 n - 1 条边将中心节点与其他每个节点连接起来。给你一个二维整数数组 edges ，其中 edges[i] = [ui, vi] 表示在节点 ui 和 vi 之间存在一条边。请你找出并返回 edges 所表示星型图的中心节点。例题描述：解题分析：方法一：将二维数组转换为一维数组，之后进行对比即可 var findCenter = functio
2022-02-18 15:49:46
383
原创 关于js链表有关的题目之 删除排序链表中的重复元素（简单题）
在做这道题目之前，需要首先对链表有一些前提的知识，在这里做一个JavaScript有关于链表方面的补充。首先需要清晰的是：链表虽然看起来和数组很相似，但是链表和数组是不同的！！！不是一个数据结构！链表元素在内存中的位置并不是连续的（数组是连续的存储），每个元素由一个存储元素本身的节点和一个指向下一个元素的引用(也称指针或链接)组成。为了更方便的理解，下面是示例图： （这是一个3元...
2022-02-15 11:47:49
791
原创 Promise总结
promise是前端中比较重要的一个知识点，在这里做一个简单的总结。首先是promise的实现形式，语法结构为const 变量=new Promise((resolve,reject)=>{ resolve() //成功调用resolve reject() //失败调用reject})变量.then((value)=>{ 成功的时候输出的你想要的结果},(reason)=>{ 失败的...
2022-02-13 16:45:34
210
原创 算法题 x的平方根
今天写了一道力扣的题，写完之后真的感觉好搞笑，其实有点没懂这道题目想要考察什么题目描述：给你一个非负整数 x ，计算并返回 x 的 算术平方根 。由于返回类型是整数，结果只保留 整数部分 ，小数部分将被 舍去 。注意：不允许使用任何内置指数函数和算符，例如 pow(x, 0.5) 或者 x ** 0.5 。实例描述：题目分析：就是求出一个数的算术平方根解题分析：首先我用了一个很笨的办法，因为对于题目的理解有点小偏差，所以导致我认为不能够使用数学函数来求导，所以我默认为
2022-02-08 11:24:35
791
原创 箭头函数的注意事项
箭头函数：（=>）箭头的标志这两段代码是相等的let a=function(){ alert("这是一个正常的函数")}let a=()=>{ alert("这是一个箭头函数")}我们先使用箭头函数来写一个加法的函数：let sum =(a,b)=>{ return a+b}箭头函数的调用方法和普通函数是一样的1、箭头函数的this是静态的 this始终指向的是函数声明时所在的作用域下的this的值2、不能作为构造..
2022-02-07 22:12:54
565
原创 力扣 算法题 机器人能否返回原点
题目描述：在二维平面上，有一个机器人从原点 (0, 0) 开始。给出它的移动顺序，判断这个机器人在完成移动后是否在 (0, 0) 处结束。移动顺序由字符串表示。字符 move[i] 表示其第 i 次移动。机器人的有效动作有 R（右），L（左），U（上）和 D（下）。如果机器人在完成所有动作后返回原点，则返回 true。否则，返回 false。例题描述：题目分析：这道题就是机器人会向上，向左，向右，向下走，最后如果回到了原点，那么就返回true，否则返回false解题思路：
2022-02-07 04:19:30
4710
原创 正则表达式
正则表达式：在开发的时候，经常会使用到正则表达式，所以在这里进行一个总结正则表达式语法：使用构造函数创建正则表达式：var 变量=new RegExp（“正则表达式”，“匹配模式”）使用字面量创建正则表达式（经常使用）：var 变量=/正则表达式/匹配模式代码如下：构造函数方式：var fir =new RegExp("a");字面量方式：var sed=/a/正则表达式测试方法：test（）：是用来检测一个字符串是否符合正则表达式的规则，符合返回true
2022-02-07 01:08:39
329
原创 算法题 位1的个数(简单题)
题目描述：编写一个函数，输入是一个无符号整数（以二进制串的形式），返回其二进制表达式中数字位数为 '1' 的个数（也被称为汉明重量）。例题描述：题目分析：题目的要求很简单，就是要求将输入的32位无符号整数中含有1的个数统计出来解题思路：当我拿到这道题目的时候，我首先想到的是通过将他拆分为数组，一个一个的循环判断来做，这样的作法是没有问题的，但是可能是平台的隐藏要求？还是什么的，这种方法得出来的结果在vs code上运行的和在力扣上运行的是完全不一样的，我盲目猜测，也许是他将..
2022-02-06 18:52:26
306
原创 工厂方法创建对象vs构造函数 检测对象的类
工厂方法创建函数：可以通过这个方法大批量的创建对象代码案例： function method(name,age,sex){ var a =new Object() a.name=name a.age=age a.sex=sex a.another=function(){ console.log(this.name) } return a }
2022-02-06 16:22:41
485
原创 for ....in总结
对象中的属性：for..... in语句：for(var 变量 in 对象)for ....in语句对象中有几个属性，循环就会执行几次，每次执行的时候，会将对象中的一个属性名字赋值给变量代码示范：var obj={ name:"张三", age:15, sex:女}for(var n in obj){ alert(n) //输出的依次是name、age、sex alert(obj[n]) //输出的依次是张三、15、女}...
2022-02-06 15:32:35
318
原创 数据类型、字符串转数值、数值转字符串、强制类型转换、二进制数转换为8进制、16进制、10进制
一、数据类型数据类型总共有六大种类：字符串、Number、boolean、未定义、null、Objecttypeof 用来检查变量的类型var a=123;var b='123'typeof(a);typeof(b);a是整数；b是字符串 使用typeof来判断他们的类型Number主要包括整数和浮点数；Boolean值只有两个，true和false；null就是null；undefined就是未定义的意思；二、强制类型转换1、将Number转换为string方式一、
2022-02-06 03:27:04
497
原创 扫雷小游戏
写了一个小游戏，扫雷<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>扫雷</title> <link rel="stylesheet" href="
2022-02-05 23:59:13
1729
原创 算法题 爬楼梯
题目描述：假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？示例描述：题目分析：就是爬楼梯的时候，他会有多少种方法，其实这是一个斐波那契数列，仔细地观察就会发现，当n=1的时候，有一种方法；n=2的时候，两个；n=3的时候有3个......以此类推解题思路：刚刚开始的时候，我想用二叉树，因为他只有两个跨越台阶的方式，不是1就是2，所以想使用递归的方法，但是发现这样做不出来，所以就换了一种方法，如果使用数
2022-02-05 19:22:43
356
原创 算法题 二进制求和（简单）
题目描述：给你两个二进制字符串，返回它们的和（用二进制表示）。输入为 非空 字符串且只包含数字 1 和 0。例子描述：题目分析：题目告诉我们这不存在一个空的字符串，所以不用考虑没有的情况；这是一个二进制求和的问题，同位两个数如果都为1则进1补0，如果两个数有一个是1，一个是0，则为1；解题思路：我们在学习javascript的时候，会发现其实可以将字符串转换为二进制的形式、八进制甚至是十六进制的形式，所以我们可以先将他化为十进制，然后将其相加过后，再次转换为二进制即可v
2022-02-05 16:28:43
310
原创 算法 多数元素（简单题）
题目描述：给定一个大小为 n 的数组，找到其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。你可以假设数组是非空的，并且给定的数组总是存在多数元素。例题描述：题目解析：这道题刚开始看的时候，考虑的是他是否会返回两个输出？但是仔细一想发现是不可能的，因为⌊ n/2 ⌋是向下取整，如果是偶数个的元素，那么这个值就是n的一半，并且这个要求是大于，那么说明一定要求元素至少比n/2大，这样的元素在偶数的时候只有一个；当n是奇数个元素的时候，他向下取整的时候，就会取（n
2022-02-03 15:46:53
492
原创 贪吃蛇进阶版本（javascript）
昨天写了一个贪吃蛇的小游戏，在写完之后，因为自己平时喜欢打王者荣耀这一类的游戏，所以在想能否将这个游戏进阶一下，当完成一定的要求之后，他就晋级。于是写了下面的代码：示例图如下：这个是贪吃蛇初级版本：这是贪吃蛇高阶版本：这个是当贪吃蛇最终通关过后的版本：他会有一个动态的烟花效果：下面是代码：初级贪吃蛇：<!DOCTYPE html><html lang="en"><head> <meta charset="U.
2022-02-03 00:04:32
3417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人