- 博客(42)
- 收藏
- 关注
RSS订阅原创 NPM运行保存问题解决
可以看到LTS下的版本列表，我选择了18.19.1版本，执行如下命令进行安装。我本机安装了nvm管理工具，所以通过nvm去查询下node的版本信息。然后就静静等待安装结束，直到看到控制台输出如下信息，表示安装已经完成。百度了一下，是说版本不对，不是LTS版本，建议我更换Node版本。然后我们执行nvm use 18.19.1就可以生效该版本。安装完成后我们用如下命令查看一下。然后看到如下可以安装的版本信息。接下来就可以愉快的编码了。我在控制台运行如下命令。
2024-02-20 12:27:31
714
原创 解决NPM安装依赖包卡住的问题
百度过，网上也给了很多方案，结果验证后都是无效的，最后自己突然想到能不能关闭SSL验证呢，说干就干。最近研究前端的一些技术点，在使用npm安装依赖包的时候发现会卡住，时间超时后会报如下错误。执行完上述命令后，如果没有任何错误那就表示运行成功了。接下来运行npm install命令试试。
2024-02-20 11:02:36
366
原创 多文件上传
实际工作中往往使用较多的是JavaScript方式实现多文件的上传，因为除了上传文件外，还需要额外上传相关的文件元数据信息，所以使用JavaScript的方式更加实用。看下面的示例，基于vue的框架编写的文件上传组件。以上是使用html自带的标签元素实现的文件上传。// 这里添加文件上传的逻辑处理代码。属性，以下简单描述多文件上传的步骤。HTML中实现多文件上传是通过用。属性，以允许用户选择多个文件。* 监测文件上传控件变化。属性允许用户选择多个文件。HTML表单准备，使用。
2024-01-07 21:49:33
950
原创 单文件上传
这只是一个基本的HTML结构，实际上，要使文件上传功能更加完善，还需要使用后端技术来处理文件的接收和存储。另外单文件上传还可以结合JavaScript语言来实现，以下是一个简单的例子，演示如何使用JavaScript结合HTML实现文件上传，并通过Ajax发送文件到服务器。随着Web应用的普及，文件上传功能成为许多网站和应用不可或缺的一部分。在早期的html应用中，都是使用form标签中嵌套来实现文件上传的，具体代码如下。本人这里也提供一个基于Vue3的文件上传实现，代码如下。'% 上传中...'
2024-01-06 21:17:14
925
原创 正则表达式
接下来看看“\”，这个符号表示转移，就是说如果需要匹配类似[,],^,+等有特殊含义的字符，可以用"\"做转义。JavaScript的正则表达式有两种写法，一种是字面量模式的写法，一种是构造函数模式的写法。先后输入hi，this，what等字符串，发现hi和this可以匹配，what不能匹配。再来看比较类似的表达式“{x,y}”，表示前一模式可以被重复x到y次。接下来看另外一个表达式"{x}"，该表达式表示前一模式可以被重复x次。接下来看下"()"，这个表示可以指定一堆字符来匹配一个模式。
2023-12-23 18:02:37
856
原创 JS作用域
上述代码中变量x就是全局作用域，方法f1的作用域也是全局，f1方法中的变量y是局部的，y的作用范围仅限f1方法体内，离开了f1的方法体的作用范围，就无法获取到y的值，所以上述的例子中最后打印y的时候是undefined。上述代码能正常运行，首先全局变量a对于f1方法体是可见的，在f1方法体内对全局变量a进行赋值，修改为3，所以f1()方法执行完毕后输出a的值是3，上面这段代码相对大家应该都比较容易。这就是上面这段代码的预解析过程，只要把这段代码的预解析搞明白了，就能猜到他的结果输出了。
2023-12-22 23:00:55
481
原创 Javascript预解析
我们可以看到，运行结果为12，为什么会这样呢？这就牵扯到JS的预解析，首先Javascript会预解析代码中所有的变量和函数，因此在执行sum(2, 10)函数前已经将sum函数进行解析了，所以在调用sum函数的时候能正常输出。 为什么会讲到这个预解析呢，个人认为工作了很多年的前端可能都不一定搞清楚这个机制，所以还是将这个记录下来作为自己的学习比较，同时也分享给广大的其他爱学习的前端开发者们。我们看一下结果吧，会发现这段代码会抛出如下错误。运行结果如下，是不是跟你推测的结果一致呢。
2023-12-22 09:59:44
459
原创 数组的常用方法
返回一个新的数组，包含从start到end（不包含该元素）的数组。运行结果：red,blue,green以逗号分隔的字符串。将所有数组元素结合为一个字符串，可以自定义分隔符。删除数组首个元素，并把所有其他元素向前位移。从数组中删除最后一个元素。向数组的开头添加新元素。向数组末尾添加新元素。
2023-12-21 22:41:24
359
原创 对象的常用方法
合并两个对象的属性，返回合并后的对象，不改变原对象的值，如果对象的属性重复，后面对象属性的值覆盖前面对象的属性值。获取对象的每一项属性的键和值，包装成一个数组，并返回一个二维数组。如果对象存在该属性则返回true，否则返回false。获取对象的所有键并返回键的数组。获取对象的所有值并返回值的数组。检测对象是否拥有某个属性。为对象动态设置多个属性值。
2023-12-21 22:05:19
510
原创 元素3D效果
看完上面的解释如果还是觉得难以理解的话，我们可以简单的认为在平面上的物体由于距离的远近而显示出不一样的效果，同时让人眼感觉是一个三维立体的存在。这里我们说明一下，transform属性的执行顺序是从右向左执行的，所以上述的执行顺序是先按y轴旋转90度，再向右侧移动150像素。至此，3d效果的正方体就制作完成了，当然还是有一些问题，比如3、4、5面的数值显示方向有误，主要是旋转方向的问题，我们调整一下。数值为2的div块，我们让他往屏幕右侧移动150像素，再沿着y轴旋转90度，设置值如下，
2023-08-19 20:46:16
124
原创 元素的动画
我们会看到属性值的顺序会引起不一样的效果，这里我们总结一下，transform属性的执行顺序是从右到左依次执行，比如第一个组合就是先触发旋转动作，再触发位移动作，第二个是先触发位移动作，再触发旋转动作，所以最终的效果不同。另外transform属性的函数可以混合使用，让我们看一下把transform的属性改为如下。上述效果实现鼠标移入元素时触发元素的旋转，正数顺时针，负数逆时针。3d转换指在x轴、y轴和z轴组成的3维空间中发生的转换。上图效果实现鼠标移入元素时触发元素的缩放效果。转换分为2d和3d转换。
2023-08-14 21:37:54
102
原创 元素的渐变
degree2：从degree2到100%的部分都用color2填充，跟color1没有有重叠的部分进行渐变，也就是degree1到degree2部分进行渐变，取值可以是百分比或具体的像素值。基础径向渐变：需设置两个及两个以上的颜色，颜色之间用","间隔，颜色会平均分配，根据设置颜色的顺序，进行渐变。上述的例子是基础线性渐变的例子，其实就是进阶渐变的默认模式，设置两个颜色，默认从起点色标渐变到终点色标。位置，表示渐变中心点的坐标。可以发现从0~70%都是纯色的红色，从70%到100%是红色到黑色的渐变。
2023-08-13 20:04:28
491
原创 元素弹性布局
table布局在早期是很流行的，因为使用table布局的表格结构清晰，易于理解，表格结构支持行列跨度，可以实现复杂的布局，但是他也有缺点，不利于SEO，复杂的页面代码也非常复杂，难以维护，不支持响应式布局，在移动端上不能很好的适配。浮动布局让程序员可以更加自由的去定制页面，他可以让元素浮动起来实现任意位置的布局，但是浮动布局也有一些场景使用起来不是很方便，比如横向浮动时经常会有空白间隙的问题，还有高度塌陷的问题等等。效果：可以看到就算项目合起来的宽度超过了父元素的宽度，也不会换行，会将项目的宽度进行压缩。
2023-08-12 12:36:04
67
原创 高级选择器
属性选择器专门用于通过元素的属性及其值匹配页面中的元素，当类，id和元素选择器无法区分元素时，就可用属性选择器按属性的差异来区分元素，属性选择器可用任何属性作为条件，且支持模糊匹配，所以应用及其广泛，格式如下。E[attribute |= val]选择器：选择属性attribute的值是用连字符“-”分隔的单词，并以val开头的E元素，主要用于lang属性，比如”en”、“en-us”、“en-gb”等。伪元素选择器专门匹配元素中的内容，而不是匹配元素，常见的如下。
2023-08-09 20:40:37
102
原创 元素的浮动
可以发现文字不是在新的一行，而是紧跟着html元素，这就导致布局无法按照我们预期的方式展现，这就是接下来我们要说的高度塌陷问题，那这个问题该如何解决呢，以及解决方式都有哪些，接下来我将罗列目前已知的几种处理方式，大家可以根据实际情况选择使用。发现box1脱离了普通文档流，因box2还是属于普通文档流，所以直接顶上去，占据了box1元素原先的位置，接下来我们设置box1右浮动。可以看到效果一致，但是为了清除浮动，在html页面上增加一个元素，就显得多余，而且还会影响文档结构，也不推荐。
2023-08-08 00:16:10
163
原创 元素的定位
一、定位概念HTML的定位默认从上到下，垂直排列，也有水平排列的布局这就是普通的文档流采用的定位方式，块元素默认占满一行，块元素之间从上到下排列，垂直排列，块元素有div，p，h1等，如下图，6个div，每个div占满一行
2023-08-07 00:04:30
380
原创 上传本地仓库到github远程仓库
如何将本地代码上传到github远程仓库打开本地的文件资源管理器，定位到具体的目录右键鼠标菜单打开如下界面输入如下命令ssh -T git@github.com经过上述步骤后，工程文件就可以直接push到远端的github仓库了...
2022-04-22 18:38:30
235
原创 四、SolrCloud的安装
安装Zookeeper1.下载Zookeeper官网地址：https://www.apache.org/dyn/closer.lua/zookeeper/zookeeper-3.6.3/apache-zookeeper-3.6.3-bin.tar.gz或者也可访问地址：http://archive.apache.org/dist/zookeeper/自行选择版本下载下载完Zookeeper的压缩包后，解压压缩包，目录结构如下：打开conf目录，拷贝该目录下的zoo_sample.cfg文件为z
2021-09-16 21:24:24
405
原创 三、Solr管理控制台（二）
索引库相关操作Overview索引库的总览，显示集合的信息和分片信息Analysis分析器：这个功能可以用来调试字段的分词效果左边部分是针对索引解析器的处理过程，右边部分是针对查询解析器的处理过程，我们来做一下测试，选择底部的字段或者字段类型，这里我们选择content字段，输入“I love you”，然后点击Analyse Values按钮，让我们来看一下索引解析器和查询解析器的处理结果从图中可以看出，左侧索引使用到的解析器如下：ST解析器（StandardTokenizer）-
2021-09-13 19:57:29
1239
原创 二、Solr管理控制台（一）
1. 管理控制台介绍1.1 Dashboard（总览页）1.1.1 InstanceSolr的运行实例信息1.1.2 Version当前运行Solr的版本信息以及对应的Lucene版本信息1.1.3 JVM当前Solr运行的相关JVM的信息，包含JDK信息，CPU核数，Java启动参数信息1.1.4 System当前Solr运行环境的物理内存、交换空间、JVM内存空间的使用情况信息1.1.5 Security当前Solr运行的安全相关信息（目前没有涉及到这块）
2021-09-11 19:01:05
757
原创 一、Solr安装（单机版）
一、Solr下载访问官网地址：http://archive.apache.org/dist/lucene/solr/从这里选择版本进行下载二、Solr安装本人这里下载的是windows操作系统下的8.9.0版本的安装包，文件名solr-8.9.0.zip2.1 解压安装包本人解压后的目录是d:\solr8.9.0，解压后的目录如下目录名 目录说明 bin 可执行文件的所在目录 contrib Solr的扩展jar包, 用于增强Solr功能 dist
2021-09-11 15:56:40
525
原创 Hyper-V导致VmWare无法启动虚拟机的问题
由于Windows10的Hyper-V导致VmWare无法正常启动的问题及处理问题现象：问题原因：由于Windows 10启用Hyper-V技术后，可以在 Windows 上以虚拟机形式运行多个操作系统。具体来说，Hyper-V 提供硬件虚拟化。 这意味着每个虚拟机都在虚拟硬件上运行。 Hyper-V 允许你创建虚拟硬盘驱动器、虚拟交换机以及许多其他虚拟设备，所有这些都可以添加到虚拟机中。这种机制会导致依赖于特定硬件的程序不能在虚拟机中良好运行。 例如，需要使用 GPU 进行处理的游戏或应用程
2021-06-06 16:12:55
3185
1
原创 （一）Istio简介和安装
文章目录什么是istio下载安装包配置环境变量检测结果安装istio设置命令自动完成安装istio文档到本地什么是istio在谈istio之前，我们先搞清楚一个概念，那就是服务网格（Service Mesh），服务网格是什么呢？按我自己个人的理解，服务网格就是一个基础环境，协调搭载在它上面的应用的不同部分进行工作，同时还可通过服务网格的一系列策略来控制部署在服务网格上的应用，如：流量治理，入口网关，出口网关，熔断，故障注入，超时等，另外，通过服务网格的各种监控指标数据，还可以实时监控应用的运行情况，对
2021-04-20 09:48:19
456
原创 （二）Kubernetes安装
文章目录环境规划安装方式主机规划环境搭建环境初始化安装docker安装Kubernetes组件准备集群镜像安装网络插件环境规划Kubernetes集群大体分为一主多从和多主多从两大类：一主多从：一个master节点和多个node节点，搭建简单，存在单点故障，一般用于测试环境多主多从：多个master节点和多个node节点，搭建复杂，安全性高，用于生产环境安装方式Kubernetes的安装方式有3种，minikube，kubeadm，二进制包minikube： 用户快速搭建单节点kubernet
2021-03-26 19:14:40
205
原创 （一）Kubernetes介绍
文章目录应用部署方式演变传统部署虚拟化部署容器化部署Kubernetes的介绍Kubernetes的组件Kubernetes中的概念应用部署方式演变传统部署早期的部署模式，直接将应用部署到物理机上优点：简单，不需要其他技术的参与缺点：不能为应用程序定义资源使用边界，很难合理分配计算资源，而且程序之间容易产生影响虚拟化部署可以在一台物理机上运行多台虚拟机，每个虚拟机都是独立的运行环境优点：程序运行环境不会互相影响，资源容易分配，且安全性较高缺点：每台虚拟机都需要安装操作系统，造成了部分的资
2021-03-26 09:22:58
164
原创 一、SpringCloudAlibaba环境搭建
目录软件准备环境安装一、安装nacos-server二、安装数据库三、导入数据三、配置nacos启动nacos服务window执行linux执行创建SpringBoot工程配置application.yml文件启动应用软件准备nacos-server-1.4.1.zipmysql 5.7maven 3.2 +JDK8 +环境安装一、安装nacos-server访问地址：https://github.com/alibaba/nacos本人下载的时候最新的release版本是1.4.1版
2021-03-04 13:44:25
609
1
原创 ZooKeeper的使用
目录一、连接二、使用1、查看节点2、创建节点2.1、创建永久节点2.2、创建临时节点2.3、创建顺序节点3、查看节点数据4、更新节点5、删除节点一、连接进入ZooKeeper安装目录下的bin目录，输入如下命令进入ZooKeeper的客户端./zkCli.sh成功进入后显示如下：二、使用1、查看节点命令格式：ls [-s] [-w] [-R] path参数描述-s除了显示节点，还额外显示节点的详细信息-w简单显示节点-R显示路径及路劲下的所有子
2021-02-25 11:24:25
137
原创 ZooKeeper的安装
文章目录一、下载安装包二、安装1、环境准备2、上传安装包到服务器3、解压缩安装包三、配置1、配置环境变量2、配置软件运行服务器列表3、配置数据目录4、配置myid四、运行五、测试一、下载安装包 访问zookeeper的官网下载地址，我这里下载的时候最新版本是3.6.2，大家也可以通过点击下面的超链接去下载。zookeeper 3.6.2二、安装1、环境准备 ZooKeeper的运行需要依赖于JDK环境，所以我们需要先安装JDK，本人安装的是JDK1.8，至于如何安装，请自行百度，这里默认大
2021-02-21 10:08:49
212
原创 ZooKeeper的介绍
文章目录前言一、zookeeper是什么？二、zookeeper的设计理念1.引入库2.读入数据总结前言软件的发展从单体应用到现在的分布式应用，软件的架构也变得越来越复杂，作为一个架构师，肯定需要了解大量的软件为自己的软件架构奠定基础，而zookeeper作为一款分布式协调的软件，被许许多多的中间件使用，如：Kafka、Hadoop、HBase、Solr等，为什么这么多的软件都使用到了zookeeper呢，他的好处在哪里呢？让我们来一起了解下。一、zookeeper是什么？zookeeper 是
2021-02-18 19:12:36
254
4
原创 Linux 用户和用户组管理
Linux系统是一个多用户多任务的分时操作系统，任何一个要使用系统资源的用户，都必须首先向系统管理员申请一个账号，然后以这个账号的身份进入系统。用户的账号一方面可以帮助系统管理员对使用系统的用户进行跟踪，并控制他们对系统资源的访问；另一方面也可以帮助用户组织文件，并为用户提供安全性保护。每个用户账号都拥有一个唯一的用户名和各自的口令。用户在登录时键入正确的用户名和口令后，就能够进入系统和自己的主目录。实现用户账号的管理，要完成的工作主要有如下几个方面：用户账号的添加、删除与修改。 用户
2021-01-29 13:30:42
218
原创 Docker学习笔记（一） - Docker安装
1、安装yum-utilsyum install yum-utils device-mapper-persistent-data lvm2安装yum-utils是为方便添加yum源使用的，device-mapper-persistent-data和lvm2是储存设备映射（devicemapper）必须的两个软件包。2、配置yum源由于默认是国外的yum源，基本不可用，我们这边修改为阿里源或清华源yum-config-manager --add-repo https://mirrors.aliyu
2021-01-28 11:10:43
2772
1
原创 Linux 文件与目录管理
我们知道Linux的目录结构为树状结构，最顶级的目录为根目录 /。其他目录通过挂载可以将它们添加到树中，通过解除挂载可以移除它们。在开始本教程前我们需要先知道什么是绝对路径与相对路径。 绝对路径： 路径的写法，由根目录/写起，例如： /usr/share/doc 这个目录。 相对路径： 路径的写法，不是由/写起，例如由 /usr/share/doc 要到 /usr/share/man 底下时，可以写成：cd ../man这就是相对路径的写法。 处理目录的常用命令...
2021-01-27 13:39:18
72
原创 Linux 文件基本属性
Linux 系统是一种典型的多用户系统，不同的用户处于不同的地位，拥有不同的权限。为了保护系统的安全性，Linux 系统对不同的用户访问同一文件（包括目录文件）的权限做了不同的规定。在 Linux 中我们通常使用以下两个命令来修改文件或目录的所属用户与权限：chown (change ownerp) ： 修改所属用户与组。 chmod (change mode) ： 修改用户的权限。下图中通过 chown 来授权用户，通过 chmod 为用户设置可以开门的权限。在 Linux 中我们
2021-01-27 13:38:29
461
原创 Linux 远程登录
Linux 一般作为服务器使用，而服务器一般放在机房，你不可能在机房操作你的 Linux 服务器。这时我们就需要远程登录到Linux服务器来管理维护系统。Linux 系统中是通过 ssh 服务实现的远程登录功能，默认 ssh 服务端口号为 22。Window 系统上 Linux 远程登录客户端有 SecureCRT, Putty, SSH Secure Shell 等，本文以 Putty 为例来登录远程服务器。Putty 下载地址：https://www.putty.org/如果你下载了
2021-01-27 13:37:36
249
原创 Linux 忘记密码解决方法
很多朋友经常会忘记Linux系统的root密码，linux系统忘记root密码的情况该怎么办呢？重新安装系统吗？当然不用！进入单用户模式更改一下root密码即可。步骤如下：重启linux系统3秒之内要按一下回车，出现如下界面然后输入e在第二行最后边输入single，有一个空格。具体方法为按向下尖头移动到第二行，按"e"进入编辑模式在后边加上single回车最后按"b"启动，启动后就进入了单用户模式了此时已经进入到单用户模式了，你可以更改root...
2021-01-27 13:36:55
68
2
原创 Linux 系统目录结构
登录系统后，在当前命令窗口下输入命令：ls /你会看到如下图所示:树状目录结构：以下是对这些目录的解释： /bin： bin 是 Binaries (二进制文件) 的缩写, 这个目录存放着最经常使用的命令。 /boot： 这里存放的是启动 Linux 时使用的一些核心文件，包括一些连接文件以及镜像文件。 /dev ： dev 是 Device(设备) 的缩写, 该目录下存放的是 Linux 的外部设备，在 Linux 中访问设备的方式和访问文件的..
2021-01-27 13:36:10
66
原创 Linux 系统启动过程
linux启动时我们会看到许多启动信息。Linux系统的启动过程并不是大家想象中的那么复杂，其过程可以分为5个阶段：内核的引导。 运行 init。 系统初始化。 建立终端 。 用户登录系统。init程序的类型：SysV:init, CentOS 5之前, 配置文件： /etc/inittab。 Upstart:init,CentOS 6, 配置文件： /etc/inittab, /etc/init/*.conf。 Systemd：systemd, CentOS 7,配置文件...
2021-01-27 13:35:14
124
原创 Linux 安装
本章节我们将为大家介绍 Linux 的安装，安装步骤比较繁琐，现在其实云服务器挺普遍的，价格也便宜，如果直接不想搭建，也可以直接买一台学习用用，参考各大云服务器比较。本章节以 centos6.4 为例。centos 下载地址：可以去官网下载最新版本：https://www.centos.org/download/以下针对各个版本的ISO镜像文件，进行一一说明：CentOS-7.0-x86_64-DVD-1503-01.iso: 标准安装版，一般下载这个就可以了（推荐） Ce..
2021-01-27 13:34:09
106
原创 Unity3D学习笔记（二） - Unity3D的许可证管理
一、管理许可证安装完Unity3D后，需要申请许可证才能正常使用，官网对个人版提供了免费申请的服务，我们可以通过Hub界面的管理许可证来获取全新的许可证当然，如果没登录要先进行登录，这里我选择用微信登录微信登录需要点击上图中的账号登录-->电子邮件登录，然后出现如下图所示：我们就可以看到微信的图标了，点击微信图标微信扫码后，点击允许就成功登录了，接下来进入许可证申请环节点击激活新许可证点击完成完成许可证的申请，结果界面如下：这里完成了Unit
2021-01-26 13:30:30
5281
原创 Unity3D学习笔记（一） - Unity3D的安装
一、访问Unity3D的官网https://unity.cn/releases/lts选定版本后，点击对应版本的从Hub下载按钮开始下载，从Hub下载类似一个Unity3D的下载器一样，可以定制自己的Unity3D用到的组件，个人推荐使用这种方式。二、安装Unity3D Hub首先把下载下来的Hub进行安装，安装步骤很简单，直接下一步就可以了。三、安装Unity3D安装完Hub，运行Hub你可以通过点击添加已安装版本，安装你本地已经安装的Unity3D的其他版本，也可以通
2021-01-26 13:20:51
677
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人