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

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

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

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

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

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

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

具体的CSS规则取决于您想要更改的是哪个部分的背景色，例如普通页码、活跃页码、上下导航箭头等。以下是一些示例CSS规则，您可以根据自己的需求进行调整：/* 修改普通页码的背景色 */background-color: #您想要的颜色;/* 修改活跃页码的背景色 */background-color: #您想要的颜色;/* 修改上下导航箭头的背景色 */background-color: #您想要的颜色;请确保将#您想要的颜色替换为您希望设置的具体颜色代码。

对于任何复杂逻辑，你都应当使用。

判断一个对象是否为空时，使用方法最为完美。

最近有同学在面试的时候被问到了这个问题。所以我们利用这篇文章对这个问题进行下解答。

二进制：是指在数学和数字电路中以2为基数的记数系统，二进制只有0和1两个数字符号，其运算规律是逢2进1，例如101101。为了与其他进制区别，二进制数的后缀都用大写字母B，例如101101B八进制：一种以8为基数的计数法，采用0，1，2，3，4，5，6，7这八个数字符号，其运算规律是逢8进1，例如77。为了与其他进制区别，八进制数的后缀都用大写字母O（不是数字0），例如77O十进制：一种以10为基数的计数法，采用0，1，2，3，4，5，6，7，8，9这十个数字符号，其运算规律是逢10进1，例如88。

input type=date在iOS上的兼容问题：在iOS中，input type=date不支持placeholder的显示，而且日期选择器样式受系统控制，无法自定义。特定字体在iOS和Android上的兼容问题：在iOS和Android上，对于某些字体，字重或者字形在不同设备上可能会有差别，导致文字显示不一致。浏览器前缀在iOS上的兼容问题：在iOS中，不使用-webkit-前缀的CSS属性会造成浏览器无法识别。解决方案：使用JavaScript模拟下拉列表，并使用CSS样式自定义。

跨域访问iframe的限制：如果父页面和iframe页面不属于同一个域名，那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象，反过来也一样。如果子页面和父页面不属于同一个域名，那么可以使用window.postMessage来进行跨域通信，父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名，而且无法修改子页面的代码，那么可以使用后端代理来解决跨域问题，父页面通过发起后端请求来获取子页面的数据。

事件的起因：在新年的某一天，一个新需求要开发。当我建完分支随便复制了一个通用的页面，路由页面的权限都配置好了，但是页面一直不渲染！整整纠结了半天时间，最后和同事一起去确认排除页面写法问题，最终解决了该次事故！！！前言目前百度搜索啥的，搜到的基本都是因为名称大小写或者起名字语义化问题引起的，对应的解决方案基本就是：修改导入变量名或首字母改为大写！！！但是本人遇到的不是那个问题，很奇葩很难发现的一个错误！内部错误，不显示在页面的报错！

这是因为toString是Object的原型方法，而Array、function等类型作为Object的实例，都重写了toString方法。不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后，的toString方法（function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串...），而不会去调用Object上原型toString方法（返回对象的具体类型），所以采用obj.toString()不能得到其对象类型，只能将obj转换为字符串类型；

0. 新增语义化标签 （header/footer/aside/main/article/section/nav）1. 新增选择器（querySelector、querySelectorAll）8. 缓存方式（sessionStorage/localStorage）2. 拖拽API（Drag and drop）3. 媒体标签 （audio/video）4. 画布（canvas）和svg矢量图。6. 多线程技术（web worker）7. 即时通讯（web socket）

1. 引入fastclick插件监听全局click事件，移动端click点击事件穿透的问题。(一般不采用，这种比较绝对~)如何使用插件FastClick。

目录1. 简要介绍git bisect命令的作用：2. 命令格式如下3. 如果无问题，要执行命令标识下4. 说明前半段是没有问题的，问题出在后半段5. 之后重复3和4步骤，一条一条记录验证6. 最后检测确认后，使用命令退出git bisect 可以用来查找哪一次代码提交引入了错误。它的原理很简单就是将代码提交的历史使用二分法来缩小出问题的代替提交范围，确定问题出在前半部分还是后半部分，不断执行这个过程，直到找到引入问题的那一次提交。其中end就是最近的提交，start就是最开始的提交。假如第一次的提交的 c

