绝世唐门三哥的博客，多多关注，会不定期产出高质量文章和大家共享！

原创 Vue---vuex状态管理工具的前生今世

vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库,它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

原创 Vue---11种组件传值方式总结，总有一款适合你

以上示例代码展示了Vue 2中不同组件间通信方法的实现方式。注意，对于Pinia和Vue 3+特有的通信方式，这里没有提供Vue 2的示例代码。

原创 JavaScript---双叹号的使用

处理获取不到对象值时转为布尔值的情况var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false 由于对null与undefined用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于，如果明确设置了o中flag的值（非 null/undefined/0""/等值），自然test就会取跟o.flag一样的值；如果没有设置，test就会默认为false，而不是 null或undefined。 ....

原创 CentOS------yum安装报错：Errors during downloading metadata for repository ‘AppStream’,源报错处理，简洁易懂

yum install ：：：Errors during downloading metadata for repository ‘AppStream’

原创 Python------python爬虫数据导入MongoDB数据库

开发前环境配置:Pycharm开发工具下载:Python下载:链接：https://pan.baidu.com/s/19QWYN91vzJPhaxVEEgx64A提取码：nbls64位系统的安装这个!!!MongoDB下载:链接：https://pan.baidu.com/s/1N1TrhoRDgqTmgQlrY6CUXg 提取码：52101. 在根目录中创建mongo.conf文件:复制以下内容dbpath=E:\mongodb\data #数据库路径...

原创 Array------已知数组的值value,查找对应的索引index

第一种: 利用map和indexOf来实现// 一般数组let arr = [1,2,3,4,5];let params = 1;var index = arr.indexOf(params); // 0// 对象数组var arr= [ {value: 100}, {value: 200}, {value: 300}, {value: 400}, {value: 500}];var params = 200;var index = imageList

原创 Git---git 报错 fatal: No such remote ‘origin‘ 的解决方法

解决方法:在本地运行git remote -v，没有显示任何地址，需要添加，而不是修改。运行：

原创 npm---下载资源包速度慢，切换淘宝源（粉丝福利）

先来结果执行代码，再看下面详情，干净利落~下包的命令仍然是npm。下包的命令是cnpm。

原创 Mac 免费 GIF 录制软件全攻略：下载、安装与使用指南

本文推荐了6款Mac平台免费GIF录制工具：GifCapture（开源轻量）、GIPHY CAPTURE（官方出品）、LICEcap（跨平台极简）、Gifox（功能全面）、FreeGIF（国产适配）和Kap（多格式支持）。每款工具均提供下载地址、详细安装步骤和使用技巧，涵盖不同需求场景。文章最后给出选择建议：新手推荐GIPHY CAPTURE或LICEcap，需要自定义选GifCapture/FreeGIF，轻度使用选Gifox，专业需求选Kap。这些工具都能帮助用户高效制作GIF动图。

原创 Vue 自定义指令完全指南（含 Vue2/Vue3 对比 + 完整 Demo）​

Vue自定义指令使用指南 本文详细介绍了Vue2和Vue3中自定义指令的使用方法，包括核心概念、生命周期钩子对比和实战场景应用。主要内容包括： 指令生命周期钩子详解（Vue2和Vue3版本） 基础用法对比（v-focus自动聚焦指令） 复杂指令实现（v-blur-on-outside点击空白处失焦） 通用实战场景（权限控制v-permission、防抖v-debounce） Vue2与Vue3的核心差异总结 文章通过双版本代码示例，帮助开发者掌握在不同Vue版本中使用自定义指令封装DOM操作逻辑的技巧，并强

原创 使用Intersection Observer js实现超出视口固定底部按钮

摘要：本文介绍了使用IntersectionObserver API实现底部按钮动态固定的方法。通过监听观察元素的可见性，当内容超出一屏时自动固定底部按钮，提升用户体验。文章包含完整的Vue3实现代码，详细讲解了IntersectionObserver的工作原理、参数配置和性能优化建议，并提供了移动端适配、旧浏览器兼容等注意事项。

原创 Intersection Observer 【交叉观察器】 详解​

