2024-10-29文章讨论了HTML中哪些元素可以获取焦点，包括使用contenteditable属性的<div>元素，设置tabindex属性的<p>元素，以及<input>和<a>元素在不同条件下的焦点行为。内容详细解释了各属性的作用和用法，并指出没有href属性的<a>元素可能无法直接获取焦点。

https://www.qianduange.cn//article/19560.html 分类：前端知识

2024-10-29有时在开发过程中，如果node_modules 中我们使用的第三方插件有bug （作者又没有提供相应的API供我们扩展修改，提了issue也没人管）或者本身不满足我们的地方， 我们需要更改node_modules 依赖包中的源码时，为了不更改后，别人或者自己重新install 时， 导致我们的更改丢失，我们需要用到patch-package。（魔改的同时，也局限了升级的能力，尽量还是去提issue）_vue修改nodemodule依赖插件源码

https://www.qianduange.cn//article/19559.html 分类：前端知识

2024-10-29Json-to-HTML-Table是一个用于快速展示JSON数据的JavaScript库，提供动态表格、排序、搜索和筛选功能，易于集成前端框架，适合创建高性能数据可视化应用。

https://www.qianduange.cn//article/19531.html 分类：前端知识

2024-10-29是一个专门为 Vite 项目设计的插件，旨在提供对 HTML 文件的灵活控制。通过该插件，开发者可以在 HTML 模板中插入动态数据、自定义 meta 标签，甚至可以根据不同环境进行 HTML 的定制。它使得 Vite 项目中的 HTML 文件处理更加灵活和可定制化，极大地提升了开发效率。虽然默认支持 EJS 模板引擎，但你也可以使用其他模板引擎进行自定义处理。例如，可以选择 Mustache 或 Handlebars 作为模板解析工具。然后在plugins: [inject: {data: {_vite-plugin-html

https://www.qianduange.cn//article/19528.html 分类：前端知识

2024-10-29 转换transform 我们简单理解就是变形 有2D 和 3D 之分 我们暂且学了三个 分别是 位移 旋转 和 缩放 2D 移动 translate(x, y) 最大的优势是不影响其他盒子， 里面参数用%，是相对于自身宽度和高度来计算的 可以分开写比如 translateX(x) 和 translateY(y) 2D 旋转 rotate(度数) 可以实现旋转元素 度数的单位是deg 2D 缩放 sacle(x,y) 里面参数是数字 不跟单位 可以是小数 最大的优势 不影响其他盒子。

https://www.qianduange.cn//article/19521.html 分类：前端知识

2024-10-29项目需求：这是个导航栏（下面是uveiw的tabs标签），然后高亮的时候会有一个背景图，因为title不固定字数，所以宽度不能写死。后面找了下，发现item-title样式加上position: relative;因为用的是相对、绝对定位，会导致图片会覆盖到文字上。自己写了个样式，用scroll-view，_css文字被背景图片遮住

https://www.qianduange.cn//article/19520.html 分类：前端知识

2024-10-29附具体代码，深入理解，彻底掌握！可以一键复制，查看效果。_油猴添加css

https://www.qianduange.cn//article/19509.html 分类：前端知识

2024-10-29CSS面试题涵盖了盒模型、选择器优先级、隐藏元素方法、单位差异、重绘与重排的概念、元素居中技巧及属性继承性等内容。盒模型包括标准模型（content-box）和IE模型（border-box）。选择器优先级依次为内联样式、!important、ID选择器等。隐藏元素常用display:none或visibility:hidden等方法。px是固定单位，rem是相对于根元素字体大小的单位。重绘仅涉及外观变化，重排则涉及尺寸或位置变化。元素居中可通过Flex、Grid布局或绝对定位实现。

https://www.qianduange.cn//article/19503.html 分类：前端知识

2024-10-29附具体完整代码，深入理解，彻底掌握！可以一键复制，查看效果。

https://www.qianduange.cn//article/19497.html 分类：前端知识

2024-10-29长按事件通常指的是用户在一个元素上保持触控超过一定的时间长度时触发的事件。在桌面环境中，这通常是通过鼠标左键按下并保持一段时间来实现的，而在触摸屏设备上，则是通过手指触摸屏幕并保持不动来实现。当用户的手指触碰屏幕时，定时器启动，如果在设定的时间（这里是800毫秒）内手指没有离开屏幕，则认为是一个长按操作。事件来模拟长按事件。本文将详细介绍如何在 Vue2.x 应用中使用 jQuery 来实现 H5 页面上的长按事件，并提供详细的代码示例和实用技巧。事件的监听，当检测到手指移动时，会取消长按事件。_vue 长按事件

https://www.qianduange.cn//article/19496.html 分类：前端知识