- 博客(38)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 如何获取用户请求的真实ip,并返回访问者的ip地理位置？node,vue
前端获取访问者的真实的外网ip,可以通过调用接口https://api.ipify.org/来获取。你也可以直接在网页上访问它来看自己的外网ip。ipify介绍：ipify是一个免费的公共 API，用于获取设备的公共 IP 地址。它通过查询服务器获取用户的 IP 地址，并将其返回给用户。ipify的工作原理是通过查询公共的 DNS 服务器来获取用户的 IP 地址。当用户向ipify发送请求时，ipify会查询 DNS 服务器，并将查询结果返回给用户。这个查询结果就是用户的公共 IP 地址。
2024-03-10 12:01:33
5225
原创 pm2启动的node项目访问不了,npm start却可以访问
这个目录不一定，无论是express写的还是node写的都有这个目录 可以根据package.json 中的node 运行命令找到该目录。输入该命令，查看启动的服务端口是否有被监听到，如3001，4000之类的，是node项目启动时候自己配的那个，其中demo为项目的名字，可以随便写 ./bin/www是你的node 项目的启动目录。例如pm2 delete mysite。先删除启动的这个项目。
2024-02-13 22:09:48
1631
原创 【Linux中增加Nginx虚拟主机配置文件(conf.d)】后访问80端报403
访问的静态资源文件XXX,也就是打包上传的包含index.html的前端页面文件夹没权限。2.权限问题，如果nginx没有web目录的操作权限，也会出现403错误。将nginx.config的user改为和启动用户一致。1，如果nginx是root用户启动的 则需要。在nginx.conf的http模块新增。后 重启nginx报403。
2024-02-07 22:08:18
718
原创 【Linux中MySQL启动，3306端口未被占用】telnet 主机ip 3306无法连通解决方案
注释掉skip-grant-tables。修改etc/my.cnf。
2024-02-07 21:59:37
603
原创 【Linux中MySQL启动，3306端口未被占用】telnet 主机ip 3306无法连通解决方案
注释掉skip-grant-tables。修改etc/my.cnf。
2024-02-06 16:48:32
936
原创 linux 安装mysql报错 This CMake script will look for boost in ＜directory＞. If it is not there, it wil
根据菜鸟教程中安装mysql的安装方法走。上面的代码是菜鸟教程中的命令，在前面多加一句。其中/usr/local/mysql/为安装boost的目录。这个报错原因是没安装boost,
2024-02-01 21:22:17
427
1
原创 nuxt.js项目从创建到上线学习笔记
nuxt.js项目创建到上线笔记一、生命周期三大类：服务端生命周期nuxtServerInit、middleware、validate、asyncData服务端和客户端共同有的生命周期created、fetch客户端生命周期mounted...二、nuxtjs请求接口1 .请求接口使用asyncData这个生命周期asyncData中没有this，需要return返回数据pages文件夹中的.vue文件使用2. fetch也可以请求接口，但是接口数据渲染到页面上，有时候有
2022-05-20 00:06:04
486
原创 文字移出隐藏（css方案）可指定第几行隐藏
demo代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
2022-05-18 23:30:17
442
原创 vite中语法糖插件使用方法
解决场景 ： 在组件中开发无需每次都引入 import { ref }…1.安装npm i unplugin-auto-import -D2.配置：vite.config.js中import AutoImport from 'unplugin-auto-import/vite'export default defineConfig({ plugins: [ AutoImport({ imports:['vue','vue-router']//自动导入vue和vue-router
2022-05-18 17:06:23
174
原创 vue3项目less的自动化导入
使用脚手架开发，如果用vite记得配置是否支持require和@的问题。遇到问题： 每次使用公用的变量和mixin的时候需要单独引入到文件中解决方法： 使用vuecli的style-resoures-loader插件来完成自动注入到每个less文件或者vue组件中style标签中。在当前项目下执行一下命令vue add style-resources-loader，添加一个vuecli的插件安装完毕后会在vue.config.js中自动添加配置，如下module.exports = {
2022-05-18 16:55:49
578
原创 vue3项目脚手架@不提示路径问题,以及vuex数据持久化配置
1.创建jsconfig.json文件，配置如下：{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"], } }, "exclude": ["node_modules", "dist"]}解决@不提示路径问题2.vuex的插件vuex-persistedstate来支持vuex的状态持久化npm i vuex-persistedstateimport { cre
2022-05-18 16:48:19
1706
原创 原生html编写学上信息表格
<table border="1" width="400" height="400"> <!-- 表格整体的大标题 --> <caption><h3>优秀学生信息表格</h3></caption> <!-- 表格的头部 --> <thead> <tr> <th>年级</th> <th>姓名&
2021-12-17 16:56:18
299
原创 原生js动态生成表格
<style> table { width: 500px; margin: 100px auto; border-collapse: collapse; text-align: center; } td, th { border: 1px solid #333; } ..
2021-12-17 15:13:28
256
原创 vscode新手必用插件推荐
插件作用Chinese (Simplified) Language Pack for VS Code中文（简体）语言包Open in Browser右击选择浏览器打开html文件JS-CSS-HTML Formatter每次保存，都会自动格式化js css 和html 代码Auto Rename Tag自动重命名配对的HTML / XML标签CSS Peek追踪至样式...
2021-08-06 21:09:03
181
原创 js时间格式化函数，获得系统时间并格式化输出
function getDate() { var date = new Date(); // 我们写一个 2019年 5月 1日 星期三 var year = date.getFullYear(); var month = date.getMonth() + 1; var dates = date.getDate(); var arr = ['星期日', '星期一'
2021-02-26 23:12:29
150
原创 js判断一个字符串中出现最多的字符，并统计其次数
// 有一个对象 来判断是否有该属性 对象['属性名'] var o = { age: 18 } if (o['sex']) { console.log('里面有该属性'); } else { console.log('没有该属性'); } // 判断一个字符串 'abcoefoxyozzopp' 中出现次数最多的字符，并统计其次数.
2020-12-21 18:38:14
468
原创 js查找字符串中某个字符出现的位置以及次数
// 查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数 // 核心算法：先查找第一个o出现的位置 // 然后 只要indexOf 返回的结果不是 -1 就继续往后查找 // 因为indexOf 只能查找到第一个，所以后面的查找，一定是当前索引加1，从而继续查找 var str = "oabcoefoxyozzopp"; var index = str.indexOf('o'); var n...
2020-12-21 18:24:41
2914
原创 CSS基础选择器
第01阶段.前端基础.CSS基础选择器CSS选择器（重点）学习目标：理解能说出选择器的作用id选择器和类选择器的区别应用能够使用基础选择器给页面元素添加样式2. CSS基础选择器2.1 标签选择器概念：标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。语法：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 作用：标签选择器 可以把某一类标签全部选择出来 .
2020-10-12 08:16:28
147
原创 CSS-盒子模型-边框、外边距、内边距
第01阶段.前端基础.盒子模型盒子模型（CSS重点）css学习三大重点： css 盒子模型 、 浮动 、 定位主题思路：目标：理解：能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的2个条件能说出外边距合并的解决方法应用：能利用边框复合写法给元素添加边框能计算盒子的实际大小能利用盒子模型布局模块案例2. 盒子模型（Box Model）所谓盒子模型：.
2020-10-12 08:16:10
4683
1
原创 css-浮动总结
1. 浮动(float)目标记忆能够说出 CSS 的布局的三种机制理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动能够使用PS切图工具1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中：普通流（标准流）块级元素会独占一行，从上向下顺序排列；常用元素：di
2020-10-12 08:15:54
779
原创 CSS第五天-div+css练习
1. 学成在线页面制作目标理解能够说写单页面我们基本的流程能说出常见的css初始化语句能说出我们CSS属性书写顺序应用能利用ps切图能引入外部样式表能把psd文件转换为html页面1.2 CSS属性书写顺序(重点)建议遵循以下顺序：布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）自身属性：width / height / margin
2020-10-12 08:15:32
269
原创 CSS-定位总结
定位(position)目标理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局1. CSS 布局的三种机制网页布局的核心 —— 就是用 CSS 来摆放盒子位置。CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中：普通流（标准流）浮动让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。定位将盒子定在某一个位置 自由的漂浮在其
2020-10-12 08:15:14
138
原创 CSS文字文本样式
CSS字体样式属性调试工具目标应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常用的emment语法能够使用开发人员工具代码调试1.font字体1.1 font-size:大小作用：font-size属性用于设置字号p { font-size:20px; }单位：可以使用相对长度单位，也可以使用绝对长度单位。相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。注意：我们文字大小以后，
2020-10-12 08:14:50
170
原创 CSS复合选择器、标签显示模式、行高、css背景、css三大特性
第01阶段.前端基础CSS 第二天今天我们围绕一个 导航栏案例进行学习知识点。今日重点：复合选择器后代选择器并集选择器标签显示模式CSS背景背景位置CSS三大特性优先级1. CSS复合选择器目标理解理解css复合选择器分别的应用场景应用使用后代选择器给元素添加样式使用并集选择器给元素添加样式使用伪类选择器1.1 后代选择器（重点）概念：后代选择器又称为包含选择器作用：用来选择元素或元素组的子孙后代其.
2020-10-12 06:25:52
202
dubbo-admin-2.8.4的war包
2018-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人