站长资源 第2455页

amazeui页面校验功能的实现代码
如下图所示:邮政“邮政编码”字段,数据库中是varchar2(10)。但是amazeui的页面校验中,关于字符长度的校验方式如下:JS表单验证JS表单验证基于HTML5的各

AmazeUI 按钮交互的实现示例
本文主要介绍了AmazeUI按钮交互的实现示例,分享给大家,具体如下:<metahttp-equiv="X-UA-Compatible"content="IE=

AmazeUI 点击元素显示全屏的实现
无论是点击图片还是按钮来显示全屏,具体代码如下:点击按钮:<

AmazeUI 等分网格的实现示例
本文主要介绍了AmazeUI等分网格的实现示例,分享给大家,具体如下:<metahttp-equiv="X-UA-Compatible"content="IE

详解淘宝H5 sign加密算法
淘宝对于h5的访问采用了和客户端不同的方式,由于在h5的js代码中保存appsercret具有较高的风险,mtop采用了随机分配令牌的方式,为每个访问端分配一个token,保存在用

amazeui页面分析之登录页面的示例代码
一、总结1、tpl命名空间:tpl命名空间的样式都是从app.css里面来的,app.css用用来移动网站开发的样式2、表单样式:am-form到am-form-group的形式二、登录页面截图:

h5封装下拉刷新
前端在工作当中难免会于原生的安卓和ios合作,去做一些H5嵌套的页面。但是实际开发中常常会遇到各种兼容问题,具体问题我就不一一列举了,这次我主要分享的是关于在

Amaze UI 文件选择域的示例代码
文件选择域也是CSS啃不动的一块骨头,如果实在看不惯原生的样式,一般的做法是把文件选择域设为透明那个,覆盖在其他元素。<buttontype="button"class=

HTML5 SEO优化的一些建议
举个例子淘宝网-淘!我喜欢使用description以及keyword标签(不超过300个字符最优)<metaname="description"content="淘宝网-亚洲较大的网上交易平台,提供各类服饰、

boostrap modal 闪现问题的解决方法
此处闪现场景是,修改和新增用的一个js方法,最终都调用$('#modalRowEdit').modal('show');新增使用的是button,修改使用的a标签。修改标签:<aonclick="editRow(thi

HTML5输入框下拉菜单功能的示例代码
1.单选框代码性别:男女需要注意的是单选框name值需保持一致样式:复选框2.复选框代码喜欢的类型

