无论什么时候，只要创建一个新函数，就会根据一组特定的规则为该函数创建一个 prototype 属性，这个属性指向函数的原型对象。默认情况下，所有原型对象都会自动获得一个 constructor（构造函数）属性，这个属性指向 prototype 属性所在的函数。 由于同一个构造函…

1. content-box与border-box的区别及相关计算 当多个元素分配W/H时，有子元素的可根据其子元素的W/H确定其值（具有优先分配W/H的权力）。且子元素一旦固定，其值也不会变化。

本文主要介绍我们的知识小集小程序在适配 iPhone X 屏幕时遇到的一些问题以及总结，希望对你的小程序开发能有所帮助。 我们这里先简单总结一下 iPhone X 屏幕的基础数据，方便后续在小程序开发中进行适配。 此外，由于在 iPhone X 屏幕顶部状态栏区域有“齐刘海”，…

本书（系列文章）为对 CSS 中 flex 布局与 grid 布局的详细介绍，已在 GitHub 同步更新，如您在阅读过程中发现描述有误或错别字的情况，您可以向本项目提出 issus 或 Pull Request。 本系列文章为我在深入研究 CSS 的布局方式的过程中的一些总结。主要是对于 CSS3 标准里的 flex 布局方式 CSS 草案中的 grid 布局方式进行一些总结。

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…