自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

GeorgeZrx的博客

享受按键跳动的感觉

  • 博客(21)
  • 资源 (1)
  • 收藏
  • 关注

原创 React组件中做错误处理

错误边界error boundary、错误捕捉

2023-02-10 00:03:29 203

原创 浅层解析JavaScript Promise

JavaScript内置对象Promise的浅层解析以及一些实用场景。

2023-02-08 00:10:28 145

原创 前端的防抖和节流

前端的防抖与节流浅层解析

2023-02-01 13:25:04 187

原创 vue中计算属性为什么有缓存

vue中计算属性的特性

2023-01-31 16:47:40 494

原创 前端实现点击按钮复制内容到剪切板

复制到剪切板是一项非常实用且能够提高用户便利性的功能。

2023-01-30 22:26:43 199

原创 vue3中watch的写法

vue3中监听事件写法

2023-01-30 20:15:42 233

原创 vue3计算属性写法

vue3计算属性写法

2023-01-30 19:50:51 230

原创 js查找字符串数组中的最长公共前缀

编写一个函数来查找字符串数组中的最长公共前缀。如果不存在公共前缀,返回空字符串""。/** * @param {string[]} strs * @return {string} */var longestCommonPrefix = function(strs) { let least = nums[0].length let leastIndex = 0 let targetByArr = [] .

2022-05-16 23:42:18 642

原创 基于Vite快速建立react环境

前言据2021年年底的数据统计,诞生不久的vite现已经成为了排名第一的构建工具,如果经常使用webpack,会常常遇到因为项目过大导致打包慢,热更新慢的问题,而vite的使用可以说是非常的快,为什么会这样则涉及到更多的话题,这里不做细说,这篇文章主要谈谈如何基于vite建立一个简单的react环境。创建一个react项目首先需要打开终端,进行vite的引入yarn create vite创建一个react项目yarn create vite my-app --templ

2022-01-11 22:02:41 2002

原创 Vite项目中配置Redux——基础篇

开始前你需要:知道Redux的作用并明白相关术语 npm installredux npm install react-redux npm install@reduxjs/toolkit npm installredux-thunk npm install esbuild创建store你可以在你的src目录中创建一个名为store的文件夹并在里面新建一个index.js文件在该文件中你需要有以下的结构// store/index.jsimport { config...

2022-01-11 20:34:46 691

原创 去掉div的滚动条

div设置了固定高度之后,如果div里面的内容高度超出了div被设置的固定高度,并且div没有设置overflow: hidden,那超出的部分会通过滚动的方式展示,这个时候还会有一个滚动条出现,有时候我们会觉得这个滚动条影响美观,或者因为滚动条本身具有一定的占位而影响布局,我们会想去掉这个滚动条来解决以上问题,以下的代码可以直接复制到样式表中,用以使滚动条不可见。::-webkit-scrollbar { width: 0px;}::-webkit-scrollbar-track { .

2021-12-20 10:04:31 3803 2

原创 Vue学习手册:Vue中路由的建立与使用

--在终端使用npm install vue-router --save指令安装vue-router包--在src目录下创建一个名为router的目录,并在该目录新建一个index.js文件--在index.js文件下引入vue和vue-router,并且使用Vue.use(Router)指令注册路由,然后new一个注册好的路由的实例--在实例中配置自己的路由规则,需要注意的是: 1.路由实例的传参是一个对象,需要在该对象的routes属性中编写路由规则 ...

2021-11-14 15:05:37 530

原创 Linux环境下打包文件的指令

把文件夹打包成zip文件zip -q -r XXX.zip YYY/XXX是打包后的文件夹名,YYY是打包前的文件夹名,注意不能搞反了。有时候我们需要使用shell从Linux上面下载文件到本地,如果该文件包含很多子文件,那么下载速度会很慢,如果打包成一个文件夹的话,速度可以提升几十倍或者更多,下载下来的压缩包再在本地解压就好了...

2021-10-09 17:06:00 132

原创 在腾讯云控制台下配置防火墙端口无效

前段时间在腾讯云购买了一台轻量应用服务器,在给自己的项目和mongoDB开放端口的时候发现并未生效,访问还是会被防火墙阻拦。图中可以看见服务器开放了27017端口,即mongoDB端口,但是当远程连接该服务器上的mongoDB时会被防火墙阻拦,导致连接失败。如何解决该问题?首先我们要先在Linux终端下使用指令查看该端口是否的确开放了。firewall-cmd --zone=public --list-ports //该指令用于查看服务器中防火墙开放的端口为了保证,使用该指令查..

2021-10-09 10:15:04 8814 3

原创 Linux下的防火墙

首先要说的是在我们在Linux远程服务器下配置防火墙的时候经常会遇见iptables和firewalld两个关键字,它们好像还分别各有一套关于防火墙的配置指令,这两者的关系是firewalld是centos7里面的新的防火墙命令,它的底层是使用iptables对内核命令进行管理。所以这两套命令都可以用来配置Linux下的防火墙。防火墙的配置指令以下是centOS7下使用的一些关于防火墙配置的指令查看防火墙的状态systemctl status firewalld//或者firewa..

2021-10-09 09:28:19 698

原创 解决每次重开终端都要进行source,否则环境变量失效的问题

在Linux下配置了node环境,与之前在本地的Windows下的node环境不同,一部分版本的Linux里每次重开终端,环境变量会失效,此时当我们在Linux下输入node指令时便会出现以下报错。-bash: node: command not found出现这个报错其实是node环境变量没有配置或者配置失效了,如果是没有配置,需要在/etc/profile下进行环境变量的配置,简单提一下配置方法:vim /etc/profile //输入指令打开该文件,在文件的最后面,加如下代码e

2021-10-04 15:08:15 2667

原创 部署远程服务的一些相关指令

1.查看远程端口是否被监听的指令,只有当自己项目的服务端口被监听了才表示项目可以访问netstat -ntlp2.启动mongoDB数据库的指令首先应该进入到mongodb的bin目录,然后执行以下指令./mongod -f ../conf/mongo.conf//出现以下类似返回值,说明启动成功about to fork child process, waiting until server is ready for connections.forked process: 29.

2021-09-29 20:10:45 98

原创 Promise的使用案例(一)

promise在前端开发中难免需要使用,在了解了promise之后做一些使用案例可以加深对promise的理解,方便日后熟练使用promise,本次的案例为:Promise在表单验证中的使用在表单验证中会出现常见的通过情况和不通过情况,在用promise实现验证的过程中,通过的情下况执行resolve回调,不通的情况下过则执行reject回调,以此达到验证提交数据是否合法的目的,下面用一个表单验证中验证图片数据是否合法的案例做演示。代码如下: <form name="fm.

2021-09-10 17:10:36 473

原创 js中定时器的使用、返回值和编号机制

js中,定时器是很常用方法,一般定时器有以下两种setInterval(function,delay)该定时器为周期定时器,delay为一个毫秒数,不需要单位,以该毫秒数为一个时间单位,setInterval每隔一个时间单位会调用一次function,这里有一个小细节,即在方法运行时,实际的执行时间会比delay所给的毫秒数长一些,实际延时比设定值更久的原因:最小延迟时间;eg:timer1 = setInterval(function(){console.log("我是周期定时器" +

2021-08-21 16:08:20 2251

原创 建立可以动态删除的表格

DOM操作练习先在html中建立一个表格,如下表格中有四列,其中第四列中的每个td元素里面有一个按钮,而每个按钮都绑定了删除操作,当点击删除的时候,需要把该按钮所在的整个tr删除,即删除所在行。<table> <tr> <th>编号</th> <th>姓名</th> <th>年龄</th> &lt

2021-08-14 10:11:37 99

原创 使用js提取列表文本,练习操作dom节点

使用js提取列表文本,练习操作dom节点在html中写下一个无序列表,如下。firstsecond1second2second3thirdfourthfifth以该列表作为一个dom树中的父节点,分析该节点的子节点,有5个元素节点,需要注意的是,还有6个空白文本,即6个文本节点,如下图,红色框中的空白也为一个子节点,在该列表中共有6个。图1现在明确一下需求:把列表中的除去空白文本的文本(即first、second1、second2、second3、third、fourth、fifth

2021-08-13 08:26:10 670

todolist.zip

Vue项目实操——使用Node.js+Vue.js重构Todolist 使用Node.js操作mongoDB接口

2021-10-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除