IntersectionObserver是浏览器提供的原生API，用于高效检测元素与视口的交叉状态。它通过异步回调机制实现懒加载、滚动动画触发、底部加载等功能，相比传统scroll监听具有性能优势。使用步骤包括创建观察器、绑定目标元素和适时销毁观察器。支持配置根元素、边界边距和可见阈值，但不兼容IE。该API避免了手动计算元素位置，大幅降低了开发成本，是现代Web开发中元素可见性检测的首选方案。

原创 big.js 与 bignumber.js 完全指南：差异、统一配置与避坑技巧

本文系统分析big.js与bignumber.js在高精度计算中的差异，提出统一配置方案以确保跨项目一致性。两款库在默认精度、舍入触发时机、科学计数法等方面存在关键差异，建议通过全局配置统一小数位上限（20位）、舍入模式（四舍五入）并禁用科学计数法。针对非法值处理，提供通用校验工具函数和安全运算方法，避免空值、非数字等边界情况导致报错。最后强调运算结果应转为字符串存储，根据项目需求选择轻量级（big.js）或功能全面（bignumber.js）的方案，同时保持统一的校验逻辑。

原创 URL---history和hash模式的区别

前端路由的核心实现有Hash和History两种模式：Hash模式利用URL的#锚点特性，通过监听hashchange事件实现无刷新视图切换，兼容性好但会与原生锚点冲突；History模式基于HTML5的pushState/replaceState API，URL更简洁但需要服务器配合，仅支持现代浏览器。两种模式在URL格式、兼容性、服务器请求行为等方面存在显著差异，开发者需根据项目需求选择合适方案。

原创 知识点---解决inline-block的4px间距问题

摘要：当元素设置为display:inline-block时，HTML中的空白字符（如空格、换行）会被解析为约4px的间距。解决方案包括：1) 消除HTML中的空白字符；2) 父元素设置font-size:0；3) 子元素使用负边距；4) 改用Flex布局。推荐使用消除空白字符或Flex布局方法，既彻底解决问题又兼容性好。如需兼容旧环境，font-size:0也是可靠选择。

原创 列表：vue3项目展示，首列固定其余列横向滑动效果

摘要：分享了一个InsCode小部件效果图，鼓励用户复制代码自用并点赞支持。内容简洁明了，强调代码可自由复制，同时表达了对用户支持的感谢。

原创 单词记忆-轻松记忆10个实用英语单词（16）

本文介绍了10个常用英语词汇（ship, restart, advance, easily, recursive, course, turn, direction, enhance, combination）的核心含义、读音、例句及衍生用法，并提供了记忆技巧。每个词条包含音标标注、典型例句（附译文）和联想记忆方法，通过词根分析和近义词对比帮助学习者掌握词汇。这些词汇既包含具体名词（如船舶、课程），也涵盖抽象概念（递归、方向），涉及技术、日常等多个使用场景。

原创 IOS 弹性滚动手动禁用（部分场景需要）

iOS网页禁用弹性滚动方案：1.CSS方法可全局禁用（html/body设置overflow:hidden和touch-action:none）或局部控制（单独容器开启滚动）；2.JS方法监听touchmove事件阻止默认滚动行为。注意会降低用户体验，建议仅在全屏应用等特殊场景使用，并注意iOS版本兼容性差异。局部滚动区域需单独处理，保持正常交互功能。

原创 MacOS-Terminal直接command解压缩文件文件夹

摘要：本文介绍macOS终端解压文件的常用命令，包括ZIP(unzip)、TAR(tar -xzvf/-xjvf)、RAR(unrar x)和7Z(7z x)格式的解压方法，并说明如何指定解压目录。同时提供安装缺失工具(通过Homebrew)和解决权限问题的建议，指出终端解压适合批量处理和自动化操作，能有效提升工作效率。全文以实际命令示例为主，涵盖常见格式的解决方案。

原创 单词记忆-轻松记忆10个实用英语单词（15）

词根"administer"（管理）+ 后缀"-ator"（执行者）。：前缀"re-"（重新）+ "paint"（油漆）——强调重复动作。：前缀"in-"（非）+ "direct"（直接）——反向联想。：精选的（如"select goods"）；：词根"current"（当前的）+ 副词后缀"-ly"。：词根"substance"（物质）——强调实际存在。：联想"part"（部分）——解析即拆分组成部分。：联想"limit"（限制）——消除即突破限制。：对比"elect"（选举）——均含挑选动作。