1. 展示标签 2. 只列1.8.5系列 3. 查看某一个标签的详细信息 4. 列出以开头的所有tag5. 创建标签 6. 推送标签7. 切换标签 8. 删除标签 9. 拉取标签10. 检出标签下面是更详细的说明介绍，供参考：

兼容性如下图：（基本上chrome可以，其他的或多或少都不太支持）box-reflect：包括3个值。1. direction 属性取值包括 above 、 below 、 left 、 right2. offset定义反射偏移的距离3. mask-box-image定义遮罩图像举例说明：

区别：如果在回退以后又想再次回到之前的版本，git reflog 可以查看所有分支的所有操作记录（包括commit和reset的操作），包括已经被删除的commit记录，git log则不能察看已经删除了的commit记录.一、git log最优的展示历史的命令：git log --pretty=format:"%h - %an %cr : %s" --graph* cb7...

-s 省略提交注释并返回所有贡献者列表： -n 按照贡献数量从多到少排序： -c 安装提交者而非作者来展示 -e 在其作者后面显示对应的邮箱 一般情况下合并使用，主要为了查看下对应的提交，没别的作用！

显示出了上次提交的commit id、作者信息（邮箱和姓名）、提交日期、commit message、代码diff等。语法或提交哈希来检查过去的提交。使用以下命令就可以获取往前数的第三次提交的详细信息。这样提交信息就简洁了很多。3. 还可以添加一个。标志，以简化输出信息。

现在突然出现一个需求，此时本地分支需要拉取另一个分支test上的某部分代码修改（简单说就是需要合并指定commit记录的文件修改记录到当前分支）直接开始重点讲解：在不同分支之间进行代码合并时，通常会有两种情况：一种情况是需要另一个分支的所有代码变动，那么就可以直接合并（git merge），另一种情况是只需要部分代码的变动（某几次提交），这时就可以使用以下命令来合并指定的提交：1. 在被合并的分支上进行查询commit操作2. 回到主分支后进行操作3. 建议添加-x。

平时如果写函数不确定入参数量的话，可以采用获取arguments对象来计算参数。Arguments对象如下：类数组经过Array.from变成真正的数组。将arguments类数组转化为真正的数组。看个人喜好，选择方便适合自己的写法！函数的参数获取：arguments。

3. 通过css检测系统的主题色从而全局修改样式4. 数组随机打乱顺序5. 随机获取一个Boolean值6. 把数组的第一项放到最后一项 7. dom节点平滑滚动到可是区域，顶部，底部8. 获取随机颜色9. 检测是否为空对象10. 数组克隆方法总结（clone）11. 一步从时间中提取年月日时分秒(推荐使用)12. 检测两个dom节点是否覆盖重叠13. 判断是否是NodeJ

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

classList类名操作。增删改查判断等方法去处理类名变化！

1. 使用可选链式调用2.逻辑空分配（?? =）3.逻辑或分配（|| =）4. 逻辑与分配（&& =）

【代码】Vue---elementui的合计行动态根据某个数据长度来合计。

匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。最多可以缓存多少组件实例。一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉。是个抽象组件，它自身不会渲染一个DOM元素，也不会出现在组件的父组件链中。包裹动态组件时，会被缓存不活动的组件实例，而不是销毁它们。不会在函数式组件中正常工作，因为它们没有缓存实例。主要用于保留组件状态或避免重新渲染。...

在大型应用中，我们可能需要将应用分割成小一些的代码块，并且只在需要的时候才从服务器加载一个模块。只有在这个组件需要被渲染的时候才会触发该工厂函数，且会把结果缓存起来供未来重渲染。允许你以一个工厂函数的方式定义你的组件，这个工厂函数会异步解析你的组件定义。,当在这些组件之间切换的时候，你有时会想保持这些组件的状态。以避免反复重渲染导致的性能问题。...

JavaScript---Set对象函数的使用，去重储存等方式。

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

2. 对于防抖和节流函数的详细的使用封装函数：对于防抖函数的详细封装以及简化版:对于节流函数的详细封装以及简化版:

【代码】CSS---一个CSS属性：flow-root解决float布局弊端。

代码】CSS---px、em、rem、vw、百分比的区别。

如非必须使用forEach的话，其实使用完全可以实现满足条件就中断循环的目的。

1. 常规安装2. 快速安装3. 按需引入组件3.1 main.js中, 之后按需导入组件

一、单竖杠后面是0的话，可以当做取整的运算：二、根本作用是前后数字的二进制进行相加值