kari

为了深入了解Vue3搞的一个简单UI库。 现在还很粗糙，先占一个坑，计划慢慢把它搞起来。

media query：自动探测屏幕类型及宽度，符合条件时加载 css 样式。 minimum-scale=1.0: 最小缩放比例为 1.0。 vw 视口宽度的 1/100。 rem 也是一个长度单位，这个单位代表根元素（html）的 font-size 的大小。 em 和 r…

块格式化上下文（Block Formatting Context，BFC）是 Web 页面的可视化 CSS 渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的…

在弹性布局模型中，弹性容器的子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸。既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免父元素溢出。 子元素的水平对齐和垂直对齐都能很方便的进行操控。 在 flex 容器（flex container）中默认存在两条轴，水平主轴（…

层叠顺序（stacking order），表示元素发生层叠时候有着特定的垂直显示顺序。 如果是同级元素重叠，那么后面元素盖在前面元素的身上。 层叠上下文是 HTML 元素的三维概念，这些 HTML 元素在一条假想的相对于面向（电脑屏幕的）视窗或者网页的用户的 z 轴上延伸，HT…

当对一个文档进行布局（lay out）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）。 每个盒子由四个部分（区域）组成，内容边界 Content edge、内边距边界 Padd…

jQuery 就是将 DOM 对象重新包装成 jQuery 对象，这个 jQuery 对象中包含了许多 DOM 中不能轻松实现的方法（函数），可以省去很多复杂的代码。 这样两个 API 就可以实现这两个需求了。它们可以同时给一个或多个元素节点，添加 class 和 textCo…

第一种方式是常用的方法调用函数，第二种是使用 call() 方法调用函数，在使用后者调用函数时，第一个参数便是 this 值。 无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this 都指向全局对象。 因为下面的代码不在严格模式下，且 this 的值不是由该调用设置…

DOM 的 M 指的是 Model，因为在 HTML 结构在内存中用一个模型来表示，这个模型就是树型结构。 JavaScript 将 HTML 文档渲染成 DOM 的树型结构。