最近写第三个移动端 H5 的项目了，准备记录下自己在 H5 项目中的一些实践探索。移动端 H5 与 PC 端开发最大的区别之一，大概就是 响应式布局 问题。 那么下面我们来聊聊移动端响应式...

复制代码 代码如下: body 【文章出处:防ddos攻击】 form action="" method="post" name="form1" input type="text" id="id" / /form /body script function myfocus() { document.getElementById('id').focus(); } /script 【转自：http...

IndexedDB介绍 IndexedDB是一种能在浏览器中持久的存储结构化数据的对象数据库，并且为web应用提供了丰富的查询能力。 相比于Web SQL数据库它更加简单，而且官方标准中关于Web SQL的工作已...

【文章出处http://www.nextecloud.cn/kt.html欢迎转载】 复制代码 代码如下: a href=# title="这里是显示的文字"hello/a 当鼠标悬停在 hello上一回就会有文字 这里是显示的文字 显示。...

利用canvas的getImageData，我们可以获取到一张图片每一个像素的信息，而通过对每一个像素信息的对比，我们就可以找到需要消去的像素点。比如下面这一张图片，如果我们想要扣去白色...

1、html超链接打开的窗口大小 复制代码 代码如下: a href="#" onclick="javascript:window.open('http://www.baidu.com','','height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no...

因为公司的项目需求，需要做一个K线图，可以让交易者清楚的看到某一交易品种在各个时间段内的报价，以及当前的实时报价。 我所考虑的有两个方向，一是类似于Highcharts等插件的实...

复制代码 代码如下: html head meta http-equ【文章来自：高防ip处的文章,转载请说明出处】iv="Content-Type" content="text/html; charset=UTF-8" / /head body ?php echo ' form name="DDForm" method="GET" action="" div sty...

因为下一阶段要做的一个工作是开发一个WEB端的K线图，所以这一周一直在研究这方面的东西，其中涉及【文章出处:欧洲服务器】到的一个知识点是鼠标滚轮事件和Mac的触控板双指事件...

a标签主要用来实现页面跳转，可以通过href属性实现，也可以在onclick事件里实现。 复制代码 代码如下: a onclick="window.location.href='www.jb51.net'" href="javascript:void(0);"海外IDC网/a 这段代码在主...

注：使用的是的模块注入方式，适用各种前端单页面应用及H5 创建一个AMap.js文件 // AMap.js// 高德map https://webapi.amap.com/maps?v=1.4.11key=你的高德地图的keyexport default function MapLoader () {return...

单元格(cell) -- 表格的内容 单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的...

使用canvas实现黑客帝国数字雨 效果图： 代码： !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 meta http-equiv=X-UA-Compatible content=ie=edge titleDocument/t...

input输入框中的光标大小显示不一致 ie7中和chrome的非常明显 先看看【文章由：韩国高防服务器 提供,感谢支持】问题产生的原因：chrome浏览器对光标高度的设置原则为，当没有内容的时...

html5中， input type=number 时 右边会有一个上下小箭头，介绍去掉这个箭头的方法，完成浏览器的兼容，页面效果的统一 一。公共样式 !DOCTYPE htmlhtml head meta charset=UTF-8 title去掉输入框type为...

最近在重新学习HTML的知识，算是对HTML的一个重新认识吧！别小看了这东西，一切的网页可都是以它为基础的！下面就详细归纳一下HTML标签的嵌套规则吧，希望对大家有所帮助。 XHTML的...

之前我们简单的了解了canvas的基本用法,这里我们来了解下如何将html内容写入到canvas中生成图片，这里我使用到了html2canvas插件，这个插件是基于canvas实现的 html2canvas官网： http://html2c...

【来源：美国cn2服务器 转载请说明出处】今天遇到个小问题，纠结了很久，分享下 a标签添加背景图，需要给a添加display:block样式 但是在ie8下还是不能显示背景图，开始以为是由于a标签...

video对象 兼容性写法 video controls source src=data/demo.ovg source src=data/demo.mp4 source src=data/demo.webm 您的浏览器不支持，请升级您的浏览器 /video video 标签 width height autoplay muted poster带有预览图（...

ylbtech_html_print html打印代码，支持翻页 复制代码 代码如下: html head meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5" title看看/title meta http-equiv="Content-Type" content="text/html; ch...

