- 博客(30)
- 收藏
- 关注
RSS订阅原创 家用电脑做服务器，本地服务器搭建，公网IP申请，路由器改桥接模式，拨号上网
因为正常配置操作来说，会把自己的电脑作为一台服务器，但是我觉得有点浪费了，于是我在虚拟机上安装windowsServer 2022，把虚拟机作为服务器使用，自己的电脑还可以作为自己的私人电脑使用，还是比较适合我的使用场景的！再改完桥接之后，就不能正常上网了，需要对我们自己的路由器进行配置，改拨号上网模式，路由器配置可以通过路由器的后台管理地址去登录，也是在路由器的背面哈，有登陆地址，账号密码，上网设置改为pppoe，在设置完拨号上网后，设置成功就有网络了。觉得自己又行了，可以登录后台管理地址，自己去操作。
2023-11-06 17:59:48
2083
原创 nvm下载、nvm安装、nvm修改镜像源、nvm使用
nvm（Node Version Manager）是一款用于管理 Node.js 版本的工具，可以轻松地在一个系统中切换和安装多个 Node.js 版本。使用 nvm 可以让你轻松地升级或降级 Node.js 版本，也可以在同一台机器上同时使用多个版本的 Node.js。
2023-06-12 11:33:38
57096
10
原创 npm下载依赖报错、proxy出现问题、npm（registry）默认源修改...... npm常用操作集合，看完这篇了解 npm配置项
前往nodejs官网下载nodejs版本，傻瓜式安装nodejs，node安装完成npm也就安装好了。Node.js官网。
2023-06-02 17:26:36
6594
1
原创 nginx的使用、静态文件服务器，SSL终端代理，反向代理，负载均衡
在上面的配置文件中，我们定义了一个服务器集群myapp，包含三个后端服务器backend1、backend2和backend3，其中backend1的权重为3，其他两个服务器的权重为1，所以backend1将获得更多的流量。它也是一种可用于负载均衡的工具。Nginx可以使用不同的算法来将客户端请求分发到不同的后端服务器上，以实现负载均衡的目的。通过这个简单的配置，我们可以实现nginx的负载均衡功能。这是一些基本的负载均衡方法，nginx还提供了更高级的负载均衡功能，如动态服务器组成和自适应负载平衡等。
2023-05-17 11:25:43
586
原创 前端跨域解决方案
预检请求：对于非简单请求（如请求方式为PUT、DELETE、PATCH、Content-Type不为text/plain等），浏览器会先发送一个OPTIONS的预检请求（Preflight），服务器端需要返回Access-Control-Allow-Headers、Access-Control-Allow-Methods和Access-Control-Allow-Origin等头部信息来进行配置，来决定是否允许跨域访问。保存配置文件之后，重启 Nginx，然后在前端项目中就可以访问代理服务器了。
2023-05-17 10:58:53
1156
原创 前端自动化发布，自动部署Linux服务器，一次配置，终身一键使用（ahd-deploy）
前端自动化部署项目Linux到服务器，一次配置，终身使用。简单好配置。不需要在服务器下载任何东西即可使用，非常适合内网开发的童鞋们
2023-02-07 10:21:59
667
4
原创 浏览器的开发者工具详细介绍和使用方法
①右键单击网页上的任何项，然后选择 “检查”。②按++（Windows、Linux）或 ++ （macOS）。③按 。④“更多”图标 (...) >更多工具 > 开发人员工具。⑤按 + 下以打开右键单击菜单。 若要选择 “检查”命令，请按下，然后按。图标工具：工具选项卡：图标： 单击“ 检查”工具 () 按钮，可以选择当前网页上的元素。 当 检查 工具处于活动状态时，可以将鼠标移动到网页的不同部分，以获取有关页面元素的详细信息，以及显示页面元素的布局尺寸、填充和边距的多色覆盖。 单击 设备仿真 () 按钮
2022-12-07 08:35:57
3793
原创 node.js实现前端自动化部署项目到服务器的实现源码
nodejs开发的前端自动化部署工具，适用于linux系统的服务器，需要具备一点nodejs的基础，
2022-11-29 17:26:10
1597
4
原创 currency.js -用于处理货币值的小型轻量级 JavaScript 库（也可以处理数值计算精度问题等）
currency.js -用于处理货币值的小型轻量级 JavaScript 库（也可以处理数值计算精度问题等）
2022-09-21 14:53:47
3337
原创 linux系统安装nginx、linux系统操作防火墙
linux安装nginx详细步骤，Linux打开防火墙的操作命令 查看安装是否成功 查看版本号（4）nginx下载 nginx官网下载链接tips：我是把下载的压缩包放到了usr目录下（使用ftp上传也都可以） 能在同级目录下面找到解压后的文件夹（10）看能否查看到安装路径控制台打印：nginx: /usr/loca............
2022-07-10 12:20:19
1268
原创 使用verdaccio搭建npm私服
环境：node.js①首先需要node环境，没有安装node的话自行去官网下载 下载链接②使用npm下载全局安装verdaccio③查看版本号是否安装成功，显示版本号即安装成功④在cmd命令行输入verdaccio就可以启动私服⑤修改配置文件启动私服后弹出的代码行中的第一行就是配置文件存放的路径，warn --- config file - C:\Users\admin\AppData\Roaming\verdaccio\config.yaml配置文件一定要改，否则默认只能本机访问，
2022-06-28 09:03:39
666
原创 前端自动化部署项目到服务器（deploy-cli-service）
npm地址:deploy-cli-service - npm (npmjs.com)服务器系统：windows项目：vue服务器运营商：腾讯云npm源有本地安装方法，这里不再介绍，详情可参考地址跳转链接-->npm ③查看帮助信息（一）命令行形式初始化项目只演示了开发环境的命令行初始化配置 这里有 dev（开发环境），test（测试环境），prod（生产环境）操作方式：上下按键：切换环境空格按键：进行选择和取消选择按照自己的实际情况进行填写 ，填写完成之后会在文件下自
2022-06-27 12:52:49
2306
7
原创 域名加上ssl证书之后，网站接口也变成https请求，导致无法加载数据库数据
环境：域名：腾讯云服务器：windows2019前端：vue后端：node有关https证书安装，腾讯云有详细配置教程 链接问题产生原因：我把网站域名变成了https，接口也变成了http请求数据，node接口是http请求导致数据无法请求成功①把接口由http请求转换成https请求在更改成功之后，新的问题出现了，问题原因是https请求还是请求不到后端数据②在后端添加https的请求方式 配置如上 完成之后，启动node服务，通过访问https请求接口数据就成功了 ，http访问接口数据也
2022-06-23 13:57:17
1739
原创 VUE 报错 Duplicate keys detected: ‘9‘. This may cause an update error.
Duplicate keys detected: '9'. This may cause an update error.
2022-06-16 11:27:19
385
原创 Element-UI日期组件限定日期范围1/1日 - 1/3日
element-ui组件日期选择器限定范围选择如2020/1/1-2020/1/3限定范围选择下面举例在表格中的嵌套使用，能看懂的小伙伴以此类推。直接上代码！！！<template> <div> <el-container> <el-header> <el-row> <el-form :model="tableData"> <
2022-04-06 19:55:23
994
原创 element-ui中的表格与表单混用方法及表单校验
效果图只是简单写一个样式和使用方法，剩下的可以按照自己所学的知识进行扩展！<template> <div> <el-container> <el-header> <el-row> <el-form :model="tableData" :rules="tableData.Rules" ref="tableData"> <.
2022-04-02 12:24:10
1914
原创 GET和POST的区别，何时使用POST？
GET和POST的区别，何时使用POST？请求方式不同GET使用地址栏提交参数;而Post是通过提交请求体提交参数。文件传输大小不同GET对所发送信息的数量也有限制, 传送的数据量较小，不能大于2KB。post 传送的数据量较大，理论上没有限制，看服务器是否有限制。安全性不同post表面上看是比get安全，但是都不够安全，属于没有加密的传输，https加密传输GET是从服务器上获取数据，post 是向服务器传送数据,一般用于修改服务器上的资源。在以下情况中，请使用 POS
2022-04-02 11:25:53
1332
原创 宝塔面板使用PM2添加node接口失败--避坑
平常node接口通过pm2的设置添加接口就可以直接访问，今天又买了一个服务器，结果在添加时候出了意外 一直没能添加上去。一直试错之后 发现是我的文件命名除了问题，文件命名不能有空格存在， 对于前端服务器的知识 ，我也略懂一点，希望可以帮助更多初学前端的朋友，可以点击连接进行qq交流，点击进行QQ临时窗口对话...
2022-02-11 16:32:35
1273
2
原创 vue键盘事件在element-ui中使用要加 @keydown.enter.native=“submitForm(‘ruleForm‘)“才能用
在element组件标签上使用键盘事件的时候，需要在事件后面加上.native才能够使用，如下@keydown.enter.native="submitForm('ruleForm')"在element组件内部或者外部使用键盘事件的时候，正常使用就好了，如下@keydown.enter="submitForm('ruleForm')"...
2022-02-09 16:51:38
4338
原创 vue中keep-alive的include、exclude两个属性--避坑 和使用2个钩子函数activated、deactivated
keep-alive用法简介：我们在切换路由的时候，上一个页面就会被销毁，新的页面也会被创建，keep-alive它可以缓存组件，防止组件销毁，也就是说，我们在进行路由切换时，上次访问的页面数据依然存在，不会进行销毁。普通用法：只需要用keep-alive把需要缓存的组件包裹即可： <keep-alive> <router-view></router-view> </keep-alive>include属性：字符串或正则表达式。
2022-02-08 10:44:48
5699
原创 使用npm下载vue-router(vuex)路由报错，“export ‘XXXX‘ was not found in ‘vue‘
今天在写vue项目使用cnpm下载路由，然后就报错"export 'ref' was not found in 'vue'原因：cnpm install vue-router --save 现在默认下载的是4.x的版本 ，我是用的是vue2.x的版本，其实在下载的时候就已经提示我vue的版本不是3.x的，如图：如果你不确定的下载的vue路由版本的话，可以去package.json文件去查看：解决方案：cnpm i vue-router@3 --save ...
2022-02-08 10:18:50
3436
原创 前端几种可视化大屏组件库图表插件介绍
经理给我分配了可视化大屏数据项目，我看了好多组件库和去百度搜索，最后总结出几种比较好用的组件库来介绍一下，国外版本的我就直接抛弃了（英语1级）1.Echarts官方网址他是百度团队开源的，反正是老牌图表插件工具了，里面有许多图表。不过感觉太死板，不好看，但是问了一些前辈，他们都推荐的这个，直到后来我在度娘找到了下面这个文档改变了我对Echarts的看法。2.MakeAPie官方网址这个应该是Echarts的社区吧，里面的图表都是基于Echarts的。五颜六色种类挺多的。.
2022-01-21 14:05:32
25632
31
原创 图片批量重命名的2种好方法
第一种，使用 CTRL + A （全选）快捷键或者按CTRL键使用鼠标选中部分图片按F2（重命名快捷键） 或者 鼠标右键→重命名重命名只有一个图片出现编辑框，编辑完成回车就可以了。第二种，使用pptX文档更改。格式为（image1.jpeg,image2.jpeg,image3.jpeg......）新建ppt文档点击插入→图片pptX！pptX！pptX！ 我试了ppt 文档 压缩后不能打开找到图片所在的路径，全选图片后点击打开 ，保存文档...
2022-01-20 17:47:56
20211
2
原创 vue循环绑定img图片路径加载不出来？使用这两种方法绝对好使
相信来到这里，应该是图片路径的难题困扰了你。我的图片路径明明是正确的呀！为什么图片出不来呢？其实是引入方式的问题，还是老样子，我们直接上方法。第一种：使用require引入本地图片路径。第二种：使用远程服务器图片路径。第三种：（大聪明——自研失败品：可忽略不看）修改本地路径与vue项目路径保持一致。第一种：使用require引入本地图片路径。<template> <div> <!-- 循环遍历data中的img数据 绑定index --&
2022-01-20 16:54:08
8756
2
原创 vue隐藏tabbar的方法
在配置路由实例时：let router = new VueRouter({ routes: [ { path: '/home',//配置路由 component: () => import ('../components/home'),//按需引入 meta: { showTabBar: true//在路由meta对象设置一个布尔值showTabBar } }, {
2022-01-18 15:10:57
1159
原创 vue访问未定义的路由时重定向404
我们在访问未配置的路由时，就会出现一个空白界面，如何重定向404呢，废话不多说，直接来方法。第一种：官方路由守卫。第二种：可以在配置路由中配置 " * " ，对未进行配置的路由进行重定向。第一种实现方法：使用路由守卫进行。这种方法也可以实现404跳转，但是具有一定的局限性，如果路由配置的比较多的话，使用不太方便，这里就不介绍路由守卫了，看一下官方文档就很容易理解。第二种：可以在配置路由中配置 " * " ，对未进行配置的路由进行重定向。import Vue from 'vu
2022-01-18 14:55:34
3036
原创 CSS3使盒子垂直水平居中的3种办法
盒子居中也是我们代码功能实现的很重要的一个部分，下面来介绍一下三种解决办法1.定位的盒子垂直水平居中，使用margin或者transform移动盒子2.弹性盒子布局，使用主轴和副轴的对齐方式使盒子居中3.绝对定位，上下左右都为0，使用margin:auto实现盒子居中第一种方式：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m
2021-12-01 15:38:18
1944
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人