一个好用且开源的全能 IP 工具箱！
大家好，我是 Java陈序员。
在日常开发中，经常需要查询 IP 地址，检测 IP 信息，做一些网络连通性测试。
今天，给大家介绍一款开源好用的 IP 工具箱，帮助你轻松查询 IP 信息！
关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
MyIP —— 一个好用且开源的全能 ...
Web前端入门第 56 问：JavaScript 变量声明 var、let、const 区别
曾经 var 如帝王一般统治过 JS 的变量声明，直到后来大佬们实在是忍不了 var 那稀烂的声明规则，便引入了 let 和 const 这两大刀斧手，var 被轻轻松松的斩落马下，如今，再难看见 var 的身影。
变量声明
在 JS 中，所有变量都可以用 var、let 和 const 这三个关键字声明。
// 字符串
var name1 = '前端路引';
let name2 = ' ...
使用 vxe-table 合并单元格、分组列头的详细用法
使用 vxe-table 合并单元格、分组列头的详细用法
查看官网：https://vxetable.cn
gitbub：https://github.com/x-extends/vxe-table
gitee：https://gitee.com/x-extends/vxe-table
代码
通过设置 merge-cells={ row: 第几行开始, col: 第几列开始, rowspan: 合并多少行, colspan: 合并多少列 } 配置合并规则
<template>
...
Web前端入门第 55 问：JavaScript 严格模式与非严格模式区别
JavaScript 默认是非严格模式的，可以通过 "use strict"; 启用严格模式。此声明语句可以放在 JS 文件顶部，也可以放在函数内部。
启用严格模式
1、外部脚本在 JS 文件开头声明，内部脚本在 <script> 标签开头声明，声明后所有 JS 代码启用严格模式：
"use strict";
console.log('Hello World!');
错误写法：
console.log( ...
520表白神器
大家好，我是晓凡
520来了，给大家做了一个浪漫的网页表白工具，帮助你向心爱的人表达爱意。
需要源码的小伙伴直接跳转到文章末尾获取。
功能介绍
浪漫启动页：显示相识天数和小时数，营造浪漫氛围
动态情书系统：打字机效果展示情书内容，支持自定义内容
趣味互动游戏：
爱心捕捉：点击飘动的爱心获取分数
记忆拼 ...
记录---前端图像五兄弟：网络 URL、Base64、Blob、ArrayBuffer、本地路径，全整明白！
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
你有没有在写前端的时候，突然迷糊了：
为啥这张图片能直接 src="https://xxx.jpg" 就能展示？
为啥有时候图片是乱七八糟的一串 Base64？
有的还整出来个 Blob，看不懂但好像很高级？
有时还来个 ArrayBuffer，这又是哪位大哥？
最离谱的是：我本地图片路径 ...
t06_vue在mac操作系统中热更新失效问题包括cli与vite
1、问题原因
用vuecli与vite创建的vue项目，默认是没有热部署更新的。而且查阅大量资料后仍然找不到解决方法
这个我认为是mac的m系列芯片的问题
为什么我会这么认为，因为相同的项目，node_moudules我都没有变过，再win系统中与mac系统同时运行，只有win系统是可以正常热部署的，mac就跟死了一样。这个问题真的是令人抓耳挠 ...
制作一个炫酷的多小球碰碰的 JS 网页特效，入门弹性碰撞模拟和类的应用
目录前言先画一个圆完善我们的类小球动起来最简单的碰撞计算，接触墙壁反弹向量类的完善检测两小球之间的碰撞完善碰撞的效果重复计算的问题撞击墙壁定格问题内存问题随机数生成多个小球参考资料
.demoVS { width: 450px; max-width: 450px; height: 450px; border: 0 }
前言
在前端开发里，canvas 是 HTML5 里最炫酷的工具 ...
自制体积不到 2kB 的代码编辑器，areaEditor.js，增强 textarea 标签的代码编辑体验
目录起因快速使用缩进功能缩进类型自动补全括号犯难自动补全阻止补全编辑框抖动在空行按下删除键，清空封装代码怎么压缩 JavaScript 代码更多的功能？
起因
前两天我搞的那个在线 HTML 新标签页预览功能 https://www.cnblogs.com/duyuanshang/p/18829312 ，很好用，最近在我工作上帮了很大的忙，它可以让我不用打开本地代码 ...
记录---前端动态导入（import.meta.glob）
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
以下详细介绍 import.meta.glob 的使用：
1. 参数详解
import.meta.glob(
pattern, // 匹配模式：字符串或字符串数组
{
eager?: boolean, // 是否同步导入
import?: string | string[], // 指定导入的内容
query?: string｜Record<string, ...
Web前端入门第 54 问：JavaScript 3 种书写位置及 script 标签的正确存放位置
JS 的代码并没有强制规定放在 HTML 中的某个位置，如果您有使用过开发者工具查看过网页源码，那么您会看到很多 JS 代码都以 .js 文件的形式存放，并且放在了 HTML 文件最后，也就是 </body> 结束标签之前。
但如果仔细观察，在 <head> 标签中，也会找到很多 script 标签引入的 JS 代码。
那么您是否好奇过他们都有哪些区别 ...
vue 表格组件，记录 vxe-table grid 获取 rowIndex 行索引、列索引的详细说明
vue 表格组件，记录 vxe-table grid 获取 rowIndex 行索引、列索引的详细说明
https://vxetable.cn
表格有 3 种索引机制：
行索引：rowIndex、$rowIndex、_rowIndex
列索引：columnIndex、$columnIndex、_columnIndex
不同的索引区别在于是否启用虚拟滚动，如果未启用虚拟滚动情况下，基本都相同的；如果启用虚拟滚动后，如 ...
2025年每个前端开发人员都应该准备的 40 个 JavaScript 面试问题
无论你是在为下一个重要的前端职位做准备，还是只是想温习一下 JS 基础知识，这40 个 JavaScript 面试题都能帮助你脱颖而出，自信满满💪🏻。从基础知识到高级技巧，应有尽有。
快来深入了解吧！🔥
40 个 JavaScript 面试题及答案
1.❓什么是 JavaScript？
了解 JavaScript 的核心是什么，能帮你为其他一切打下坚实的基础， ...
Web前端入门第 53 问：JavaScript 的各种调试方法
任何一门编程语言，在学习之前都应该先弄清楚它的调试方法，毕竟没有不挖坑的人类！
程序一旦出现问题，第一时间就是找到问题出在哪儿，其次才是拿出解决办法。如果都找不到问题原因，那又何从谈起解决办法呢？
如何排查编程问题，这就是一门艺术了，同样的问题，也许 A 只需要 10 分钟，B 可能需要 30 分钟，C 可能束手无 ...
开发者福音！一个开源免费的跨平台代码片段管理工具！
大家好，我是 Java陈序员。
作为开发者，日常学习工作中，常常会记录一些常用的代码片段、脚本等，方便需要时复制粘贴使用。
然而，常常苦于没有一款好用的工具来管理这些琐碎而繁杂的代码。
今天，给大家介绍一个开源免费的跨平台代码片段管理工具，帮助你更好的收集、整理、展示、搜索代码片段。
关注微信公众号：【Java ...
Web前端入门第 52 问：JavaScript 的应用领域
截至目前，您应该对前端的 HTML + CSS 应该有了很清楚的认知，至少实现一个静态网页已经完全不在话下了。
当然，CSS 功能绝不止这些，一些不太常用的 CSS 相关知识，后续将通过案例进行分享。
那么咱们接下来看看 JavaScript 的相关知识，作为前端领域三剑客之一，JavaScript 也是前端最核心的技术。
JavaScript 简称 JS， ...
记录---前端怎么自动检测代码更新？
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
在前端开发中，我们通常会使用打包工具（如 Vite、Webpack）将 JS/CSS 等资源构建上线，并配合 CDN、浏览器缓存来加速访问。但问题也随之而来：
“我已经发布新版本了，怎么用户还看到旧界面？”
“为啥修复的 bug 还在？”
原因很简单：用户浏览器缓存了旧的静态资源，没 ...
Web前端入门第 51 问：移动端适配的视口元标签（meta）常见使用场景
经常查看网页源码的同学应该都有注意到，基本上面向移动端的所有网站都有个 <meta name="viewport" xxx> 这样的HTML元素。
为什么需要 meta 标签？
在移动端刚起步的时候，默认网页是以 PC 端的宽度渲染，这就导致用户看到的网页过小，需要用户手动缩放才能看到网页内容。
在移动端发展过程中，标准逐渐完善，就演变出了 me ...
jQuery Ajax 实用方法精要
大家好，欢迎来到程序视点！我是你们的老朋友.小二！
jQuery Ajax 实用方法精要
核心概述
本文系统介绍了jQuery框架中Ajax相关方法的使用，从简单封装到底层实现，全面解析了如何利用jQuery简化异步请求开发。
主要Ajax方法
1. 便捷封装方法
**load()**：加载远程HTML并插入DOM
自动GET/POST转换
支持内容筛选("url ...
解决uniapp实现ios系统中低功耗蓝牙通讯失败问题
📱 UniApp 实现 App 连接低功耗蓝牙（BLE）通讯
手头上有一个 uniapp 实现低功耗蓝牙通讯设备的项目，本来 Android 版本没问题已经上线，到了发布测试 iOS 出问题了，连接上了设备但是通讯失败，排查了下才发现是协议通讯中有包含六位 ID，也就是设备的 MAC 地址，因为设备主要标识符通常是设备 MAC，Android 能直接获取， ...
