Autofocus

最新推荐文章于 2024-08-03 18:11:32 发布
最新推荐文章于 2024-08-03 18:11:32 发布
阅读量178 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/ammar/archive/2010/07/22/1783034.html

 

Definition

 An Autofocus (or AF) optical system uses a sensor, a control system and a motor to focus fully automatic or on a manually selected point or area. An electronic rangefinder has a display instead of the motor; the adjustment of the optical system has to be done manually until indication.[wiki]

Focus the out coming light beam of lens on none- Smooth panel

Motivation

A lenses runs independently   and could move in left right (x & y) direction, N of them lined from the left to right side.

 

 

 

 The lens not allowed moving in UP-DOWN direction, the out coming light focused on the surface of panel. The panel does not allowed to move in left-right direction but in up-down direction

 

 

 

 

 Calculation the distance from the point A (the lens) to Point B (surface of panel), the point B is variable, so the distance to any point of panel might be changeable according to where the target point is located.

The figure below show that,

In analytic geometry, the distance between two points of the xy-plane can be found using the distance formula. The distance between A (a1, a2) to t (xi, yi) is given by:

 

 

 We can use the laser distance finder to find out how far apart they are. 

 

 

 

 


 

 

 

 

 

 

To be continue ..... 

 

 

 Ammar

  

转载于:https://www.cnblogs.com/ammar/archive/2010/07/22/1783034.html

