DuncanTim21

Hi

出家人不打诳语,你这个需求我说做不了就是做不了。

JavaScript 实现上下键选择推荐词

摘要:这里说的推荐词,其实是指当用户点击一个文本框时,从文本框中自动弹出的一个下拉列表,一般为用户的搜索历史记录或者服务器根据用户搜索文本匹配的推荐列表,用英文的 suggestion 形容还算到位。最近实现了一个可以用方向键上下选择 suggestion 的需求。功能实现起来并不复杂,记录一下以备未来之需。

继续阅读:JavaScript 实现上下键选择推荐词

JavaScript 实现弹框拖拽

摘要:最近碰上一个在 JavaScript 中实现可拖拽弹框的需求。搜索了一下相关资料后,发现张鑫旭大神写过一个 demo。大神就是大神,写的非常好,浏览器兼容性处理的也非常好。但是 demo 中的实现可以把弹框拖出屏幕,这样的体验可能会被用户吐槽,也非常容易被老板当成 bug 报出来。阅读了一下对应的源码,添加了屏幕边界的判断并整理为一个模块,贴在这里以后需要时可以直接拿来使用。

继续阅读:JavaScript 实现弹框拖拽

JavaScript 中常见尺寸的计算方式

摘要:前端的日常开发中,总是免不了碰到一些常见的需求,比如:在屏幕正中弹出一个浮层、滚动到屏幕底部时加载更多数据等等。这些需求的实现有一个共性,那就是需要计算屏幕宽高以及屏幕的滚动距离。这里就针对 JavaScript 中各种尺寸的计算方式进行一个简单的整理,希望能记住并熟练应用。

继续阅读:JavaScript 中常见尺寸的计算方式

移动端下载或唤起本地 APP

摘要:移动端常见的 APP 推广就是在页面底端固定一个浮层。如果手机上已经装了该 APP,点击后则唤起该 APP;如果没有安装,点击后会跳转到 APP 的下载地址。但是由于不管 iOS 还是 Android,浏览器都不可能预知本地是否安装了某个 APP 的,所以类似功能实现的原理大致都是使用 APP 内设置的 URL scheme。一个 APP 可以设置一个或多个打开自己的 URL scheme。比如,微信就注册自己能被 weixin:// 打开。URL scheme 的载体可以使用一个不可见的 iframe,并通过两个定时器分别引导未安装 APP 的手机跳转到下载页面,或已安装 APP 的手机打开 APP 后回退依然可保持未跳转下载页面的状态。

继续阅读:移动端下载或唤起本地 APP

Pagination