摘要：
到2024年，大多数现代移动浏览器（如 iOS Safari、Android Chrome 等）都移除了 300ms 延迟，前提是网页的 viewport 设置中禁止双击缩放 <meta name="viewport" content="width=device-width, initial-sca 阅读全文
摘要：
hahnzhu/parallax.js · GitHub - 这个是现成又快速的，每屏页面自带动画。要快又懒的话就直接用里面demo套进去再更改下元素的先后顺序就行了。 yanhaijing/zepto.fullpage · GitHub - 移动端的fullpage。比较灵活，页面动画需自己写。 阅读全文
摘要：
传送门 阅读全文
摘要：
class Circle { constructor(radius) { this.radius = radius; Circle.circlesMade++; }; static draw(circle, canvas) { // Canvas绘制代码 }; static get circlesM 阅读全文
摘要：
创建对象7种方法 继承的六种实现方式 1.原型链继承：可以让子类共享父类的方法，其关键实现就是让一个原型对象指向另一个类型的实例 1 function Parent(){ 2 this.colors = ['blue','green']; 3 } 4 Parent.prototype.addColo 阅读全文
摘要：
element.getBoundingClientRect 判断指定元素相对于页面可视窗口的位置信息,通常结合windows.onScroll方法使用，当element.getBoundingClientRect.Top<=document.documentElement.clientHeight时 阅读全文
摘要：
css3伪类用一个冒号表示，伪元素用两个冒号表示。常用的伪类:active :focus :link等；常用的伪元素::before ::after ::first-letter ::first-line 一、CSS是如何匹配样式的 样式系统从最右边的选择符开始向左进行匹配规则。只要当前选择符的左边 阅读全文
摘要：
1.父元素使用flext布局，justify-content:center,align-items:center 2.父元素使用grid布局 .container{ display: grid; place-items: center; } 3.绝对定位法+偏移法 父元素使用相对定位，子元素绝对定位 阅读全文