先放图 demo.html !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0, user-scalable=no title手势解锁/title style type=text/css body{ text-align: center; background: #30506...

【文章出处:美国cn2站群服务器 欢迎转载】1：readonly是要锁定这个控件，通过在界面上无法修改他（但是通过javascript可以修改他）。 2：disabled 和readonly有相同的地方也是可以锁定这个控...

audio对象 src兼容.ogg .wav .mp3 audio controls src='data/imooc.wav'/audio width autoplay loop muted静音 audio controls src='data/imooc.wav' autoplay loop width='500' height='500' muted/audio 播放play() var myAudio = new Audio(); myA...

将input和img放同一行，img标签总是比input高出一个头，非常难看。之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align=absmiddle属性，这个方法似乎的确可行，但是不...

HTML 5 canvas 标签定义和用法 canvas 标签定义图形，比如图表和其他图像。 canvas 标签只是图形容器，您必须使用脚本来绘制图形。 实例 如何通过 canvas 元素来显示一个红色的矩形： canv...

下面介绍下常用的head头部结构，以及对各个标签、元素的意义以及使用场景一一介绍（本篇以一丝大神的文章为基础，进行扩展总结）。 padding.me的head头结构 复制代码 代码如下: !DOC...

功能点 获取当前定位 时时显示当前设备方向 重点 h5每次打开时，只是单纯获取的设备方向是无法正确朝向的。因为每次打开后地图自身也受设备朝向影响。 所以需要再获取罗盘方向进...

关于type=file的input是啥？ 这个是啥我觉得没必要再说了，反正大家都知道，然后在现在有各种手机的时代，还可以通过直接拍照的方式来上传，反正比以前好玩多了。 并且以前是只能上...

本文介绍了html5响应式开发自动计算fontSize的方法，分享给大家，具体如下： var winWidth = window.innerWidth; var winHeight = window.innerHeight; //获得屏幕的宽度 rem=屏幕宽度/7.5+pxvar perRemPx = documen...

问题描述： 复制代码 代码如下:meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" / 1、这个到底是什么意思？ 2、一些示例使用,分离IE的版本，而一些使用；，哪个正确？ 3、我想知...

这个不算啥新奇吧？但还是记录一下。 这个问题应该这么看。 1、首先网站要支持.MOV格式文件 就是说，网站要能识别.MOV格式文件。 mimeMap fileExtension=.mov mimeType=video/quicktime / 如何识别？...

css： 复制代码 代码如下: *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} /* demo */ .demo{width:800px;margin:0 auto;} .demo div{margin:40px 0 0 0;} html：...

【本文由：http://www.1234xp.com/st.html提供，感谢】 1.设置urlschemes urlschemes尽量设一个唯一的字符串，例如可以设为：iOS+公司英文名+ 项目工程名 比如我的设为iOSTencentTest，在浏览器中输入地...

HTML dl 标签 #定义和用法 dl 标签定义了定义列表（definition list）。 dl 标签用于结合 dt （定义列表中的项目）和 dd （描述列表中的项目）。 #实例 复制代码 代码如下: dl dt计算机/dt dd用来...

通常情况下，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机时，这两个脚本才能相互通信。而在实际项...

HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代...

前言：马上过年了，我打算在后台里面偷偷地埋个新春祝福+放烟花的彩蛋。项目是基于react+typescript的，因此最后封装成了一个组件，设置好开启时间就可以显示了。 目录结构 目录结构...

复制代码 代码如下: span style='display:block;wi【本文由http://www.nextecloud.cn/hk.html首发,转载请保留出处，谢谢】dth:14px;line-height:50px;height:100px;'文字测试/span 显示效果： 文 字 测 试 如果是英文...

前言：前端时间也是应项目的需求开始了h5移动端的折腾之旅，在目前中台的基础上扩展了两个ToC移动端项目，下面就是在h5移动端表单页面键盘弹出收起兼容性的一些总结。 问题 在...

今天在写一个flash广告代码的时候，因为flash自带的链接，容易被当成弹出广告，所以做了一个div层放到flash上面，这样链接都是a触发的不会被拦截，但发现flash一直处于div层上面，原来...

前言：canvas动画入门系列之简单连线动画。虽然简单，但连线动画应用场景还挺多，因此做了个小demo，一通百通。 step1：绘制点 首先创建个标签 canvas id=canvas/canvas 设置几个点的坐标...

今天有个客户要投放广告，给的素材是flash的，虽然我们不太喜欢，但没办法，客户就喜欢flash，怕一些浏览器或软件屏蔽flash自带的链接，需要我么通过html加一个链接，要不被阻止了效...

背景 到新公司的第二个项目，就是和小伙伴们一起做一个H5的商城，主要在微信内，但也要考虑到其他浏览器。其中，首页需要根据当前用户的经纬度找到距离最近的门店并展示。前端...

HTML带表情的评论框，表情通过Json数据加载，可以根据自己的喜好改变表情。本评论框代码为HTML，CSS，JQ三个方面的代码。图1为原始状态，图2为点击表情时出现的表情列表，可以任意选...

最近做一个刮刮卡，需要将文字在canvas中水平、垂直居中 wxml canvas type='2d' id=myCanvas width=300 height=150 style=background:yellow; \ 使用canvas2d构建画布 蓝色线为水平中线 红色线为垂直中线 文本设...

多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 XML/HTML Code 复制内...

在开发 H5 应用的时候碰到一个问题，应用只需要一张小的缩略图，而用户用手机上传的确是一张大图，手机摄像机拍的图片好几 M，这可要浪费很多流量。 像我这么为用户【本文来源：...

对限制ip的投票网站作弊方案，这个方法利用了投票网站监测远程ip的一些漏洞来实现，并没有真正的伪造ip地址，http是建立的tcp之上的第七层，是不可能伪造真实ip地址的最近朋友需要...

该方法主要用来做网站自适应的，同时可以实现撑起内容高度，避免图片加载后导致的页面滚动。 一、可以使用js判断图片的宽度得到具体数值之后，再来利用js设置图片的高度（这里...

表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题，比如： 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复...