- 博客(28)
- 收藏
- 关注
原创 解决IE兼容问题
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>;百度一下,你就知道 var wpo={start:new Da
2017-04-27 15:56:44 408
原创 location-href
avascript中的location.href有很多种用法,主要如下。self.location.href="/url" 当前页面打开URL页面location.href="/url" 当前页面打开URL页面windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同。this.location.href="/url" 当前页面打开URL页面
2017-04-19 10:50:08 266
转载 深入浅出 妙用Javascript中apply、call、bind
http://www.admin10000.com/document/6711.html
2017-03-22 08:51:39 201
原创 IE中的条件注释
一、条件注释简介IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上。如果你安装了多个IE,条件注释将会以最高版本的IE为标准。条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释而完全忽略它们。IE将会根据if条件来判断是否如解析普通的页
2017-03-17 15:09:36 413
原创 IE8支持video标签的方法
如何使用html5media1、首先在页面的head部分加入如下脚本1script src="http://api.html5media.info/1.1.4/html5media.min.js">script>你可以通过使用IE条件注释的方法,只在旧版IE浏览器中加载这条JS脚本。2、然后再使用aud
2017-03-17 15:03:16 1905
原创 一些很有用的但是很少人知道的css属性
-webkit-font-smoothing: inherit;有三个属性:还有: -webkit-overflow-scrolling:touch;这个是为了在移动端模拟滑动到顶部底部的效果
2017-03-09 13:41:06 352
转载 js只能输入什么方法大全
JS判断只能是数字和小数点 0.不能输入中文1)2)function chkIt(frm){ if (frm.n1.value.length>0&&frm.n1.value.match(/[\x01-\xFF]*/)==false){ alert('n1不能输入中文!') frm.n1.focus(); return false; }}
2017-03-08 15:33:49 208
原创 常用数字正则
验证数字的正则表达式集 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零
2017-03-08 15:25:08 191
原创 输入框不可点击
当需要使输入框的内容无法点击时,可设置如下: 输入框不可点击" readonly="readonly" />输入框不可点击" readonly="true" />方法1:设置input属性为 readonly="readonly"或readonly="true" 输入框不可点击" disabled="disabled" />输入框不可点击" disabled="tr
2017-03-07 13:54:14 2193
原创 下载文件到本地
a 标签作为超链接标签,虽然在Html5中没有添加新的语义,但是却新增了一个目前还很少有人知道和应用的download属性。通过 a 标签设置download属性,可以让浏览器生成下载窗口下载文件,而不是直接跳到url链接上去。ahref="img/photo.jpg"download="img">下载图片a>参数介绍: download 参数默认为
2017-03-01 10:39:04 253
原创 js 停止事件冒泡 阻止浏览器的默认行为
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。1..停止事件冒泡JavaScript代码//如果提供了事件对象,则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagation()方法e.stopPropagation(); else/
2017-02-20 16:27:52 485
原创 使用scorllLeft实现轮播代码
直接上代码: *{ padding: 0; margin: 0; } .fa{ width: 1200px; height:600px; margin: 0 auto; overflow: hidden; } .fa-one{ width: 500%; height: 100%;
2017-02-18 09:55:09 581
原创 纯CSS实现轮播小Demo
Html部分: 0 1 2 3 4 CSS部分: *{ padding: 0; margin: 0; } .fa{ width: 1200px; height:600px; margin: 0 auto; overflow: hidden; } .fa-one{
2017-02-18 09:52:06 586
原创 判断当前浏览器是不是火狐和禁止鼠标滚轮事件
var firefox = navigator.userAgent.indexOf('Firefox') != -1; alert(firefox)
2017-02-17 10:31:15 1010
原创 js function定义函数使用小结
1.最基本的作为一个本本分分的函数声明使用。function func(){} 或 var func=function(){}; 2.作为一个类构造器使用:function class(){} class.prototype={}; var item=new class(); 3.作为闭包使用:(function(){ //独立作用域 }
2017-02-17 10:03:42 336
原创 让1px在不同的浏览器和设备中显示真正的1像素的效果的方法
1传统的实现方法伪元素 + css3的缩放巧妙地实现;基本步骤就是:设置目标元素定位参照给目标元素添加一个伪元素before或者after,并设置绝对定位给伪元素添上1px的边框设置伪元素的宽高为目标元素的2倍缩小0.5倍(变回目标元素的大小)使用border-box
2017-02-17 08:39:19 2398
原创 什么情况下使用rem来布局和注意的问题
整体的布局还是使用百分比使用rem的最佳场景是,遇到例如多列带有图片的列表,常常需要图片固定宽高比例研究了一些网站,比如淘宝,对字体字体一般情况建议使用px出现1px像素线的地方,仍旧使用border-width:1px;而不是border-width:.1rem;
2017-02-17 08:28:14 824
原创 关于常用的几个单位解释
px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的(也就是说是跟物理设备有关的)。拿高清屏和普通屏来做对比就是普通屏幕的1个像素点就是1个物理像素点,而高清屏的1个像素点是4个物理像素点。em相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。em单位的特点:1. em的值并不是固定的;2. em
2017-02-17 08:21:21 246
原创 clip属性使用小Demo
img{ position: absolute; display: block; left: 50%; top: 50%; margin-left: -165px; margin-top: -110px; /*clip: rect(0px,50px,200px,0px);*/ } body{ padding-top: 20
2017-02-16 17:25:56 386
原创 Canvas标签实现写字板功能
直接上代码 #can{ background: #ccc; } window.onload=function(){ var can=document.getElementById("can") var obj=can.getContext("2d") can.onmousedown=function(e
2017-02-16 17:24:28 286
原创 纯CSS3实现动画旋转动效
不多说,直接上代码 Document body { width: 40rem; height: 30rem; font-size: 62.50%; /* 把body的字体设置为10px以方便使用rem时的计算 */ } .container {
2017-02-16 17:22:52 2135
原创 工厂模式、call、apply
之前为了更好理解js里的call,apply,写了几个小demo function a(){} a.prototype={ aa:1, bb:function(){ console.log("this is:"+this.aa) } } var cc=new a cc.bb() v
2017-02-16 17:20:33 223
原创 js自动显示底部内容代码
很简单的一个功能代码:var scolltop=document.documentElement.scrollTop || document.body.scrollTopvar offsetHeight=document.documentElement.offsetHeight || document.body.offsetHeightdocument.documentElement.sc
2017-02-16 08:29:24 779
原创 仿微信输入框静态
最近一个项目要采用微信输入框的样式,想了一下,弄了几个小Demo,如下:只有下划线的文本框:/n/n自动向下廷伸的文本框:/n80) this.style.posHeight=this.scrollHeight+5">输入几个回车试试自动横向廷伸的输入框:/n
2017-02-15 15:47:46 908 1
原创 原型链小Demo
最近一个项目中有个需求用到了原型链,这是我写的关于原型链应用的一个小demo: var aa={ a:1, bb:function(){ return this.a } } console.log(aa.bb(
2017-02-15 15:42:08 293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人