加载中
补充一个刚刚发现flex的一个坑

flex-wrap 元素一行或多行显示,旧的box语法不支持 .flex-nowrap{ -ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;} .flex-wrap{ -ms-flex-wrap:wrap;-webkit-flex-wrap:wr...

02/13 23:21
13
HTML+CSS实现div的高度自适应填满剩余空间的7种方法

如图上下两部分,上面部分适应内容的高度,下面部分填充剩余部分。 当下面内容不够时,在下面部分出现滚动条 有2种情况 1.上面内容的高度适应内容,只有2种方法(flex、quirks+table) 2.上面...

01/23 18:42
22
前端开发个人规范持续更新

这是个人多年来的总结,能想到的先写,后面有想到再补充 HTML button标签必须设置type属性 <button>按钮</button><!--BAD--> <button type="button">按钮</button><!--GOOD--> 表单动作应当在...

01/01 11:33
18
js的URL对象兼容性实测

URL兼容性,MDN和caniuse上描述的都不是很精确,需要实测, 一下是测试结果 浏览器 URL new href origin username searchParams 说明 chrome10               chrome31         ...

JS监听对象属性读写的5种方法

主要有以下办法 __defineSetter__ watch defineProperty get/set关键字 Proxy 先说结论: 推荐大家使用Proxy 1.__defineSetter__早期时,还没有形成标准。浏览器提供的私有属性,可以使用这个...

2018/12/24 22:47
16
在线图标字体格式转化

可以打包各种格式 http://www.freefontconverter.com/

2018/11/09 20:10
9
IE9的CSS Hack

Flex是非常好用的,要优雅降级的话,ie9及以下要使用其他布局方法,需要CSS Hack。 @media (min-width:0\0) and (min-resolution:.001dpcm) { /*ie9*/ } @media \0screen\,screen\9 { /*ie6...

2018/10/30 00:38
12
不用任何代码实现IE6兼容透明PNG图片

IE6并不是不支持PNG图片,只是不支持半透明通道。 是支持PNG8色表引索全透明的。 以往都是通过滤镜或统统使用PNG8实现兼容。 但是我发现twitter的png图标可以在chrome中显示png32,在IE6显示...

2018/10/21 15:17
9
如何实现三列布局,中间宽度自适应,两边定宽。以及双飞翼布局与圣杯布局。

三列中间宽度自适应的布局是经常需要的。 圣杯布局能实现三列中间宽度自适应,但是并不是最佳实践。 圣杯布局的要求是 三列布局,中间宽度自适应,两边定宽; 中间栏要在浏览器中优先展示渲染...

2018/10/21 15:02
10
网页按钮使用div还是button的争议,以及button样式的正确写法

使用div的好处是:一般做网页人都进行大量div使用,对div的效果已经了如执掌了。不好处是:语义化差,不能享受浏览器的自带效果(如Tab键切换)。 使用button的好是:语义化好,有浏览器的自...

SVG背景向下兼容优雅降级方法

网上有一种方法 background-image:url(fallback.png); background-image:url(image.svg),none; 利用的技术是CSS3多背景,如果支持多背景,则使用svg,否则使用png。 实际上,支持多背景的浏览...

CAS认证过程原理细节

一、登入过程 1. 用户浏览器访问业务系统 2. 业务判断有没有登入 如何判断见后文 有登入直接显示业务系统相关信息。 没有登录跳转到http://认证服务器/login?service=http://登入成功后跳回的...

flex和box、flexbox高度自适应常见坑

display:box; 是老语法,display:flex;是新语法。flexbox是只有ie10才有的语法,ie11可以用flex。 box支持的浏览器更多,flex旧版本浏览器不支持。 综合写法 display:-moz-box; display:-web...

2018/05/16 15:02
46
js获取当前元素,和当前路径

支持document.currentScript的浏览器,用document.currentScript 和document.currentScript.src ie的低版本遍历script标签判断readyState的值是否为"interactive", 上面两种是可以完美获取的...

2018/03/11 02:08
20
js URL对象的兼容性

最早WAP浏览器先使用了这个变量,开发了一组工具函数。如 URL.getHost("http://my.oschina.net/"); 等。但是电脑中的js没有采用。 后来火狐占用这个变量,也作为工具类。有createObjectURL()...

2018/03/07 13:04
35
ES6 Proxy兼容polyfill实现

Proxy 可以拦截对象的读取、修改遍历等操作,这个polyfill只支持get和set。 通过defineProperty和VBScript实现。 低版本浏览器Object.defineProperty用__defineGetter__、__defineSetter__实...

2018/03/01 15:46
364
javascript中Object.getPrototypeOf兼容polyfill实现

如何获取一个对象的原型。 netscope和火狐最早给了一个内部接口__proto__,后来别的浏览器也提供了。 但是这是一个内部接口。 后来ES5规定了一个标准的获取方法Object.getPrototypeOf。 在支...

2018/03/01 15:01
26
js中Object.create作用,什么时候用?和new是什么区别

Object.create是ES5中提出的一种新的对象创建方式,但是为什么要用这个呢?通常在什么时候用,与通过new创建有什么区别

2018/01/13 22:15
69
javascript中使用关键字和保留字作为属性

可作为属性的关键字和保留字有 abstract,int,short,boolean,interface,static,byte,long,char,final,native,synchronized,float,package,throws,goto,private,transient,implements,protecte...

2017/05/16 13:15
9

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部