我们经常可以在网站的右上角看到你所在的一些地理位置信息，比如IP地址、国家、省份、城市。那这些信息是如何获取的呢？今天我来和大家分享一下... 以SpringBoot项目为例，首先我们需要导入一个非常重要的依赖Jsoup，它是什么呢？Jsoup 是一个用于解析、操作 HTML 文档的 Java 库。它提供了简单、灵活和强大的 API，使得在 Jav…
如果你是一名wordpress站主并且希望自己的网站能够自动上传一些文章，那么这篇文章或许对你有所帮助。 准备工作 名称下载链接wordpress6.3.2Download | WordPress.org China 简体中文火车头采集V10.24火车采集器最新版免费下载_火车采集器V10版下载-火车采集器官网 (locoy.com)ripro-v…
这段时间工作涉及到了移动端页面，用到了rem单位，做个记录。 什么是rem? rem是相对长度单位。相对于根元素（html元素）font-size计算值的倍数的一个css单位，也就是我们前端常说的适配单位rem。因为rem的特性，常被用来做移动端适配，pc端页面不推荐使用rem。 rem的移动适配原理 举个例子： 设计稿宽度：600px 移动设备：…
首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图： 可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。 &nbs…
position属性的作用 position 属性用来指定一个元素在网页上的位置，一共有5种定位方式，即 position 属性主要有五个值 static relative fixed absolute sticky 下面就依次介绍这5个值，最后一个 sticky 是2017年浏览器才支持的 static属性值 static 是 position …
前端 flex布局：Flex 布局教程：语法篇 - 阮一峰的网络日志 (ruanyifeng.com) float属性：经验分享：CSS浮动(float,clear)通俗讲解 - 杨元 - 博客园 (cnblogs.com) 元素定位：CSS 定位详解 - 阮一峰的网络日志 (ruanyifeng.com) 大佬博客 echo博客：Echo – 记…
Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性 任何一个容器都可以指定为 Flex 布局 .box{ display:flex; } 行内元素也可以使用 Flex 布局 .box{ display:inline-flex; } Webkit内核的浏览器，必须加上 -webki…
初识vue <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>初识Vue</title> <!-- 引入Vue --> <script type="text/javascript" sr…
昨天晚上失眠了，刷短视频时一条视频让我十分感慨，引起我的共鸣。 讲的是假性努力，什么是假性努力呢？顾名思义，就是我们以为我们自己很努力，然而只是在原地踏步，没有提升自己。每天循环往复，久而久之的闭环，让你处于一种舒适圈，无法挣脱的状态。 假性努力很难改么？是的，非常难改，而且我们生活中有很大一部分人群的一生就是在假性努力中从生到死。给大家两点理由。…
需求 前一段时间公司要进行数据转移，将我们ES数据库中的数据转移到客户的服务器上，并且使用定时将新增的数据同步，在这过程中学到了很多，在此记录一下！ 技术栈 Mysql + Redis + ElasticSearch + Kafka 方案 为了降低服务器的压力，在每天的零时进行推送数据，推送前比较上一次推送记录在Redis中的数据，此记录为ES数据…