HTML5中input输入框默认提示文字向左向右移动的示例代码
HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码*{margin:0;padding:0;}.sousuo{width:458px;height:34px;margin-left:190px;margin-top:20

详解如何在登录过期后跳出Ifram框架
1、文章背景我们在做后台项目管理时,常用Ifram框架来加载页面,即:我们使用iframe标签来加载页面,该src可以指向不同的页面,从而我们可以在一个网页中打开更多的页

详解HTML5中CSS外观属性
CSS外观属性1.color:文本颜色作用:color属性用于定义文本的颜色取值方式:注意:我们实际工作中,用16进制的写法是最多的,而且我们更喜欢简写方式比如#f00代表红色2

浅析HTML5 Landmark
最近在进行无障碍相关文档翻译的时候遇到了landmark的概念,在网上搜了下发现没有相关的中文资料,因此写一篇博客简单介绍一下。什么是LandmarkLandmark是一种用来

HTML5中外部浏览器唤起微信分享功能的代码
最近在做一个手机站,要求点击分享可以直接打开微信分享出去。而不是jiathis,share分享这种的点击出来二维码。在网上看了很多,都说APP能唤起微信,手机网页实现不了

canvas绘制图片drawImage使用方法
不得不说,html5中的canvas真的非常强大,从图片处理,到视频处理,再到游戏开发,都能见到canvas的身影,然而,就这一个标签,功能居然如此强大,这主要归功于canvas强大

关于canvas.toDataURL 在iOS运行失败的问题解决
最近做了一个海报生成的组件,需要drawimage到画布上,image来源包括本地和异地的图片src;首先讲一点,异地图片如果不设置允许跨域访问,canvas.toDataURL是无法画im

canvas 绘图时位置偏离的问题解决
使用canvas绘图时,指定的div大小一定不要超过该div所能获得的最大范围,否则绘制的点会跟实际位置发生偏离。例如<metahttp-equiv="Content-Type"content="text/ht

如何在Canvas上的图形/图像绑定事件监听的实现
HTML中只能为元素/标签绑定监听函数;Canvas绘图中只有一个元素-canvas,每一个图形/图像都不是元素,不能直接进行事件绑定。解决办法:“事件委托”&mdas

Html5之webcoekt播放JPEG图片流
一、简介既然webcoekt是基于tcp连接的,理论上讲所有的浏览器是可以私有协议处理二进制的,如果我们需要播放视频,我们可以将视频数据在后端解码后直接将图片推送到

Html5 webRTC简单实现视频调用的示例代码
最近在做一个直播功能,查阅了webRTC相关资料,下面是简单实现的栗子哟(基于vue.js)!子组件exportdefault{name:"LiveDetails",data(){

HTML5超文本标记语言的实现方法
HTML5:超文本标记语言html5:用来表达是什么,而不是表达格式标记我的页面我的第一个html页面浏览器会根据本

移动端HTML5 input常见问题(小结)
1.去掉input在iOS中的默认圆角和内阴影iOS下input会有自带的圆角和内阴影,去掉方法如下:input{-webkit-appearance:none;border-radius:0;}2.焦点在input时,place

HTML5逐步分析实现拖放功能的方法
一、什么是拖放拖放就是通过鼠标放在一个物体上,按住鼠标不放就可以把一个物体托动到另一个位置。其实我们平时一直都有接触,如图那么在网页上其实也可以实现同样

HTML+CSS+JavaScript实现图片3D展览的示例代码
一、图片3D展览效果上传图片的大小有限制,录制的GIF图展示效果不是很好录屏的效果见链接:https://www.bilibili.com/video/BV1Bi4y1E7wk/二、代码实现1.HTML代码<

利用Node实现HTML5离线存储的方法
前言支持离线Web应用开发是HTML5的一个重点。离线Web应用就是在设备不能上网的时候仍然可以运行的应用。开发离线Web应用需要几个步骤,其中一个就是离线下必须能访

使用HTML5做的导航条详细步骤
转载请注明出处:http://blog.csdn.net/lindonglian首先准备网页背景图片和导航背景图片,放在同一目录下的images文件夹中编写html文件<!DOCTYPEhtmlPUBLIC"-//W3C

app内嵌H5 webview 本地缓存问题的解决
前文APP内嵌H5已经很普遍了,但是每个app提供的webview表现都不太一样,在开发中遇到了一个非常棘手的缓存问题。APP启动时加载了我们商城项目的H5代码,然后把index

html5小程序飞入购物车(抛物线绘制运动轨迹点)
前言:最近有朋友在做小程序的过程中,遇到开发过飞入购物车效果的功能的需求。针对这个情况一些网上的demo,多少会有一些不符合情景的问题(bug)存在,针对这一情况小

html5 拖拽及用 js 实现拖拽功能的示例代码
1.HTML5拖拽1.1相关知识拖拽元素:可以为元素添加draggable="true"来让元素能够被拖拽。拖拽元素的事件监听:(应用于拖拽元素)ondragstart当拖拽开始时调用ondragl

HTML5实现移动端点击翻牌功能
效果一个大小的两个面,在同一位置上正面的Y轴旋转为0度背面的Y轴旋转180度隐藏被旋转的div元素的背面(backface-visibility)点击的时候同时改变正面和背面的旋转角

详解HTML5布局和HTML5标签
一、新的文档类型声明(DTD)文档类型声明HTML5的DTD声明为:等也是正确的,因为HTML语法是不区分大小写的。在编写HTML5文档时,要求指定文档类型,以确保浏览器能在HT

一个基于canvas的移动端图片编辑器的实现
项目地址:https://github.com/xiaosu95/canvas_mobile_drag点击查看demo(在移动端上查看)该插件是一款脱离jq的移动端图片编辑器。可以应用在移动端H5页面或者微信

浅析HTML5 meta viewport参数
随着移动端的流行,在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的metaviewport参数之后,才能更好地让我们的网页适配或响应各种不同分辨率的

关于webview适配H5上传照片或者视频文件的方法
一、需要实现的功能:用H5实现的App中需要在H5获取手机中的照片或者视频文件上传到服务器。二、分析实现方法:由于不懂前端开发,不知道H5中有inputfile之类的标签控

萌新的HTML5 入门指南
本文由葡萄城技术团队原创并首发作者:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。HTML5的发展改变了互联网技术趋势,前端热度依旧

萌新HTML5 入门指南(二)
本文由葡萄城技术团队原创并首发上一篇我们已经为大家介绍了HTML5新增的内容和基础页面布局,这篇会继续向大家介绍广义上HTML5中另一个组成部分:JavaScript数据类

使用layui实现左侧菜单栏及动态操作tab项的方法
首先说一下左侧菜单栏这是一个最基本的左侧菜单栏,实现的过程很简单,官方的说明文档就有,但是我在导入layer.js之后,直接复制这段官方代码到我的编辑器上时,发现页

使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡跟随变
用了layui框架1.home.html主界面:首页<linkrel="styleshe

Canvas获取视频第一帧缩略图的实现
记录下一个疑问,最近在重新看canvas做点Demo这样,时间是写在2019年11月5日,以后要是没有这个问题了,以W3C更新的为标准,这个只是参考尝试着在canvas中显示视频第一

Html5原生拖拽相关事件简介以及基础实现
公司项目需求,要实现任务卡片在不同任务列表之间进行拖拽实现任务类别的更改。于是找了一下相关文章,稍微学习了一下。实现效果如下图。拖拽实现主要用到的是H5自

关于HTML5+ API plusready的兼容问题
Android平台提前注入5+API,支持在plusready事件前调用在5+Runtime环境中,通常情况下需要html页面解析完成后才会注入5+API,执行的顺序为:1.加载html页面2.解析htm

HTML5在手机端实现视频全屏展示方法
最近做项目,遇到一个问题,在手机上要实现视频的全屏播放功能。测试了很久,终于找到解决办法。第一种:将视频放大来控制。视频在播放的时候,全屏是根据高度来的,如

Canvas实现放大镜效果完整案例分析(附代码)
本文主要记录canvas在图像、文字处理、离屏技术和放大镜特效的实现过程中使用到的API。先看下效果吧:一张模糊的图片:鼠标点击任意位置,产生放大效果:哇塞~一个帅

使用HTML5加载音频和视频的实现代码
【一、前言】HTML5特性,包括原生音频和视频支持而无需Flash。HTML5和标签让我们给站点添加媒体变得简单。我们只需要设置src属性来识别媒体资源,包含controls属性

Html5页面点击遮罩层背景关闭遮罩层
今天团队同事接到一个需求,需求是这样的,点击页面按钮弹出红包弹窗,显示黑色遮罩层,点击遮罩层背景和弹窗关闭按钮要关闭弹窗,于是我就做了一个Demo出来,方便以后

HTML5单选框、复选框、下拉菜单、文本域的实现代码
HTML5单选框、复选框、下拉菜单、文本域单选框的实例代码,代码如下所示:1单选框代码:<inputtype="radio"name=""id="

Bootstrap File Input文件上传组件
本篇介绍如何使用BootstrapFileInput(最好用的文件上传组件)来进行图片的展示、上传,以及如何在服务器端进行文件保存。一、先来看效果图吧二、引入插件的样式和脚

html5跳转小程序wx-open-launch-weapp踩坑
因为IOS最新版微信取消了浮窗功能,小程序后台狠毒用户反馈进入不方便了,目前公众号还支持浮窗,于是需求出来了,浮窗一个H5,在H5中一键打开小程序,阅读文档得知,微

前端水印的简单实现代码示例
前言前端实现的水印基本都是不安全的,可被破解的~.~水印水印(watermark)是一种容易识别、被夹于纸内,能够透过光线穿过从而显现出各种不同阴影的技术。实现先创建

HTML5基于flash实现播放RTMP协议视频的示例代码
HTML5基于flash实现播放RTMP协议视频,具体代码如下所示:Video.js7<linkhref="css/video-js.min.css"rel=

Html5基于canvas实现电子签名并生成PDF文档
前言电子签名通俗来说就是通过技术手段实现在电子文档上加载电子形式的签名,其作用类似于纸质合同上的手写签名或加盖的公章。虽然电子签名多年来合法性一直遭到质

HTML5 body设置全屏背景图片的示例代码
用什么代码实现?不允许有白色底色产生,因为手机高度不一样设计图要标准(750)确认是背景图(通屏底图)应用场景:移动端宣传页面或者活动页面错误的写法:加到div中结

如何使用canvas绘制可移动网格的示例代码
本文主要介绍了如何使用canvas绘制可移动网格的示例代码,分享给大家,具体如下:效果说明这个是真实项目中遇到的需求,我把它抽离出来,屏蔽了那些业务相关的东西,仅

如何查看浏览器对html5的支持情况
http://html5test.com/视频和音频代码检测functionCheckAudio(){varmyAudio=document.createElement("audio");if(myAudio.canPlayType){if(""!=myAudio.canPlayT

移动端HTML5开发神器之vconsole详解
在开发移动端时,不像开发PC端那么方便,有控制台,可以查看各种网络请求,以及打印的日志。那么Tencent团队就开发出了一款工具,模拟PC端的控制台,可以查看打印日志以

简洁自适应404页面HTML好看的404源码
演示图如下:HTML代码片段:404<metaname="viewport"content="width=device-width,initial-scale=

前端使用canvas生成盲水印的加密解密的实现
为了保障信息安全,防止重大信息泄露,并且能够锁定泄露用户,需要对页面展示的图片加入当前用户信息的盲水印,即最终图片外观看起来和原图一样,但是经过解码以后可以

Html5+CSS3+EL表达式问题小结
最近一直做关于装修的一个项目,后台功能实现很快,但是前台界面展示确实遇到不少的问题。问题1、下拉框选择不管用,选中之后没有变。如图当我选择其他的选项时,不发

HTML5 canvas实现的静态循环滚动播放弹幕
本文主要介绍了HTML5canvas实现的静态循环滚动播放弹幕,分享给大家,具体如下:使用方法和API语法如下:canvasBarrage(canvas,data);其中:canvascanvas表示我们的画

Html5 new XMLHttpRequest()监听附件上传进度
本文主要介绍newXMLHttpRequest()监听附件上传进度,解决优化loading长时间加载,用户等待问题一、存在问题经测试发现,newXMLHttpRequest()在附件上传请求中,WIFI关

HTML5 drag和drop具体使用详解
简介拖拽(Drag/Drop)是一个很普遍、很常用的操作,即抓取一个对象后,放到想要放的地方。在H5中,拖拽是一个标准操作,任何元素都可以拖拽!!但是!!想要实现拖拽,需要

HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱
问题记录:20210118,记录一下一个小问题,收到来自同事的bug反馈,说我们的H5页面,在微信内置浏览器下显示有问题,然后丢了个图过来,发现里面文字很大,文字的位置也有

详解如何解决H5开发使用wx.hideMenuItems无效果不生效
情况:引入SDK的签名不报错与调试工具生成的结果也是一模一样,但是使用hideMenuItems没有小效果,不会报错。解决方式:把要执行的wx.hideMenuItems()放到wx.ready这

浅析HTML5页面元素及属性
一.列表元素1.ul元素ul为无序列表,各个列表项之间没有顺序级别之分,通常是并列的,排序不分先后。语法为:列表项1列表项2列表项3...例:<metacha

html table呈现个人简历以及单元格宽度失效的问题解决
正确的实现代码如下:个人简历<tablewidth="800"border="1"align="center"

HTML5适合的情人节礼物有纪念日期功能
前言利用HTML5,css,js实现爱心树以及纪念日期的功能网页有播放音乐功能以及打字倾诉感情的画面,非常适合情人节送给女朋友具体的HTML代码具体只要修改代码里面的男

详解如何将 Canvas 绘制过程转为视频
如果我们用Canvas实现了一些动画效果,需要将它回放出来,很多人通常就是用录屏工具将屏幕内容录下来播放,很少有人知道,Canvas可以直接通过现代浏览器支持的MediaS

ivx平台开发之不用代码实现一个九宫格抽奖功能
前言上次说过在看一些关于0代码开发平台ivx,前一段时间忙完考试最近跟着教程0代码实现一个九宫格抽奖,哈哈哈感觉还是蛮强大的,懂点的人都知道可视化这个东西我们

h5页面背景图很长要有滚动条滑动效果的实现
最近做项目过程中,老大提了个很奇葩的要求背景图铺满页面,他要求有滚动条可以滑动,他给我讲的思路是用js获取背景图片的高,在获取当前窗口的高,两者比较,当窗口的

canvas版人体时钟的实现示例
不知道老网民们还记不记得这个魔性的时钟插件:作为网上冲浪十数载的网虫,不久前看到这个图瞬间破防,直接梦回10年前的QQ空间,感叹一下岁月蹉跎、时光荏苒、青春不

使用HTML和CSS实现的标签云效果(附demo)
标签云的效果在博客和网站上不难见到,它其实就是带有超链接的某些关键字,为了达到强调主题的作用。通常出现概率比较大或者受欢迎的标签文字显示比较大,相反的就显

Html5移动端网页端适配(js+rem)
业务场景:由于需求是适配两端屏幕,所以刚开始想的css用rem写,但是还是会出现字体和布局不会等比缩放的情况,后来找到一种js代码针对根元素去做的缩放配置,加上rem

Canvas在超级玛丽游戏中的应用详解
前言在上一篇文章中,我们基于DOM体系构建了超级玛丽,那么在本篇文章中我们使用canvas对整个架构进行升级,从而提升游戏的视觉体验。有需要的同学可以查看源码学习

html5使用window.postMessage进行跨域实现数据交互的一次实战
背景在一个App内嵌的H5中,产品希望在页面的下放设置一个区域,里面展示运营同学通过活动搭建平台生成的教学页面,页面由运营同学自己搭建、替换,产品同学希望H5中能

HTML5拖拽文件上传的示例代码
上传文件HTML5新增了文件API,提供客户端本地操作文件的可能.我们可以通过file表单或拖放操作选择文件,还可以通过JavaScript读取文件的名称、大小、类型、和修改时

Html5移动端div固定到底部实现底部导航条的几种方式
需求:需要把导航固定在底部?只能滑动内容,导航菜单固定不动的。效果如下:这篇文章主要讲解三种实现方案,包括:fixed,absolute,以及css3的flex布局。html结构如下:

了解HTTP Headers的方方面面 图文说明
什么是HTTPHeadersHTTP是“HypertextTransferProtocol”的所写,整个万维网都在使用这种协议,几乎你在浏览器里看到的大部分内容都是通过http协议来传输

meta viewport标签的使用说明(手机浏览缩放控制)
现有固件的OP打开网页时总是会缩小为50%再显示,不能像iPhone那样支持viewport设置。网页中有这么一句时,在iPhone的浏览器中将以原始大小显示,并不允许缩放。<met

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择

HTML标签marquee实现滚动效果的简单方法(必看)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签-可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图

html插入链接的实现方法
每个网页都已一个地址,用URL()标识,通常在网站内部创建链接时,通常使用相对地址内部链接XML/HTMLCode复制内容到剪贴板说明文字锚点链接同一个网页

div被iframe遮住的几种情况及解决方法
类似结构:复制代码代码如下:http://caibaojian.com">>第一种:透明背景被遮住当div使用透明的背景时,无论是使用(opa

前端之HTML知识点整理汇总(推荐)
一、html概述htypertextmarkuplanguage即超文本标记语言超文本:就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。标记语言:标记(标签)构成的语言.网

html meta标签的使用总结(推荐)
meta标签作用META标签是HTML标记HEAD区的一个关键标签,提供文档字符集、使用语言、作者等基本信息,以及对关键词和网页等级的设定等,最大的作用是能够做搜索引擎优

创建新元素的三种方法小结
第一种:通过text/HTMLvartxt1="Text.";第二种:通过jQueryvartxt2=$("").text("Text.");第三种:通过JavaScript/DOMvartxt3=document.createElement("

HTML制作个人简历的简单实现
简历代码:XML/HTMLCode复制内容到剪贴板<

HTML标签marquee实现多种滚动效果(无需JS控制)
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签-可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图

前端开发每天必学之认识HTML标签(1)
2.1语义化,让你的网页更好的被搜索引擎理解这一章节我们要开始把网页中常用到的标签一一向大家介绍,学习这一章节的时候要记住学习html标签过程中,主要注意两个方

如何固定表格四周实现表格上下左右滚动
问题:最近做项目统计的时候碰见一个特定的需求,要求表格上下滚动时,表格头尾固定;左右滚动的时候表格,表格第一列最后一列固定。先上效果图可能会更明了些:左右滚

Html轻松实现圆角矩形
问题:如何通过div+css以及定位来实现圆角矩形?解决方法概述:内容:首先在标签内部里添加一个大层(大层用来固定整体大框架),然后大层内包含四个小层(四个小层里分别

Web端的邮件内容HTML格式规范总结
一、页面要求1)统一使用标准的页头和页尾XML/HTMLCode复制内容到剪贴板<!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Transitional//EN”“http://ww

关于alt和title的用法区别详解
经常用到这两个属性,但是一直没有总结他们的区别。现在我对他们两个的用法做一下总结:相同点:他们都会飘出一个小浮层,显示文本内容。不同点:1.alt只能是元素的属

HTML中frameset标签的使用教程
frameset页面与普遍的Web页面有些不同。虽然仍旧以和包含标题的标记以及其他脚本开始,但是其内容仅仅是表示的各个页面的版式设计。因此,不再需要有元素,只需要标

关于表格table嵌套,边框合并问题的解决方法
【问题】外层table与内层table嵌套,内外表格都需边框时,设置“border=1”,但边框会重复,造成某些地方边框粗,有些地方边框细的问题。【解决办法】:外表

Html制作简单而漂亮的登录页面
先来看看样子。html源码:XML/HTMLCode复制内容到剪贴板Login<linkre

深入理解html表单输入监听
今天看到一篇有关input事件的博文,一时兴起便整理下相关的资料。事件:functionchangeVal(value){console.log($(value).val())}onchange:onchange事件是在前后内容

HTML实现遮罩层的方法 HTML中如何使用遮罩层
Web页面中使用遮罩层,可防止重复操作,提示loading;也可以模拟弹出模态窗口。实现思路:一个DIV作为遮罩层,一个DIV显示loading动态GIF图片。在下面的示例代码中,同

全面理解line-height与vertical-align
前面的话line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作