摘要: 一、click事件的300毫秒延迟是怎么产生的? 苹果在2007年发布iphone前夕遇到一个问题,当时相应的网页都是针对大屏编写的,如果直接在iphone上浏览则会出现横向的滚动条,于是他们制定了一些规则来缩放网页,通过双击可以还原网页大小,这种方法后来被其它移动浏览器厂商所采用。 300毫秒延迟 阅读全文
posted @ 2018-06-05 21:24 我是格鲁特 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 传送门 阅读全文
posted @ 2018-06-01 18:55 我是格鲁特 阅读(161) 评论(0) 推荐(0) 编辑
摘要: hahnzhu/parallax.js · GitHub - 这个是现成又快速的,每屏页面自带动画。要快又懒的话就直接用里面demo套进去再更改下元素的先后顺序就行了。 yanhaijing/zepto.fullpage · GitHub - 移动端的fullpage。比较灵活,页面动画需自己写。 阅读全文
posted @ 2018-06-01 18:25 我是格鲁特 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 传送门 阅读全文
posted @ 2018-06-01 16:44 我是格鲁特 阅读(82) 评论(0) 推荐(0) 编辑
摘要: 分号必须要写吗?—— 可写可不写。 必须要写一个构造函数吗?—— constructor方法也是可选的,对象中会默认声明一个空的构造函数constructor() {}。 可以用生成器作为构造函数么?—— 坚决不可以!构造器不是普通方法,随意添加将会触发类型错误(TypeError),这条规则同样适 阅读全文
posted @ 2018-05-31 12:19 我是格鲁特 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 创建对象7种方法 继承的六种实现方式 1.原型链继承:可以让子类共享父类的方法,其关键实现就是让一个原型对象指向另一个类型的实例 1 function Parent(){ 2 this.colors = ['blue','green']; 3 } 4 Parent.prototype.addColo 阅读全文
posted @ 2018-05-31 09:27 我是格鲁特 阅读(154) 评论(0) 推荐(0) 编辑
摘要: function Car () { this.color = "red"; } Car.prototype.sayHi=function(){ console.log('你好') } var car =new Car(); var car2 = Object.create(Car); new XXX 阅读全文
posted @ 2018-05-30 21:13 我是格鲁特 阅读(7868) 评论(0) 推荐(2) 编辑
摘要: element.getBoundingClientRect 判断指定元素相对于页面可视窗口的位置信息,通常结合windows.onScroll方法使用,当element.getBoundingClientRect.Top<=document.documentElement.clientHeight时 阅读全文
posted @ 2018-05-30 18:43 我是格鲁特 阅读(342) 评论(0) 推荐(0) 编辑
摘要: css3伪类用一个冒号表示,伪元素用两个冒号表示。常用的伪类:active :focus :link等;常用的伪元素::before ::after ::first-letter ::first-line 一、CSS是如何匹配样式的 样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符的左边 阅读全文
posted @ 2018-05-30 12:59 我是格鲁特 阅读(1087) 评论(0) 推荐(0) 编辑
摘要: 1.父元素使用flext布局,justify-content:center,align-items:center 2.父元素使用grid布局 .container{ display: grid; place-items: center; } 3.绝对定位法+偏移法 父元素使用相对定位,子元素绝对定位 阅读全文
posted @ 2018-05-29 15:26 我是格鲁特 阅读(227) 评论(0) 推荐(0) 编辑