HTML5
zxf13717561643
这个作者很懒,什么都没留下…
展开
-
手机浏览器呼出QQ聊天窗口,微信内置浏览器呼出qq
方法1:这个方法可以在 微信内置浏览器里也呼出qq。打开QQ官方的一个网站:QQ推广,网址如下:http://shang.qq.com/v3/index.html1,登录QQ2,进入“推广工具”,如果是新注册的QQ号,第一次登录,会提示“立即免费开通”3,复制代码,修改为自己的QQ号http://wpa.qq.com/msgrd?v=3&uin=此处输入转载 2018-03-01 09:19:48 · 7111 阅读 · 2 评论 -
html关于find使用时的一次使用大坑
$.ajax({ type:'post', url:url, data:{}, dataType:"json", success:function(data){ if(data.retCode=="0000"||data.retCode=="00000"){ // alert(data.responseBody.tot原创 2016-07-07 15:10:14 · 2479 阅读 · 0 评论 -
CSS图片垂直居中方法
图片垂直居中是个经典的问题,网上关于这个的方法也非常多,良莠不齐,本人比较推荐的以下三种简单的方法,大家可以稍做参考。1.淘宝的方法在曾经的"淘宝UED招聘"中有这样一道题目:“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是 淘宝 工作中最常遇到的一个问题,很转载 2016-07-27 15:39:54 · 462 阅读 · 0 评论 -
js 怎么获得写在css文件中的display属性
无标题文档#abc{display:block;}function getStyle(obj,attr){if(obj.currentStyle){return obj.currentStyle[attr];}else{return document.defaultView.getComputedStyle(obj,false)[attr];转载 2016-07-14 10:56:52 · 4737 阅读 · 0 评论 -
解决ie浏览器不兼容浮动float的办法
一、并排在一行的两个div样式有这种情况:ie或者ff下对于子div设置float左的时候,如果另外的子div没有设置float左的话,两个浏览器下会有区别,具体有一个会产生间隙。兼容做法就是都设置float属性。但是记住有设置过float就要将float clear掉,不然下面的div会叠在已float的div上。我通常把清除浮动写成单独的放在所有浮动div的最下方。二、在上述1情况中需转载 2016-06-06 15:19:42 · 8152 阅读 · 0 评论 -
如网址无法自动折断
如果是汉字,则可以自动换行。如果是连续的英文或数字会被视为一个单词,即使达到最大宽度也不会自动折断,而是直接到换到下一行。那么这里就可以使用word-break:break-all;来实现长英文自动折断(效果如下图)。如 代码如下复制代码:最后总结一下1.(IE浏览器)连续的英文字符和阿拉伯数字,使转载 2016-06-06 15:18:33 · 249 阅读 · 0 评论 -
display:inline、block、inline-block的区别,与下文float相关。
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上;转载 2016-06-06 15:12:21 · 443 阅读 · 0 评论 -
HTML5屏幕适配标签设置
开发HTML5游戏中,我们常用的一些mata标签:meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 )height: vie转载 2016-06-06 12:35:58 · 13946 阅读 · 0 评论 -
HTML中常见的各种位置距离(clientTop clientLeft clientWidth ClientHeight offsetleft offsettop offsetwidth offset
DOM中都有一些什么宽度、高度。常见的offsetWidthclientWidthscrollWidthoffsetHeightclientHeightscrollHeightoffsetLeftclientLeftscrollLeftof转载 2016-04-15 16:25:50 · 8803 阅读 · 0 评论 -
document.documentElement和document.body的区别
网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动:window.onscroll = function (){ var div = document.getElementById("div"); div.style.top = document.body.scrollTop + "px"转载 2016-04-15 16:24:12 · 11860 阅读 · 0 评论 -
默默地积累
// 动态添加 h5 代码row += '<li class="li" onclick="changerecord(\''+datalist[''+(2+chazhi)+'']['Title']+'\',\''+datalist[''+(2+chazhi)+'']['Zdorcode']+'\',\''+datalist[''+(2+chazhi)+'']['Content']+'\',\'原创 2016-02-26 10:14:39 · 479 阅读 · 0 评论 -
iScroll.js 用法参考 (share)
分享是传播、学习知识最好的方法以下这篇文章是iScroll.js官网的中文翻译,尽管自己英文不好,但觉得原作者们翻译的这个资料还是可以的,基本用法介绍清楚了。如果你英文比较好的话,可以看看官网的资料。参考:http://www.cnblogs.com/asqq/archive/2012/04/23/2466132.html , http://www.nb88.net/Index转载 2016-10-18 10:21:54 · 2885 阅读 · 0 评论 -
grunt vs gulp
虽然gulp已经出来很久了,但是一直没有去使用过。得益于最近项目需要,就尝试了一下,以下从几个要点讲一下grunt和gulp使用的区别,侧重讲一下在使用gulp过程中发现的问题。而两种工具孰优孰劣由读者自己判断。1. 书写方式grunt 运用配置的思想来写打包脚本,一切皆配置,所以会出现比较多的配置项,诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段,导致转载 2016-12-02 13:54:45 · 538 阅读 · 0 评论 -
gulp + webpack 构建多页面前端项目
修改增加了demo地址 gulp-webpack-demo之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题,最终算是搭建了一套比较完整的解决方案,接下来这篇文章以一个实际项目为例子,讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文是自己的实践经验,所以有些解决方案并不是最优的,仍在探索优化中。所以有什么错误疏漏请随时指出。使用gulp过程中的一些转载 2016-12-02 13:55:54 · 1892 阅读 · 0 评论 -
CSS3自定义滚动条样式 -webkit-scrollbar
有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢?前言webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。演示转载 2017-05-18 16:57:47 · 615 阅读 · 0 评论 -
ie7,ie8背景图片background-size无效问题
html>html lang="en">head>meta charset="UTF-8">title>让IE7 IE8支持CSS3 background-size属性演示_doweboktitle>style>html { height: 100%;}body { height: 100%; margin: 0; background: url(image转载 2017-02-20 16:01:22 · 4160 阅读 · 0 评论 -
PhotoSwipe简介
官方介绍PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。为谁而用让移动站点的相册体验和原生App一样的设计师和开发者。绝佳特性PhotoSwipe提供给用户一个熟悉又直观的相册交互界面。官方网站http://www转载 2016-12-19 11:36:13 · 1105 阅读 · 1 评论 -
使用@media实现IE hack的方法
网页制作Webjx文章简介:众所周知,有些时候为了实现IE下的某些效果与现代浏览器一致,我们不得不使用一些hack手段来实现目的。比如说使用“\0”,“\”和“\9”来仅让IE某些版本识别,而对于现代浏览器来说,他会直接无视这些代码。今天我想为大家介绍的是使用@media实现IE hack的方法. 随着Responsive设计的流行,Medial Queries可算是越来越让人观注了。他转载 2016-12-09 16:54:38 · 662 阅读 · 0 评论 -
input type date 解决移动端显示placeholder.
网上找的方法苹果可以了 安卓显示总有问题.加了段CSS就完美解决了,就是UC有点奇葩以下是我测试的浏览器:微信--OK.QQ浏览器--OK谷歌浏览器--OKUC浏览器(业界奇葩),前面会有空白cssinput[type="date"]:before{ color:#A9A9A9; content:attr(plac转载 2016-12-09 10:14:50 · 2732 阅读 · 0 评论 -
js阻止冒泡及jquery阻止事件冒泡示例介绍
js阻止冒泡 在阻止冒泡的过程中,W3C和IE采用的不同的方法,那么我们必须做以下兼容。 复制代码代码如下:function stopPro(evt){ var e = evt || window.event; //returnValue如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为 fasle, //可以取消发生事件的源元素的默认动作。转载 2016-12-08 13:50:09 · 367 阅读 · 0 评论 -
CSS 哪些属性默认会继承, 哪些不会继承?
不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break转载 2016-12-08 12:47:50 · 849 阅读 · 0 评论 -
css link和@import区别用法
1、link语法结构实际应用截图:使用link标签截图Html link标签说明此标签是引入CSS文件link标签,只要设置好路径即可。扩展阅读:html link2、@import语法结构@import + 空格+ url(CSS文件路径地址);1)、在html中@import url(CSS文件路径地址);转载 2016-12-07 16:27:05 · 2514 阅读 · 0 评论 -
说说JSON和JSONP,跨域解决问题
前言 由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。 当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设备必须转载 2016-12-06 17:13:44 · 2122 阅读 · 0 评论 -
有关display:block、display:table-cell在IE、谷歌的兼容性问题
对所有的块元素都没有意义,块元素的dispaly属性默认值为block,没必要再显式定义——除非你之前对块元素的display属性重新定义过。===========================多罗嗦一句:display:block;比较常用于这两个标签——因为这两个标签非块元素,如果不用display:block定义一下,那么定义width、height等和长宽相关的css属性时会转载 2016-12-12 17:02:39 · 6867 阅读 · 1 评论 -
js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全转载 2016-02-25 17:39:55 · 339 阅读 · 0 评论 -
PHP弹出提示框并跳转到新页面即重定向到新页面
这两天写一个demo,需要用到提示并跳转,主要页面要求不高,觉得没必要使用AJAX,JS等,于是研究了下怎么在PHP提示并跳转。 开始先是用了下面这种: 复制代码代码如下:echo " alert('sucess');parent.location.href='/user/index'; "; alert里面是提示的消息,href是提示后跳转的页面。转载 2016-03-10 10:55:10 · 10954 阅读 · 0 评论 -
苹果手机的html 手势,点击事件
// 手势事件(本来我搜到的是touchstart ,但是我发现打包apk后再拼过手机上能运行的是ontouchstart ,和 ongesturestart)ontouchstart //当手指接触屏幕时触发ontouchmove //当已经接触屏幕的手指开始移动后触发ontouchend //当手指离开屏原创 2016-02-23 16:55:31 · 1861 阅读 · 0 评论 -
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前,我想把前端开发人员划分为两类:第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px转载 2015-12-23 09:55:35 · 5525 阅读 · 0 评论 -
CSS中!important的使用
本篇文章使用最新的IE10以及firefox与chrome测试(截止2013年5月27日22:23:22)CSS的原理:我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 首先,先看下面一段代码:DOCTYPE HTML>html>head>meta http-equiv="Content-Type" content="text/html; ch转载 2015-12-23 09:36:30 · 1711 阅读 · 0 评论 -
web前端性能优化
前端性能优化的14个规则,学会就偷着乐经验技巧|kwoojan 发布于 2013-12-5 22:43查看: 31610评论: 9来自: iamjiuye原作者: kwoojan作为一个半前端工程师,而且只会写点HTML5和CSS3的“假”前端工程师,为了能更好地理解一下前端的花花世界,最近拜读了《高性能网站建设指南》一书转载 2015-12-22 15:43:41 · 578 阅读 · 0 评论 -
Host 'localhost' is not allowed to connect to
Host 'localhost' is not allowed to connect to this MySQL server解决方案 原因:之所以出现Host 'localhost' is not allowed to connect to this MySQL server,主要原因是用户在操作时,将root 这个用户不小心删掉了,而root 对应的ip地址一般用loc转载 2016-01-05 23:00:35 · 3337 阅读 · 0 评论 -
defaultValue与value的区别
Hello world....This is a text area原创 2015-12-17 10:33:51 · 9295 阅读 · 1 评论 -
CSS隐藏元素 display visibility opacity的区别
{ display: none; /* 不占据空间,无法点击 */ } { visibility: hidden; /* 占据空间,无法点击 */ } { position: absolute; top: -999em; /* 不占据空间,无法点击 */ } { position: relative; top: -999em; /* 占据空间,无法点击 */ } { positio转载 2015-12-18 22:49:48 · 6491 阅读 · 0 评论 -
HTML空格占位符
== 普通的英文半角空格 == == == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度) == == en空格 (半个中文宽度) == == em空格 (一个中文宽度)转载 2016-01-20 16:04:24 · 4440 阅读 · 0 评论 -
apicloud打包html5的apk所遇错误(org.apache.subversion.javahl.ClientException:)
1.首先,进入官网(http://docs.apicloud.com/APICloud/download)下载一个apicloudstudio。2.解压下载的安装包,然后进入这个文件夹解压文件夹内的压缩包,进入点击解压出来的apicloud.exe。3.注册一个apicloud账号,用apicloud账号登录。4.点击打开欢迎向导新建一个空项目。5.新建一个空白原创 2015-12-30 17:30:54 · 1660 阅读 · 0 评论 -
html5 页面刷新不能向下拉的情况
我们有时候会遇到页面长度是超过浏览器长度,但是无法滚轮想下刷新的情况。当然,一般自己写的时候,不会自己傻到加一个 html{overflow-y:hidden;}。但是,当我们修改别人的代码的时候,就可能遇见这种情况,如果碰到无法向下滚动查看页面的话,就在css里面找 hidden吧原创 2015-12-30 17:06:40 · 7378 阅读 · 0 评论 -
html meta中的viewport指令
ViewPort 标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。使用 ViewPort 标记还表示文档针对移动设备进行了优化。ViewPort 标记的content值 是由指令及其值组成的以逗号分隔的列表。例:width 和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符转载 2015-12-15 16:39:48 · 520 阅读 · 0 评论 -
WEB前端浏览器不兼容导致的问题及解决方案
1. HTML对象获取问题FireFox:document.getElementById("idName");ie:document.idname或者document.getElementById("idName").解决办法:统一使用document.getElementById("idName");2. const问题说明:Firefox下,可以使用const关键字或var转载 2015-12-23 10:53:37 · 4198 阅读 · 0 评论 -
JSON.stringify()与JSON.parse()
版权声明:本文为博主原创文章,未经博主允许不得转载。parse用于从一个字符串中解析出json对象,如var str = '{"name":"huangxiaojian","age":"23"}'结果:JSON.parse(str)Objectage: "23"name: "huangxiaojian"__proto__: Object转载 2016-01-07 16:53:27 · 357 阅读 · 0 评论 -
jquery eval解析JSON中的注意点介绍
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。 使用eval函数来解析,并且使用jquery的each方法来遍历 用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形转载 2016-01-07 16:55:19 · 921 阅读 · 0 评论