现代人的钱包里装的并不只有现金,更多的是各种卡----信用卡、借记卡、会员卡、交通卡、医疗卡等等。每张卡都有自己的发卡商,自己的logo,自己的品牌。而在未来,这些卡将集成在一张统一的卡之上,并同手机捆绑。刷卡时代渐将远去,“刷手机”时代即将到来。动讯网今天就带大家体验一下NFC技术带来的支付生活2.0时代。
未来您与NFC手机的一天
* 清晨,您“刷手机”付费乘坐公交车(或者通过手机
转载
2024-08-26 14:34:07
213阅读
H5标签在IE9(包括IE9)之前都需要转换成块级元素 display:block 在移动端就不需要考虑兼容问题。 H5+css3可以放心的在移动端使用。1.nav 定义导航 2.header 表示网页的头部。通常是一些导航信息或者标题。 3.article 表示一块独立的部分。 4.aside 对article的内容进行信息的辅助解释。次要信息,比如博客网站中的侧边公告,或者广告,分类等信息。
前言微信分享(使用微信JS-SDK)、微信JS-SDK是面向网页开发者提供的基于微信内的网页开发工具包。JSSDK使用官方文档(官方使用手册)详解一下我的使用流程以及踩坑记录,我做的项目属于公众号h5项目,今天突然接到需求对主推的某两个页面自定义分享内容,之前做过微信小程序和支付小程序的分享,都是直接使用特定的API修改标题、描述、图片、链接,想着贼简单,预估工时共要了一天,一把辛酸泪~~1、使用
转载
2024-05-05 17:51:29
647阅读
H5新标签语义一、什么是语义化 标签有了自己的含义,通过标签就能判断内容语义。二、语义化的好处 1、html结构清晰,代码可读性较好,便于团队维护和开发 2、更有利于搜索引擎或辅助设备理解html页面内容,搜索引擎可以根据标签语言确定上下文和权重关系三、H5常用的语义化标签<section> 用于对网站和页面内容分块,划分单独的模块区域
<header>:定义
转载
2024-05-16 09:38:36
142阅读
WEB读写NDEF数据NFC标签NDEF格式介绍NDEF格式是NFC论坛定义的一种标准数据交换格式,有了这种数据格式,各种NFC设备就可以直接读取或者写入所需要的数据,而不需要事先做约定。友我科技全系列NFC读写器都支持NDEF格式。
NDEF格式约定了很多NDEF数据类型uri,用于解析后面的数据,常用的NDEF数据类型uri有如下:
0: NDEF Text Type:
1: NDEF
转载
2024-04-30 19:06:00
450阅读
在百度开发者大会上我介绍过HTML5另外一个重要特性就是DeviceOrientation,它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。这个特性包括两种事件:1、 deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度、方位、朝向等。2、 deviceMotion:封装了运动传感器数据的
转载
2024-03-30 11:03:25
798阅读
作者:裘德超 使用硬件:Google Nexus S,北京大学学生卡。(ps:笔者本想使用公交一卡通进行测试,发现手机不能正确识别)手机操作系统:Android ICS 4.04。开发时,笔者从Google Play Store上下载了NFC TagInfo软件进行对比学习。所以我们可以使用任意一张能被TagInfo软件正确识别的卡做测试。在Android NFC 应用中,Androi
序在上篇博文我们简单介绍了视频中间件产品,今天让大家进一步了解我们的视频中间件产品具体有哪些API接口能力,话不多说,直接上视频中间件H5接口整体流程调用流程图:视频中间件产品接口调用流程是从平台登录验证接口为调用入口,获得登录令牌 Token,再调用设备树列表接口, 获得摄像机ID。通过Token 及摄像机ID(cid)两个参数,即可完成后续各项功能接口调用操作。接口可适配各类跨系统、跨终端、跨
转载
2024-08-27 20:19:54
44阅读
没错,我用Vue写了一个H5项目,来看下我踩坑记录吧。1、按需引入在开发过程中,会遇到很多五花八门的库。其实这些库中有很多功能/模块是用不到的,所以,这里推荐按需引入:import { Slider } from 'element-ui';
Vue.use(Slider);像这样,如果只用到滑条,只需引入Slider,并挂载到Vue实例。2、全局样式抽离Css样式在前端开发中是绕不开的话题,以V
转载
2024-03-25 16:23:11
193阅读
这个技术由非接触式射频识别(
RFID)演变而来,由
飞利浦半导体(现
恩智浦半导体公司)、
诺基亚和
索尼共同研制开发,其基础是RFID及互连技术。
近场通信(Near Field Communication,NFC)是一种短距高频的无线电技术,在13.56MHz频率运行于10厘米距离内。其传输速度有106 Kbit/秒、212 Kbit/秒或者424
基于vue3.0全家桶 + vant3.0 +scss + rem适配方案 + axios封装,构建H5模板脚手架版本要求
vue cli版本需要node 8.9 或者更高的版本。或者你可以使用nvm来切换node版本本案例中,node版本的是12.15.0项目地址https://github.com/MrZHLF/vue3.0-vant-h5.git目录|———— public index.ht
web服务器与NFS存储服务器建立连接 因为真实的网站不可能只有一台web服务器,一般都是一个web集群。web集群不仅可以提高处理请求的效率,还可以提供冗余的能力,以防止一台web服务器坏掉网站就无法工作。 我们通过浏览器访问一个网站时,网站的负载均衡服务器就会把我们的请求分发给web集群中的一台web服务器处理,若是web服务器没有和NFS存储服务器建立连接,那么客户在网站上传的图片、音频、视
转载
2024-08-19 19:23:39
515阅读
1. 弹出数字键盘<!-- 有"#" "*"符号输入 -->
<input type="tel">
<!-- 纯数字 -->
<input pattern="\d*">安卓跟IOS的表现形式应该不一样,大家可以自己试试。当运用了正则pattern后,就不用关注input的类型了?2. 调用系统的某些功能<!-- 拨号 -->
<a
转载
2024-03-15 10:31:25
306阅读
最近在开发项目遇到一个office文档和PDF文档预览的需求,并且需要控制用户是否可以下载文件和拷贝文档中的文字。H5office h5office 官网文档地址,需要进去申请自己的appid。免费的查看最终实现的效果很简单的用法。<!-- 创建一个标签就可以了 -->
<div id="office"></div>
<button id="open"&
转载
2024-04-11 10:53:57
137阅读
注:本文学习朱有鹏老师课程和自己整理而成。方便今后查阅,感谢朱老师~NandFlash的接口 1.Nand的型号与命名1、Nand的型号命名都有含义,就拿K9F2G08来示例分析一下:K9F表示是三星公司的NandFlash系列。2G表示Nand的大小是2Gbit(256MB)。08表示Nand是8位的(8位就是数据线有8根)2、Nand命名中可以看出:厂家、系列型号、容量大小、数据位数。2.Na
此次读书日活动功能主要是:五个问题对应五个动画交互页面,答完5道题之后展示一段视频(随机从书架上抽出一本书的动画效果),随后进入结果页面。在结果页需要做站内站外的分享交互,将结果页面利用html2canvas转成图片,再将图片分享到各个平台。 开发过程中遇到的问题如下:***html2canvas转apng资源元素异常***通过image标签使用的apng动画,当它播放完成之后,再使用h
转载
2024-03-26 15:03:33
165阅读
需求背景:使用vue2开发h5项目时,功能存在移动端预览pdf功能,使用pdfh5插件,机型兼容性较差,时不时的会有乱码、字体消失、字体重叠等bug,有次应该是pdfh5中午维护,且页面没有使用路由懒加载,直接导致整个项目崩溃,发生严重的生产事故,因此将所有的pdfh5插件换成pdf.js注: 可能很多小伙伴和我一样,刚开始也不会用pdf.js,百度上一搜也都是直接使用,没有像详细的过程,今天将详
由于crtl+f在某些浏览器中并不是十分好用(比如查找一些特殊字符串),就用js简单的写了一个例子模仿crtl+f,实现输入内容点击查找,高亮标注匹配值,并跳到第一个高亮值处,点击下一个跳到第二个高亮值处...。前端代码如下:<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" cont
rem适配一、项目中安装lib-flexible在main.js中引入lib-flexible npm install lib-flexible --save-dev lib-flexible会自动在html的head中添加一个meta name="viewport"的标签,同时会自动设置html的font- size为屏幕 宽度除以10,也就是1rem等于html根节点的font-size。假如
转载
2024-10-20 14:11:53
185阅读
一,Hbulider编辑器安装使用。 二,html5新增全屏幕效果 this.requestFullScreen();/*querySelector()方法支持css3中的选择器*/
document.querySelector('input[type=button]').onclick=function () {
//标准的语法就是
//ie11以下都不支持
//由于