当前位置： 首页>编程语言>正文

渐进增强和优雅降级之间的区别？

编程语言2024-10-18 11:24:34

一省：HTML

16. 渐进增强和优雅降级之间的区别？

1. 渐进增强： 一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。

2. 优雅降级： 一开始针对一个高版本的浏览器构建页面，先完善所有的功能。然后针对各个不同的浏览器进行测试，修复，保证低级浏览器也有基本功能。

区别: 渐进增强是向上兼容，优雅降级是向下兼容。

二省： CSS

16. css3动画格式？

/* 定义 */
@keyframes 动画名称 {
  0% { css样式 }
  25% { css样式 }
  50% { css样式 }
  75% { css样式 }
  100% { css样式 }
}

/* 使用 */
div {
  animation-name: 动画名称;
  animation-duration: 5s;
  animation-timing-function: linear;//速度曲线
  animation-delay: 2s;//延迟时间
  animation-iteration-count: infinite;//播放次数 
  animation-direction: alternate;//动画方向
  /* 动画结束后状态默认backwards  回到起始状态 我们可以让他停留在结束状态forwards */
  animation-fill-mode: forwards;
  animation-play-state: running;//暂停是paused

  /* 简写 */
  animation: 动画名称 持续时间   速度曲线         延迟时间   播放次数          动画方向    填充样式    运行状态;
  animation: name    duration timing-function delay    iteration-count  direction  fill-mode  play-state;
}

三省：JavaScript

16. == 和 === 的区别？

  1. == 等号是表示数据的值相等，但是类型不一定相等。
let num = 123
let str = "123"
console.log(num == str)//true
console.log(num === str)//false
  1. === 全等号表示数据不仅值相等，而且数据类型也相等。
let num1 = 321
let num2 = 321

console.log(num1 == num2)//true
console.log(num1 === num2)//true

https://www.xamrdz.com/lan/5m51994530.html

相关文章：