原创 单词记忆-轻松记忆10个实用英语单词（14）

职位（如"permanent staff"正式员工）；：基因缺失（如"gene deletion"）；：基因缺失（如"gene deletion"）；：公平性（如"equal rights"平等权利）；：公平性（如"equal rights"平等权利）；：障碍（如"barrier"）；：排他性（如"only child"独生子女）；：障碍（如"barrier"）；：排他性（如"only child"独生子女）；：印刷字体（如"in print"）；：印刷字体（如"in print"）；

原创 单词记忆-轻松记忆10个实用英语单词（13）

拆分“identi-”（身份） + “-cal”——身份相同。：联想“blackboard”（黑板）——板子的常见用途。：联想“cushion”（垫子）——缓冲区的功能类似垫子。：联想“construct”（建造）——指令是建造的指南。：联想“protect”（保护）——检测是保护的前提。：联想“imagine”（想象）——图片是想象的载体。：联想“hatch”（孵化）——捕捉与孵化都需要动作。：联想“glide”（滑行）——与滑动动作相似。：联想“day”（天）——与每日相关。

原创 单词记忆-轻松记忆10个实用英语单词（12）

拆解“a-ver-age”，“ver”类似“verify”（核实），需计算核实。：名词与“control”（控制）相关，动词与“solace”（安慰）同源。：反义词“decrease”（减少），前缀“in-”表向内/加强。：词根“repeat”（重复）加形容词后缀“-itive”。：联想“ruler”（尺子/统治者），规则需要衡量或掌控。：对比“lower”（较低的），直接对应“up”（向上）。：联想“tale”（故事），有天赋的人常被传颂。：符号“-”直接对应，对比“plus”（加）。

原创 单词记忆-轻松记忆10个实用英语单词（11）

拆分“micro-”（微小）+“soft”（软），联想“微小软件”起家的公司。：前缀“pro-”表“向前”，词根“duce”表“引导”，向前引导即“产出”。：词根“place”（地点）+“-ment”（名词后缀），强调“定位动作”。：/prəˈdjuːs/（动词）；：联想“speak”（说）加后缀“-ch”，强调“说的内容”。：词根“ply”表“折叠”，引申为“贴合需求”（申请或涂抹）。：词根“cept”表“拿取”，概念是“从现象中提取的核心”。：前缀“de-”表“向下”，联想“向下压进度”导致延迟。

原创 单词记忆-轻松记忆10个实用英语单词（10）

原创 单词记忆-轻松记忆10个实用英语单词（9）

/ˈaɪðər/ 或 /ˈiːðər/：词典给出了该术语的明确定义。：你可以选择任何一个选项。：在方程中，“n”是指数。：数据以图形化方式呈现。：昂贵不必然意味着更好。：实际成本高于预估。

原创 单词记忆-轻松记忆10个实用英语单词（8）

additionaldearlyprompttransportablepassdisplaypredictpackgreatlyanytime

原创 单词记忆-轻松记忆10个实用英语单词（7）

国会将于下周对该法案进行投票。：他是一位坚定的共和主义者。：因素，因数，指数，凝血因子。：时间是这个项目的关键因素。：他自认为是一名民主主义者。：这次营销活动提升了销量。：她是古代历史的权威专家。：互联网提供了海量信息。：联邦政府宣布了新政策。：过去十年技术飞速发展。：这个国家实行民主制度。：代表大会，政治组织。：权威，影响力，专家。：民主的，平等参与的。

原创 单词记忆-轻松记忆10个实用英语单词（6）

本文解析了10个常用英语单词，包括transfer（转移）、position（位置）、restore（恢复）、presence（存在）、ring（戒指）、message（信息）、via（通过）、generate（生成）、printout（打印输出）和possibly（可能地）。每个词条均包含含义解释、国际音标注音、实用例句及中文翻译，帮助学习者掌握正确发音和用法。内容涵盖日常交流、商务办公等场景，适合英语初学者巩固基础词汇。

原创 单词记忆-轻松记忆10个实用英语单词（5）

