llssdshiyi的博客

JavaScript 原生提供两个 Base64 相关的方法。btoa()：任意值转为 Base64 编码。atob()：Base64 编码转为原来的值。

null与undefined详解及区别

目标： 能够使用Flex布局模型灵活、快速的开发网页Flex布局又称弹性布局，是浏览器提倡的布局，使得布局更加简单、灵活，还能避免浮动脱标问题。当容器高度不确定时，使用float浮动布局进行横向排列会导致脱离文档流，这时就可以使用flex布局。重点概括：添加弹性布局：display:flex; 主轴居中：justify-content: center; 主轴间距在子级之间：justify-content: space-between; 主轴所有地方的间距都相等：justify-cont

目标：使用animation添加动画效果animation相关属性：animation-timing-function:linear;为匀速变化。实现步骤：复合属性：例：animation: move 3s linear .5s infinite alternate;/* 名为move的动画，执行一个周期时间为3s，变化速度为匀速变化，延迟0.5s后播放，播放次数为无限循环，运动方向为交替反向 */animation: arise 1s steps(3) for.

属性：transform，z轴垂直于屏幕，正值方向指向用户，负值方向指向屏幕里面。空间位移：复合语法：transform:translate3d(x,y,z);单独语法：transform:translateX(值);transform:translateY(值);transform:translateZ(值);x、y轴上的改变与2d位移没有区别，z轴上的移动需要给父级添加perspective: 像素单位数值;实现透视效果。perspective常用数值范围在800-1200之间.

CSS一条语句实现弧形底部

列表文章样式及播放样式参考与实现