HTML5中的autofocus（自动聚焦）属性介绍
09-28
HTML5给我们带来了一大堆神奇的东西。以前需要用JavaScript和Flash完成的任务，例如表单校验，INPUT placeholders , 客户端重命名下载文件和音频/视频，这些都可以使用基本的HTML完成
HTML5 自动聚焦(autofocus)属性使用介绍
12-13
原文 ： HTML5 autofocus Attribut 原文发布时间： 2012年08月27日 翻译时间： 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们。 过去我们要用JavaScript和Flash完成的任务，比如表单验证，输入框空白提示(INPUT placeholders),客户端文件上传下载(client side file naming),以及 音频/视频播放，现在都可以用基本的HTML来完成了。另一个简单的HTML功能是现在允许我们在页面加载完成后自动将输入焦点定位到需要的元素,通过一个叫做 autofocus的属性完成。 代码就如下面一样简单： 复制代码代码
Detection论文总结（2）AutoFocus: Efficient Multi-Scale Inference
volga_chen的博客
12-23 3293
论文链接： 论文目录AutoFocus: Efficient Multi-Scale Inference引言相关研究背景](论文目录) AutoFocus: Efficient Multi-Scale Inference 文章提出了AutoFocus，一种高效的多尺度目标检测算法。相较于以前对整个图像金字塔进行处理，该方法以一种由表及里的姿态，仅处理哪些整体上看来很有可能存在小物体的区域。这个可以...
《AutoFocus: Efficient Multi-Scale Inference》论文笔记
Dylan_TAI的博客
08-03 2096
这是一篇讨论如何进行目标检测的论文。进行多尺度目标检测一般都会用到金字塔网络，有的是利用特征金字塔如FPN（Feature Pyramid Network）在大尺度特征图（深层）上检测大目标，在小尺度特征图（浅层）上检测小目标；也有的用图像金字塔如本文。但是对不含目标的区域进行检测会消耗不必要的计算资源，所以通常会采用逐步精细化的检测策略。在本文中，是通过在coarse scale上定位可疑目标，返回区域切片，再在fine scale的切片上进行小目标检测，最后合并各尺度检测结果实现的。
php中autofocus,HTML5中的autofocus（自动聚焦）属性介绍
weixin_42527665的博客
03-29 207
这篇文章主要介绍了关于HTML5中的autofocus(自动聚焦)属性介绍，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下HTML5给我们带来了一大堆神奇的东西。以前需要用JavaScript和Flash完成的任务，例如表单校验，INPUT placeholders , 客户端重命名下载文件和音频/视频，这些都可以使用基本的HTML完成这里要讲的一个简单的HTML5功能是当页面加载完...
快速解决element的autofocus失效问题
12-28
autofocus是vue中input的原生属性,element也支持这种方法, 但是element中的el-input组件外面还有其他组件, 导致autofocus失效, 只能手动调用focus方法来聚集。 方法： 绑定ref ”myNameId” v-model=”form.name”>...
SNIPER / AutoFocus是一种高效的多尺度目标检测训练/推理算法-Python开发
05-25
SNIPER / AutoFocus：高效的多尺度训练/推理SNIPER是一种高效的多尺度训练方法，用于实例级识别任务，例如对象检测和实例级分割。 代替过程SNIPER / AutoFocus：高效的多尺度训练/推理SNIPER是一种高效的多尺度训练...
autofocus.js
05-21
autofocus.js CDN文件 介绍 对联系人表格和新闻稿注册等内容进行自动聚焦输入会增加注册量。 在许多情况下，只需在输入上使用autofocus属性即可。 但是，如果表单在页面的下方，则无法正常工作，因为浏览器也将滚动...
【今日CV 视觉论文速览】05 Dec 2018
TomRen
12-05 1804
今日CS.CV计算机视觉论文速览 Wed, 5 Dec 2018 Totally 58 papers Daily Computer Vision Papers [1] Title: Learning 3D Human Dynamics from Video Authors:Angjoo Kanazawa, Jason Zhang, Panna Felsen, Jitendra Malik ...
Android Camera开发:扫描二维码,周期性循环自动聚焦auto focus挂掉原因分析(preview is not enabled)
热门推荐
yanzi1225627的专栏
12-08 3万+
本文研究了在二维码扫描中一个常见的问题：周期性autofocus，app无端挂掉的问题，详细分析了原因及解决方法。
python目标识别_SNIPER：高效多尺度目标检测算法
weixin_39586683的博客
11-23 465
SNIPER / AutoFocus: Efficient Multi-Scale Training / Inference SNIPER is an efficient multi-scale training approach for instance-level recognition tasks like object detection and instance-level segmen...
java.lang.RuntimeException: autoFocus failed，Call autoFocus when preview is inactive (state = 1)
HelloWorld的专栏
01-03 1万+
java.lang.RuntimeException: autoFocus failed Call autoFocus when preview is inactive (state = 1)
required~placeholder~autofocus解释
qew~java
11-30 1794
代表着一个表单中一行 代表着一个表单中的一列 代表着 required 属性表示必选项，是一个布尔值，如果不输入内容就提交，就会显示错误; placeholder属性只是提示文字; autofocus它规定在页面加载后下拉列表应该自动获得焦点; 实例： 请输入你的月收入  元
【论文笔记】MSDNet MULTI-SCALE DENSE NETWORKS FOR RESOURCE EFFICIENT IMAGE CLASSIFICATION
灰太狼Polaris的专栏
03-20 4204
MSDNet 这篇文章是2017ICML上的一篇文章，觉得挺有意思，就阅读了文章，并整理成笔记。我尽量用简单的语言，尽可能的把我对文章的理解写出来，有什么不对的地方，请大家多多指正。 摘要 这篇主要是对计算资源限制的条件下，对于图像分类模型的优化和求解。毕竟，计算资源并不是免费的。为了能够达到在不同的设备上，不同的限制的资源条件下就行图像分类，论文设置了两个实验条件限制。 1、Anyt...
SNIPER: Efficient Multi-Scale Training
小菜鸟的AI之路
03-14 2213
论文名称: SNIPER: Efficient Multi-Scale Training 作者：Bharat Singh & Mahyar Najibi & Larry S.Davis 论文链接https://arxiv.org/abs/1805.09300： 代码链接：https://github.com/bharatsingh430/snip 简要概述文章精华 目标检测中的小目...
ECCV 2018 完整论文集 -- List & 下载链接
TomRen
09-02 1万+
下文列表为ECCV2018官网得到了今年接收论文列表，共779篇： 持续更新下载链接 Oral: Convolutional Networks with Adaptive Computation Graphs Progressive Neural Architecture Search Diverse Image-to-Image Translation via Dise...
分割论文——2018——Autofocus Layer for Semantic Segmentation
qq_29257201的博客
07-20 1037
摘要： 这篇文章提出Autofocus Layer 的操作，这个层的创新点是可以通过 上下文信息提取不同感受野信息。 这里扩大感受野不是通过 扩到卷积核地形式实现地，而是通过dilation的方式实现。 很自然，当并行有多个卷积层时，参数一定会非常的多，因此作者采取 参数共享的方式。 介绍 介绍里面讲到，有很多文章关多尺度处理文章，当时卷积神经网络，作者将其分为三类，1. 金字塔多尺度处理操作，2...
autofocus不能乱用
u013365404的专栏
12-25 3410
autofocus不能乱用，没输入内容时，点其他，会自动刷新页面，可能影响其他js 效果
论文笔记-SNIPER：Efficient Multi-Scale Training
Liven_Zhu的博客
07-30 3263
1. 介绍 目前的目标检测架构都是对输入图像的所有像素进行操作，从而产生proposals等，当采用多尺寸的图像金字塔时，所需的存储空间很大，在训练时，单一GPU上能训练的图像数量很小（取决于GPU的显存和图像的分辨率），这样就造成了batch size很小，从而使训练时间很长。因此作者提出了一种新的训练思路：先粗略定位一下正负例所在的区域，然后以该区域内的像素信息作为卷积网络的输入，再精确检测...
vue autofocus
最新发布
07-10
<think>首先，用户的问题是关于在Vue框架中实现autofocus功能的。用户问："我想在Vue框架中实现autofocus功能 请问vue.js autofocus 实现方法"。 根据系统级指令： - 所有行内数学表达式必须使用$...$格式。但在这个问题中，没有数学表达式，所以不需要。 - 独立公式必须使用$$...$$格式并单独成段。同样，这里没有数学公式。 - LaTeX语法正确：不适用。 - 使用中文回答：是的，我需要用中文回复。 - 生成相关问题：在回答结束时，我需要生成相关问题。 - 回答中引用的段落末尾自然地添加引用标识：用户提供了引用，如[^1], [^2], [^3], [^4]，我需要引用它们。用户说："上述引用仅供参考，并不是用户真正的需求，请尽可能多的参考用户上一次的问题和你的回答。" 但在这个对话中，这是第一个问题，所以没有上一次的问题。我需要参考提供的引用。 提供的引用： - 引用[1]: 关于Vue.js作为MVVM框架的介绍。 - 引用[2]: Vue.js基础示例代码。 - 引用[3]: 自定义指令，特别是自动聚焦的指令示例。 - 引用[4]: Vue 3.0的Composition API和原理。 用户的问题是关于autofocus功能的，引用[3]直接提到了自定义指令来实现自动聚焦："Vue.directive('autofocus', { inserted: function (el) { el.focus(); } });" 这很相关。 其他引用可能不直接相关，但引用[4]提到Vue 3.0的变化，可能影响实现方式。 回答结构： - 回答结构清晰，帮助用户逐步解决问题。 - 尽量保证回答真实可靠。 步骤： 1. **理解问题**：用户想在Vue.js中实现autofocus，即页面加载时自动聚焦到某个元素。 2. **解决方案**：在Vue中，有几种方式实现autofocus： - 使用HTML5的autofocus属性：但Vue可能不会在动态渲染时正确处理。 - 使用Vue的自定义指令：这是推荐的方式，如引用[3]所示。 - 在mounted生命周期钩子中操作DOM：直接使用JavaScript聚焦元素。 3. **基于引用**：引用[3]提供了自定义指令的实现。我应该引用它。 - 引用[3]: "自定义指令 开发者可以根据项目需求创建自定义指令，来实现对 DOM 元素的底层操作。例如，创建一个自动聚焦的指令：Vue.directive('autofocus', { inserted: function (el) { el.focus(); } });" [^3] 这可以直接使用。 4. **其他引用**：引用[4]提到Vue 3.0的Composition API和Proxy，但在Vue 3.0中，自定义指令的API有变化吗？我需要确认。在Vue 3.0中，指令的API类似，但注册方式可能不同。 - 在Vue 3.0中，使用app.directive而不是Vue.directive。 - 引用[4]说："Vue 3.0代码虽然重写，但是90%以上的API兼容2.x"，所以概念类似。 5. **完整实现**： - 对于Vue 2.x：使用Vue.directive注册全局指令。 - 对于Vue 3.x：使用app.directive。 - 在模板中使用v-autofocus指令。 6. **步骤清晰**： - 介绍问题。 - 提供解决方案：自定义指令。 - 给出代码示例。 - 解释如何在不同Vue版本中使用。 - 提到其他方法如生命周期钩子。 7. **生成相关问题**：在结束时，添加相关问题。 8. **引用格式**：在引用段落末尾添加[^n]。 现在，构建回答： - 开头：解释autofocus在Vue中的实现。 - 主体： - 方法1：自定义指令（推荐）。 - 引用[3]提供示例。 - 方法2：在mounted钩子中聚焦。 - 考虑Vue版本：Vue 2 vs Vue 3。 - 代码示例：提供代码块。 - 结束：生成相关问题。 相关问题想法： 1. 如何在Vue中使用自定义指令？ 2. Vue 3.0中指令API有什么变化？ 3. 除了autofocus，Vue中还有哪些常见DOM操作？ 4. Vue的生命周期钩子如何使用？ 确保回答真实可靠：基于Vue官方文档，但用户提供了引用，我可以参考它们。 最终回答结构： 1. 介绍：在Vue中实现autofocus的常见方法。 2. 方法1：使用自定义指令。 - 描述和代码。 - 引用[3]。 3. 方法2：使用生命周期钩子。 - 描述和代码。 4. Vue版本差异。 5. 总结推荐方法。 6. 相关问题。</think>### Vue.js 中实现 autofocus 功能的方法 在 Vue.js 框架中，实现 autofocus（自动聚焦）功能是常见的需求，它能让页面加载时自动将焦点设置到指定输入元素（如文本框）。Vue 提供了多种方式来实现这一功能，包括自定义指令和生命周期钩子。下面我将逐步解释这些方法，确保内容真实可靠，并基于 Vue 官方文档和最佳实践。以下是详细实现步骤： #### 1. **使用自定义指令（推荐方法）** 自定义指令是 Vue 的核心特性，允许你直接操作 DOM 元素。引用[^3]提供了创建自动聚焦指令的示例：开发者可以注册一个全局指令 `v-autofocus`，在元素插入 DOM 时触发聚焦。这种方法简洁高效，适用于 Vue 2.x 和 Vue 3.x（需注意版本差异）。 - **Vue 2.x 实现代码**： 在 Vue 2.x 中，使用 `Vue.directive` 注册全局指令。在 `main.js` 或入口文件中添加以下代码： ```javascript // 注册全局指令 v-autofocus Vue.directive('autofocus', { inserted: function (el) { el.focus(); // 元素插入 DOM 后自动聚焦 } }); ``` 然后在组件模板中使用： ```vue <template> <input v-autofocus placeholder="自动聚焦到这里" /> </template> ``` 这里，`inserted` 钩子在元素被插入父节点时调用，`el.focus()` 执行聚焦操作。引用[^3]强调了自定义指令的灵活性："开发者可以根据项目需求创建自定义指令，来实现对 DOM 元素的底层操作"[^3]。 - **Vue 3.x 实现代码**： Vue 3.x 中，指令 API 兼容 Vue 2.x，但注册方式改为通过 `app.directive`（引用[^4]提到 Vue 3.0 的 API 高度兼容）。在 `main.js` 中： ```javascript import { createApp } from 'vue'; import App from './App.vue'; const app = createApp(App); // 注册全局指令 v-autofocus app.directive('autofocus', { mounted(el) { // Vue 3.x 使用 mounted 替代 inserted el.focus(); } }); app.mount('#app'); ``` 在组件中使用方式相同： ```vue <input v-autofocus placeholder="Vue 3.x 自动聚焦" /> ``` 引用[^4]指出："Vue 3.0 使用 Proxy 重写了响应式代码，但对指令 API 保持了兼容性，开发者可无缝迁移"[^4]。 **优点**：自定义指令可复用，避免重复代码；适合跨组件共享。 #### 2. **使用生命周期钩子（替代方法）** 如果不想使用指令，可以在组件的 `mounted` 生命周期钩子中直接操作 DOM。这适用于单个组件的简单场景，但复用性较差。 - **实现代码**： 在 Vue 组件的脚本部分： ```vue <template> <input ref="myInput" placeholder="通过 ref 聚焦" /> </template> <script> export default { mounted() { this.$refs.myInput.focus(); // 组件挂载后聚焦 } }; </script> ``` 这里，`ref` 属性用于标记元素，`mounted` 钩子在组件挂载后触发聚焦。引用[^2]展示了类似的生命周期钩子用法："Vue 实例的 `mounted` 钩子常用于 DOM 操作"[^2]。 **优点**：简单直接，适合一次性需求；无需全局注册。 #### 3. **注意事项和最佳实践** - **HTML5 autofocus 属性的局限性**：直接使用 HTML5 的 `autofocus` 属性（如 `<input autofocus>`）在 Vue 动态渲染中可能失效，因为 Vue 的虚拟 DOM 更新机制会忽略它。推荐使用 Vue 的自定义指令或钩子。 - **兼容性**：Vue 2.x 和 3.x 的实现类似，但 Vue 3.x 的指令钩子名称有细微变化（如 `mounted` 替代 `inserted`）。引用[^4]强调："Vue 3.0 90% 以上的 API 兼容 2.x，开发者可平滑升级"[^4]。 - **性能**：自定义指令更高效，尤其在大项目中；避免在多个钩子中重复聚焦操作。 - **测试**：在真实环境中测试，确保焦点在页面加载时正确设置。 #### 总结 在 Vue.js 中实现 autofocus，**推荐使用自定义指令**（如 `v-autofocus`），因为它符合 Vue 的响应式设计，且易于复用。对于 Vue 2.x，使用 `Vue.directive`；对于 Vue 3.x，使用 `app.directive`。如果仅需简单实现，生命周期钩子（如 `mounted`）也是可行方案。确保代码基于 Vue 官方文档，避免潜在问题。 如果您有更多细节（如 Vue 版本或项目结构），我可以提供更针对性的代码示例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值