文章 2023-09-15 来自:开发者社区

手机移动端返回顶部js代码demo效果示例(整理)

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>手机移动端返回顶部js代码</title> <script src=...

文章 2023-09-07 来自:开发者社区

原生JS实现移动端短信验证码功能

实战效果演示:实现原理:准备: 一个输入框, 四个div小盒子原理: 监听input输入框,分别让输入的四个数字展现在那四个小盒子里,在运用css知识,让四个小盒子覆盖输入框.附上动画:代码部分:HTML<div class="val-box" id="val-box"> <input type="text" id="val-code-input" maxlength=...

原生JS实现移动端短信验证码功能
文章 2023-08-02 来自:开发者社区

JS 解决移动端浏览器(Safari、Alook...)无法禁止缩放问题

移动端 web 缩放有两种:双击缩放、双指手势缩放。在 iOS 10 之前,iOS 和 Android 都可以通过一行 meta 标签来禁止页面缩放:&lt;meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable....

文章 2023-06-03 来自:开发者社区

node.js+vue+Web移动端外卖平台

项目介绍顾客可以浏览商品,加入购物车,下单支付,功能参考美团外卖饿了么的基础功能商家这边能进行商品的添加,修改,删除,查找,商家入驻、资料修改,商家注销,根据营业情况调整商品详情,营业时间,配送时间,账户结算这些功能。网页版,不是app,可以适配手机平板等移动设备 商家可以接受到消息推送和语音提醒。商品管理、商铺管理操作简单,商家可根据营业情况调整商品详情、营业时间、配送时间等。账户结算一目了.....

node.js+vue+Web移动端外卖平台
文章 2023-02-24 来自:开发者社区

使用 rollup 打包一个原生 js + canvas 实现的移动端手势解锁功能组件2

代码实现1、新建初始化项目npm init -y2、安装依赖npm i rollup -D为了让库文件具有更好的兼容性,需要把ES6代码在打包的时候转义成ES5。# 安装rollup插件包 npm install @rollup/plugin-babel -D # 安装babel相关包 npm install @babel/core @babel/preset-env -D在根目录下新建 .ba....

使用 rollup 打包一个原生 js + canvas 实现的移动端手势解锁功能组件2
文章 2023-02-24 来自:开发者社区

使用 rollup 打包一个原生 js + canvas 实现的移动端手势解锁功能组件

说明2017 前端星计划选拔作业学习笔记源码笔记:https://github.com/kaimo313/h5-handlelock原型和操作流程用户用手指按顺序依次划过 9 个原点中的若干个(必须不少于 4 个点),如果划过的点的数量和顺序与之前用户设置的相同,那么当用户的手指离开屏幕时,判定为密码输入正确,否则密码错误。要求:实现一个移动网页,允许用户设置手势密码和验证手势密码。已设置的密码....

使用 rollup 打包一个原生 js + canvas 实现的移动端手势解锁功能组件
文章 2022-12-12 来自:开发者社区

公司产品移动端网页-前端网页设计技术精美网站源码HTML+CSS+JS

微信公众号:创享日记发送:产品网页获取完整源码(打开即可用)效果①主页首页/*=================================================================页面重置=================================================================*/ html,body,div,span,appl....

公司产品移动端网页-前端网页设计技术精美网站源码HTML+CSS+JS
文章 2022-11-22 来自:开发者社区

JavaScript 监听移动端横竖屏状态的几种方式

方案1: orientationchange 事件 (推荐)function orientationChange() { if (window.orientation == 180 || window.orientation == 0) { console.log('竖屏'); } if (window.orientation == 90 || window.orient...

JavaScript 监听移动端横竖屏状态的几种方式
文章 2022-10-28 来自:开发者社区

【JavaScript-移动端常用事件】了解移动端touch触摸事件

前言移动端浏览器兼容性较好,不需要考虑JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。如触屏事件touch (也称触摸事件) , Android和IOS都有。1.触摸事件触屏touch事件说明touchstart手指触摸到一个DOM元素时触发touchmove手指在一个DOM元素上滑动时触发touchend手指从一个DOM元素上移开时触发<body> ....

【JavaScript-移动端常用事件】了解移动端touch触摸事件
文章 2022-09-23 来自:开发者社区

移动端滚动神器 better-scroll 系列篇四 原生js+BS 实现 城市列表,锚点定位

需求分析思路分析先做布局通过监听右侧导航的滑动或点击,获取当前Y轴位置,赋予列表相同的位置,实现列表的滚动列表的滚动,获取位置范围,完成右侧导航定位一,页面布局&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta name="viewport" content="width=device-width,user-sca....

移动端滚动神器 better-scroll 系列篇四 原生js+BS 实现 城市列表,锚点定位

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注