摘要: 记录一下: 1.arguments是一个对象, 是函数的一个特性,只有在函数内才具有这个特性,在函数外部不用使用。 举例: function test(){ alert(typeof arguments); //object } alert(typeof arguments); //undefine 阅读全文
posted @ 2017-10-30 15:34 m2maomao 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 1.什么是getter,什么是setter? getter 是一种获得属性值的方法,setter是一种设置属性值的方法。 2.怎么定义? 有2种办法: 在对象初始化的时候定义 在对象定义后的时候定义 3.例子: 结果: 100 101 200 201 阅读全文
posted @ 2017-10-30 14:23 m2maomao 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 1.Object.create() 是什么? Object.create(proto [, propertiesObject ]) 是E5中提出的一种新的对象创建方式,第一个参数是要继承的原型,如果不是一个子函数,可以传一个null,第二个参数是对象的属性描述符,这个参数是可选的。 例如: 结果为: 阅读全文
posted @ 2017-10-30 13:36 m2maomao 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 先来一个常见的案例,把一张图片和下方文字进行居中: 首先处理左右居中,考虑到img是一个行内元素,下方的文字内容也是行内元素,因此直接用text-align即可: 实际的效果如下: 火星 火星 这样做的问题是,直接在最外层的container设置一个text-align的属性,导致所有子元素都会继承 阅读全文
posted @ 2017-10-27 17:46 m2maomao 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 借用Effective之名,开始写Effective系列,总结一些前端的心得。 有些人写页面会走向一个极端,几乎页面所有的标签都用div,究其原因,用div有很多好处,一个是div没有默认样式,不会有margin、background等初始化设置,另外可能会觉得不用div还能用啥。所以看他的页面,一 阅读全文
posted @ 2017-10-27 17:35 m2maomao 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 伪元素是一个好东西,但是很多人都没怎么用,因为他们觉得伪元素太诡异了。其实使用伪元素有很多好处,最大的好处是它可以简化页面的html标签,同时用起来也很方便,善于使用伪元素可以让你的页面更加地简洁优雅。 1. 伪元素使用场景 伪元素一般是用于画图,特别是那种无关紧要的分隔线、点之类的小元素,如下图的 阅读全文
posted @ 2017-10-27 17:01 m2maomao 阅读(756) 评论(1) 推荐(1) 编辑
摘要: 本文介绍使用css3的animation画一个太阳系行星公转的动画,再加以改进,讨论如何画椭圆的运行轨迹。然后分析京东和人人网使用animation的实际案例,最后结合css3的clip-path做一些比较特别的动画。 太阳系最终的效果图如下: css3的animation是通过关键帧的形式做出来的 阅读全文
posted @ 2017-10-27 16:19 m2maomao 阅读(1170) 评论(0) 推荐(0) 编辑
摘要: 如何实现一个三栏自适应布局,左右各100px,中间随着浏览器宽度自适应? 第一个想到的是使用table布局,设置table的宽度为100%,三个td,第1个和第3个固定宽度为100px,那么中间那个就会自适应了,下面是一个实时的demo: 但是table布局是不推荐的,table布局是css流行之前 阅读全文
posted @ 2017-10-27 16:10 m2maomao 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 借用Effective之名,开始写Effective系列,总结一些前端的心得。 为什么说能使用html/css解决的问题就不要使用JS呢?两个字,因为简单。简单就意味着更快的开发速度,更小的维护成本,同时往往具有更好的体验,下面介绍几个实例。 1. 导航高亮 导航高亮是一种很常见的问题,包括当前页面 阅读全文
posted @ 2017-10-27 16:02 m2maomao 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 信息比较丰富的网站通常会以分页显示,在点“下一页”时,很多网站都采用了动态请求的方式,避免页面刷新。虽然大家都是ajax,但是从一些小的细节还是 可以区分优劣。一个小的细节是能否支持浏览器“后退”和“前进“键。本文讨论两种方法,让浏览器可以后退和前进,或者说让ajax就像重定向到新页面一样 拥有能够 阅读全文
posted @ 2017-10-27 14:45 m2maomao 阅读(267) 评论(0) 推荐(0) 编辑