英语单词解析摘要：本文解析10个常用英语单词，包括技术术语(bug错误、emulator模拟器)、数量单位(mega百万)、农业词汇(crop庄稼)、时间概念(moment瞬间)、语言相关(translation翻译)、数学概念(remainder余数)、科学术语(physical物理的)、频率副词(often经常)和空间词汇(margin边缘)。每个词条包含音标、例句及中文翻译，涵盖计算机、农业、数学等多个领域，帮助读者准确理解单词含义及用法。

原创 单词记忆-轻松记忆10个实用英语单词（4）

本文整理了10个常用英语词汇，包括"trailing"（拖尾的）、"compiler"（编译器）、"whereas"（然而）、"cost"（成本）、"arrange"（安排）、"table"（表格）、"compose"（组成）、"instant"（瞬间的）、"build"（建造）和"experiment"（实验

原创 单词记忆-轻松记忆10个实用英语单词（3）

本文提供了10个常见英语单词的简明记忆方法。

原创 单词记忆-轻松记忆10个实用英语单词（2）

本文介绍了10个常用英语单词的简明记忆方法，包括短语（phrase）、字母（letter）、终止（abort）、概述（overview）、有效（effective）、独特（unique）、保存（preserve）、压缩（compress）、插入（insert）和保留（retain）。每个单词均提供标准读音标注（如/freɪz/）和实用例句（如"她重复短语以便记忆"），帮助学习者快速掌握词义和用法。这些词汇涵盖日常交流和学习场景，特别适合英语初学者系统记忆基础词汇，提升语言应用能力。

原创 单词记忆-轻松记忆10个实用英语单词（1）

本文提供了10个常用英语单词的简明记忆方法，包括typewriter（打字机）、lowercase（小写字母）等。每个词条包含含义、音标和实用例句，帮助学习者快速掌握词汇。例如，typewriter例句展示其使用场景，incompatible说明其应用限制。重点词汇覆盖设备、技术、行为等多个领域，适合英语初学者快速积累基础词汇。通过简短定义和生动例句的结合，有效提升单词记忆效率。

原创 Mac-获取开机时间（命令方式）

【摘要】本文介绍了获取系统开机时间的实用技巧：通过sysctl kern.boottime命令获取时间戳，其中sec即为开机秒数，再使用date -r命令将其转换为可读日期格式。示例展示了将时间戳1753922556转换为2025年7月31日的具体操作。该技巧适用于系统运维和故障排查场景，提供了快速获取系统运行时间的便捷方法。（99字）

原创 移动与桌面终端管理利器：Android、Windows、Mac 全平台精选指南

终端工具精选指南：Android推荐Termux（开源全能）、JuiceSSH（专业远程）和TermBot（轻量连接）；Windows优选Windows Terminal（官方多标签）、Cmder（开发者友好）和MobaXterm（全协议支持）；Mac首推iTerm2（生产力神器）、Alacritty（极简高性能）和Termius（全平台同步）。各平台工具均经实测，满足从基础操作到专业开发的终端需求，按场景选择可显著提升工作效率。

原创 《bignumber.js 速查手册：API 详解与最佳实践》

说明：每个方法都返回新的 BigNumber 实例，支持链式调用。

原创 UI-整合 ECharts 及其生态库后的全量汇总表

所有链接可直接访问，建议保存表格以备查阅！

原创 Vue 3 ～ 3.5 版本useTemplateRef使用

注意，useTemplateRef版本要在 3.5 以后才可使用，版本低的 ref 替代问题也不大～

原创 Vue 3 响应式 Ref 全解析：从基础到高阶应用

本文系统性地介绍了Vue3中与ref相关的API，包括ref、shallowRef、customRef、toRef和toRefs等，通过对比分析帮助开发者深入理解其差异与适用场景。ref适用于大多数常规响应式需求，shallowRef则用于性能优化，特别是在处理大型对象或第三方库实例时。customRef提供了更精细的控制，适用于复杂逻辑和异步操作。toRef和toRefs则用于保持响应性链接，特别是在解构或传递属性时。文章还提供了性能优化技巧和常见问题解答，帮助开发者根据具体需求选择合适的ref类型。