- 博客(40)
- 收藏
- 关注
RSS订阅原创 react中axios配合antd，完成请求数据页面显示加载框
如下代码中，不仅针对每次请求都添加了加载框，还拦截了响应，配合后端对用户登录状态进行了权限判断，未登录不可访问登录后的页面，登录后不可访问登录和注册页面。一般在管理员端，无需复杂的处理，我们可以直接在每次请求的时候给页面加一个加载框即可。客户端需要复杂处理的时候应该具体在每个页面进行处理。
2023-04-17 13:08:38
640
原创 js中事件监听，回调函数，事件捕获和事件冒泡以及事件委托的理解
那么从我的角度看，就是在我家里发生了这件事，往外扩散，从小区保安的角度看，我们小区里发生了这件事，从省领导的角度来看，是湖北省中的某个地方发生了这件事，从新闻联播的角度看，是中国的某处地方发生了这件事。以编程的方式解读就是：我作为监听器，那就是我家门口发生了敲门事件，小区保安作为监听器，那就是这个小区发生了敲门事件，依次往外推。反过来就可以继续联想，事件是被触发的，在这里代指敲门的人，于是在编程世界中就有了事件的触发者，等等…这样做会失去一些独立性，但是可以简化操作，适合使用在大量重复操作的地方。
2023-02-27 23:08:33
401
原创 react hook vs vue composition api
vue composition api底层是基于proxy代理实现，组件在最开始会注册渲染唯一一次，随后在任何一个更改data的地方，相关的function和template都会被重新计算，而不会重新渲染整个组件。react hook底层是基于链表实现的，每次组件被render的时候都会顺序执行所有的hooks，这也就导致了一个问题：不能将hooks放在if条件语句中，否则会打乱hooks的执行顺序导致错误。
2022-11-16 17:59:51
323
原创 template vs jsx
在vue中，用于声明组件的字符串模板（模板语法），有大量vue指令支持，可以快速构建页面。使用render函数编程式地创建组件虚拟 DOM 树。优点：由于在vue中，有大量指令的支持，使用template模板语法可以快速，简单的开发页面，上手简单缺点：灵活性低优点：jsx语法以编程的形式创建虚拟dom，然后转换为真实dom，这样做的好处就是十分灵活，可以在逻辑上无限优化，转换缺点：上手困难，需要有丰富的js编写经验在我们编写组件的时候，往往可以将组件分为两类：偏展示类和偏逻辑类。对于偏展示类的组件我们可
2022-11-16 17:41:15
305
原创 父组件传给子组件的对象，属性为undefined(解读：父组件异步获取数据传递给子组件，子组件无法得到值)
父组件异步获取数据传递给子组件，子组件无法得到值场景问题原因解决办法场景当我将父组件从服务端异步获取的数据传给子组件的时候，子组件里面显示不了对象的属性代码：父组件：NewsView<template> <div class="home"> <h1>好文精选</h1> <News :item="newsArray[1]"></News> </div></template><s
2022-05-25 09:30:03
3510
原创 git常用命令及顺序
git常用命令及顺序流程分支查看流程一个人用 或 多人使用但是只有一个人修改过git add . 将所有文件提交到暂存区git commit -m "commit message" 将所有文件提交到本地仓库git push 将本地仓库的内容提交到远程仓库多人合作git add . 先将自己修改好的数据提交暂存区git commit -m "commit message" 然后提交到本地仓库git pull 拉取远程仓库中最新的代码到本地仓库，git pull <远程主
2022-05-22 21:54:08
335
原创 vue中子组件修改父组件中的数据产生的问题（vue组件中数据流的单向性）
背景当你的父组件中包含一个子组件，你需要通过子组件修改父组件中的数据的时候，应该怎么做，这么说有点抽象，举个具体的例子：当你有一个记事本，父组件中有一个数组数据，里面装着的是你今天需要完成的任务，然后子组件就是每个任务，父组件通过数组使用v-for循环出所有任务，然后你点击子组件中的删除部分，就可以删除父组件中数组的元素，进而删除一个任务，那么你该如何做呢？例图思路我带你走一遍思路：1.首先，你要做的第一步，就是在子组件里面的删除节点添加点击事件，点击后实现该整行组件的删除2. 如何删
2022-05-14 23:00:08
474
原创 js刷题总结（js弱类型语言中的易错点）
js刷题总结（js弱类型语言中的易错点）背景内容1. js中数组长度和索引的关系2. reduce的参数问题3. for...in... 中i的类型问题4. for循环的break跳出指定循环问题5. 小数的向下取整是Math.floor()，向上取整是Math.ceil()6. 数组的sort方法的问题7. splice函数的沙漏效应背景js是一门弱类型语言，很多地方和其它语言有很大的差别，下面就是一些常见的问题内容1. js中数组长度和索引的关系js下标可越界，返回值为undefined
2022-05-10 21:43:54
171
原创 在js中字符与数字的相互转换
在js中字符与数字的相互转换在js中，每个字符都有对应的Unicode编码，如何将字符与字符编码进行相互转换呢？见如下两个方法：// 字符转哈希值console.log('a'.charCodeAt());// 哈希值转字符console.log(String.fromCharCode(97));结果：...
2022-05-07 20:30:31
219
1
原创 js中数组的filter方法无法返回0的问题
js中数组的filter方法无法返回0的问题问题解决方法问题现在有一个要求，编写一个函数，传入一个集合（里面都是数字），返回集合中3d倍数的元素例子：传入：[0, 1, 2, 3, 4, 5, 6, 9, 11]，返回：[0, 3, 6, 9]解决方法现在看看如下两种方法：function choose_multiples_of_three(collection) { return collection.filter(item => { if (item % 3 == 0)
2022-05-05 19:10:39
1315
原创 js中同步异步代码的执行原理（调用栈和消息队列）
js中同步异步代码的执行原理（调用栈和消息队列）背景调用栈和消息队列背景总所周知，在js的代码执行过程中，代码是分为同步代码和异步代码的，同步代码和异步代码的区分在之前博客中已经解决，那么在浏览器中同步代码和异步代码的底层到底是怎么运转的呢？同步代码和异步代码里面的方法是如何被调用的呢？调用栈和消息队列在js中，有调用栈和消息队列两个地方执行js代码，调用栈中存放的是同步代码，而消息队列中存放的异步代码，有一个口诀是：同步执行，异步等待，意思就是说，所有的异步代码必须等同步代码执行完成之后才能
2022-05-03 23:17:55
486
原创 js中异步编程的理解（回调函数，Promise，async/await）
js中异步编程的理解（回调函数，Promise，async/await）问题回调函数解决方式Promise解决方式async/await解决方式问题在js中使用异步编程向后台申请数据的时候，我们如何处理相应的操作呢？问题：你需要在页面上显示购物车的总价格，现在向后台申请商品的数量，获取到商品的数量之后，你才能计算出总价格，那么显然你需要使用异步的形式获取后台的数据，但是计算价格的代码该怎么执行呢？回调函数解决方式这就是一个很经典的问题：当一个方法需要另一个方法的返回结果的才能执行的时候该如何
2022-05-03 22:50:26
355
原创 js中的同步和异步的理解（js的执行机制）
js中的同步和异步的理解（js的执行机制）背景浏览器进程下的线程【重点】背景js是单线程语言，其中执行代码的时候，是从上往下按顺序执行的，但是总有几行代码，需要大量的时间，会导致后面的代码无法执行，而影响用户的体验例子：在执行一整段js代码的时候，其中一行代码需要向后台请求大量数据，下面有些dom的添加，以及数据的修改，显示的代码都无法执行，就为了等这一行代码这个时候，异步就出来了，它将这行代码挂起，放到另一个线程中执行，然后后面的代码就可以立即执行了，等这行代码请求完数据后，然后回调执行某个
2022-05-03 15:18:03
344
原创 如何理解移动端设计稿的计算问题（移动端屏幕适配和px转rem）
如何理解移动端设计稿的计算问题（移动端屏幕适配px转rem）背景解决方法新的问题对应的解决方法后续【重点】背景当编写前端页面代码的时候，ui给你设计好的图，设计稿的宽度一般是750，设计的像素大小也是750px，但是你的手机屏幕宽度只有375（iphone6的宽度，现在一般都是以ipone6为标准的），那么如果不适配的话，全部显示在你手机里的就是750px，一个单位宽度里面本来存放一个像素，现在要存放两个像素，那么字体就会缩小为原来的一半，从而影响页面，那么我们就需要进行转换解决方法我们只需要
2022-04-25 17:40:20
1326
原创 如何获取二维数组中所有元素的个数
如何获取二维数组中所有元素的个数背景解决方法背景在求解一些算法问题的时候，难免遇到二维数组的问题，往往需要遍历整个二维数组，并且需要获取总的元素个数来确定循环的结束条件，那么如何获取二维数组的长度呢？解决方法在Java的api中是没有获取二维数组的总的元素个数的方法的，但是我们可以获取二维数组的行数和列数，而总的元素个数就是行数乘以列数// 一个二维数组int[][] matrix = new int[2][2];matrix[0][0] = 1;matrix[0][1] = 2;
2022-04-22 11:13:59
2888
2
原创 在js中如何控制一个数的整数部分和小数部分的长度
在js中如何控制一个数的整数部分和小数部分的长度背景解决方法padStart头部补全和padEnd尾部补全toFixed指定小数长度背景背景：在编写前端代码的时候，会遇到将音乐的总时长划分成分秒的形式展示（如后台给你这首歌126秒，那你需要展示的是02:06）,这里你会遇到的问题就是如何保证整数部分必须是两位，没有值的位填充0，小数部分也是，那么接下来将引入三个方法，帮你解决这一系列的问题解决方法ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padS
2022-04-20 12:13:16
1352
转载 解决git每次提交都需要输入密码
问题描述如果我们git clone的下载代码的时候是连接的https://而不是git@git (ssh)的形式，当我们操作git pull/push到远程的时候，总是提示我们输入账号和密码才能操作成功，频繁的输入账号和密码会很麻烦，也特别烦恼。解决办法解决办法：git bash进入你的项目目录，输入：git config --global credential.helper store然后你会在你本地生成一个文本，上边记录你的账号和密码。当然这些你可以不用关心。然后接下来提交只需要输入一
2022-04-13 16:27:06
3820
原创 关于React脚手架创建的项目中兄弟组件之间传值的问题
react项目中兄弟组件如何传值背景解决办法父传子子传父兄弟之间传值背景在编写react项目的时候，难免遇到组件之间传值的问题，常见的组件传值一般是父组件向子组件传值，使用props进行传值，但是有些时候，我们需要让子组件向父组件传值，还有时候需要给兄弟组件之间传值，那怎么办呢解决办法父传子父组件给子组件传值很简单，就是通过props传值父组件：子组件子传父但是子传父就需要将思维转换一下，同样是借助props，但是父组件中传给子组件的不是一个数据，而是一个方法，然后子组件
2022-04-01 22:56:38
260
原创 React类式组件中方法的this指向问题
React类式组件中方法的this指向问题背景场景解决方法背景1.总所周知，在js中，一个类里面的变量是属于实例对象的，但是方法是属于原型对象的。2.在React中，我们要实现onClick等点击事件的时候，需要调用原型对象上的方法来操作实例对象里面的state，但是他们的this指向是不同的，onClick是以回调函数的形式执行赋给他的方法，那么默认this指向全局window，但是我们需要的是实例对象上的this，来操作state3.那么我们可以该怎么解决这个问题呢？场景<!DOC
2022-03-25 18:49:57
1009
原创 vuex的使用场景，以及vuex中state、mutations和actions的理解
vuex的使用场景，以及vuex中state、mutations和actions的理解背景：vuex中的内容：修改state工作流程的理解背景：由于vue组件之间传值很麻烦，比如登录注册中的用户名密码等，那么，我们可不可以创建一个区域，可以存放这些全局的属性呢？vuex由此诞生，他是vue全家桶里的一个插件，通过使用它，可以创建全局的属性，任何组件都可以访问并操作。vuex中的内容：vuex中的内容： vuex包含几个要素：state：在vuex内部，这个state是用于存储状态的（通俗一点
2022-03-21 15:04:56
1815
原创 从git上克隆vue项目可能需要注意的点
问题描述： 从git上克隆vue项目的时候，需要注意的是node_module包不会一并克隆过来，所以使用前记得下载一下依赖包解决方法： 在终端下载依赖包，根据不同的包管理工具使用如下命令：yarn： yarn install；npm： npm install。我遇到的一个小问题就是因为没有下载依赖包，导致出现如下报错信息：'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。...
2022-03-20 16:21:32
725
原创 虚拟机快照技术的使用（使用场景）
虚拟机快照技术的使用使用场景使用使用场景在安装一些软件或者插件的时候，可能会安装失误，或者不了解怎么安装导致后期系统难以返回原状，需要测试，这个时候我们迫切的需要一种技术来解决这个问题，那么你可以了解下虚拟机快照技术使用安装虚拟机：VM的安装镜像的下载：这里我提供一个win10系统镜像和一个ubuntu系统镜像，需要其他版本的可以去官网下载链接：https://pan.baidu.com/s/1U64-6ZPR54fMNcCuAG_9XA提取码：jxxz打开镜像，创建一个虚拟机，
2022-03-15 15:06:48
1042
原创 使用npm创建vue项目流程
创建vue项目之前的配置nodejs的安装npm的配置yarn的配置nodejs的安装nodejs的安装网上都有，但是为了后期vue项目的创建，建议不要下载最新版本的nodejs，nodejs14完全够用了npm的配置配置npm全局目录位置配置npm淘宝镜像更新npm下载yarnyarn的配置配置npm和yarn的环境变量配置yarn全局目录位置配置yarn淘宝镜像使用yarn添加vue包使用npm添加@vue/cli脚手架的包然后就可以创建vue项目了：vue create
2022-03-12 15:47:26
2370
原创 node_modules\node-sass: Command failed
他这个问题的出现就是因为你的nodejs安装的版本过高，不支持目前node-sass的最高版本（我就是安装的nodejs16，node-sass是7.0.1的样子，报错了），所以降一下node的版本就可以了，然后去搜索nodejs支持的node-sass版本，重新安装即可...
2022-03-12 13:45:44
2285
1
原创 关于npm和yarn的安装问题和yarn缓存的位置的问题
yarn中的一些问题1.yarn的安装**一定要配置环境变量（用户环境变量）**2. yarn缓存位置的配置（添加的包的位置）1.yarn的安装yarn的安装，需要提前下载好nodejs，使用npm安装：一定要配置环境变量（用户环境变量）yarn和npm的环境配置npm install -g yarnyarn的一些操作参考：yarn命令参考2. yarn缓存位置的配置（添加的包的位置）yarn和npm一样，默认安装的全局包和缓存都在C盘里：npm的在：C:\Users\Administ
2022-03-10 13:37:30
3294
原创 gitee的简单使用学习
git的简单使用学习gitee与git的关系为什么要使用git？git的下载安装git的基本配置Linux的常用命令的使用gitee的使用idea项目集成到giteegitee与git的关系git是由Linux的创始人利纳斯研发的一个技术，用于解决版本控制的问题，版本控制就是指我们在开发一个项目的过程中，对修改历史的控制，便于我们对项目历史的查看，恢复，控制。用于多人开发项目的时候，管理项目的一种技术。git只是一个技术，那么实现它的软件就有很多，国外的就是GitHub，但是有墙，网速较慢，所以我们
2022-02-05 17:09:19
161
原创 浅谈三种近场通信技术
浅谈三种近场通信技术短距离特性的定义三种短距离通信的特点蓝牙（Bluetooth）无线局域网802.11（Wi-Fi）短距通信（NFC）比较未来近场通信技术的应用场景进行分析与预测蓝牙无线局域网802.11短距通信短距离特性的定义通常情况下，通信收发两方利用无线电波井下传输信息，且能够在几十米范围内传输，皆可叫做短距离无线通信，也可称为短距离通信技术。短距离通信技术具备多种共性，即对等性、成本低以及功耗低等。目前使用较广泛的短距无线通信技术是蓝牙（Bluetooth），无线局域网802.11（Wi-
2021-12-13 20:35:37
3331
原创 基于百度LBS的定位
基于百度LBS的定位注册百度开发者账号地图定位注册百度开发者账号1.进入百度地图开放平台注册地图2.创建应用3.获取SHA1创建成功下载SDK导入jar包导入成功配置AndroidManifest.xml文件<application> <meta-data android:name="com.baidu.lbsapi.API_KEY" android:value="开发者 key" />
2021-12-04 22:04:45
563
原创 如何在java里使用sort方法对链表中自定义的元素进行排序（计数器）
如何使用java链表中的sort方法这里举例子一个**这里的关键代码只有一行，就是sort排序那行，用接口Comparator里的方法，指定根据的变量进行排序；**这里举例子一个首先，我创建了一个Item类，用于创建链表中的元素这个Item包含两个私有函数，代码如下：Item类：package lru;public class Item { private int num; private int count; public Item() { }
2021-11-10 13:25:28
892
1
原创 Android中对listView实现点击跳转设计
文章目录步骤具体做法效果截图步骤前提，先设计好有listView的页面，然后实现点击跳转页面实现跳转很简单，只需要两行代码即可具体做法1.在已经设计好的带有listView的页面下，对listView添加监听器；2.实现点击事件，点击事件中再写跳转代码（提前创建好跳转的页面）。下面是代码：// 第一步：对listView添加监听器listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
2021-10-25 21:48:54
9153
13
原创 如何在Android studio 上开发微信界面，并实现切换效果
文章目录思路页面制作上部分导航栏思路首先，需要明白明白，我们的目的是做微信界面，并实现切换效果，在切换时，对应的图标要变成绿色下面是效果图其中，微信界面，由上部分的导航栏，下部分的分区栏，以及中间的展示栏组成，上部分和下部分是静态的，用LinearLayout控件，中间的展示栏是动态的，由4张页面重叠在一起，我们用FrameLayout控件，我们要做的就是点击下面相应的图标，显示对应的页面。页面制作上部分导航栏效果：代码：...
2021-10-09 15:18:19
3759
4
原创 C#语言实现记事本
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言一、记事本图片二、记事本界面设计1.打开vs的Visual C#新建一个windows窗体应用程序2.更改窗体名称 单击窗体， →右下角属性→text 修改为“记事本”并设置剩下的窗体属性3.开始设计界面的内部4.编写程序代码5.结果展示总结前言如何用C#窗体编写一
2021-05-08 19:20:44
544
原创 委托实现信用卡用户还款功能
系列文章目录提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加例如：第一章 Python 机器学习入门之pandas的使用提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录题目一、核心代码：二、解题思路总结题目如何用C#委托实现信用卡用户还款功能？提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，
2021-04-08 00:02:26
115
原创 数组和字符串学习
数组与字符串学习后感：1.第一次接触这种平台，感觉很有意思；2.希望能在今后的日子里不断学习，锻炼自己；3.以后会在力扣中不断学习进步，然后在这里发博客，希望能越来越好；4.接下来就用在力扣中学习的一道题来作为开头吧：这个代码，很诚实的地说，我是抄的。因为一些原因，C++还没怎么学，但是呢，这并不影响我的编程学习之路，模仿就是学习的开始嘛。至少我把里面的内容差不多看懂了。。。先不发题目，试试看，能不能看出这是用来干啥的。题目：解读：class Solution {public:int
2021-03-16 00:06:07
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人