plutozxc的博客

UMD：Universal Module Definition，就是一种javascript规范，让你打包好的代码能在各个环境中使用IIFE（立即调用函数表达式）：(function () { statements})();

ES6的特性和函数Object.freeze()箭头函数**...args表示可以传任意参数个数**解构赋值Object.freeze()Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。const obj = { prop: 42};Object.freeze(obj);

push() 向数组最后加入值pop() 从数组最后移除值shift() 从数组最前面移除值unshift() 向数组最前面加入值如果变量同名,则局部变量的优先级比全局变量高local的优先级比global的高

CSS网格grid布局的几个属性grid-template-columnsgrid-template-rows特别的单位grid-column-gap和gird-row-gapgrid-column 和grad-rowjustify-self和align-selfjustify-items和align-itemsgrid-arearepeat函数中的两个参数CSS 网格是一个较新的标准，用于构建复杂的响应布局。它通过把 HTML 元素转换为具有行和列的网格容器，以便将子元素放置在所需要的位置。和flex

CSS弹性盒子flex有多个属性justify-contentalign-itemsflex-wrap在一个元素的 CSS 中添加 display: flex;，就可以使用其它 flex 属性来构建响应式页面了。可以写入到多个组件中.flex有多个属性flex-direction:row;/*默认值:row 行排列column 列排序row-reserve 行倒置column-reserve 列倒置*/flex 子元素有时不能充满整个 flex 容器， 所以我们经常需要告

四种响应式网页设计原则媒体查询图片自适应针对高分辨率屏幕应使用视网膜图片视窗单位总结媒体查询下面是一个媒体查询的例子，当设备宽度小于或等于 200px 时返回内容：@media(min-width:200px) { /*CSS rules*/}先写一个媒体查询的范围(条件),再码css的规则.图片自适应img { max-width: 100%; height: auto;}图片的宽度不超出父容器的范围,高度就是原始宽高比.针对高分辨率屏幕应使用视网膜图片随着联网设备的增

CSS cubic-bezier() 函数的理解系列文章目录cubic-bezier()函数文章目录系列文章目录前言简介画图理解前言本文就介绍了CSS学习的基础内容之贝赛尔曲线。简介cubic-bezier 函数包含了 1 * 1 网格里的4个点：p0、p1、p2、p3。其中 p0 和 p3 是固定值，代表曲线的起始点和结束点，坐标值依次为 (0, 0) 和 (1, 1)。你只需设置另外两点的 x 值和 y 值，设置的这两点确定了曲线的形状从而确定了动画的速度曲线。在 CSS