记录js严格模式的使用方法与严格模式的优势点以及严格模式使用后的差异

函数定义 🥝函数声明 使用函数声明会发生函数声明提升在声明前使用函数也不会报错 123function sum (a, b) { return a + b} 🥝函数表达式 123const sum = function (a, b) { return a + b} 🥝箭头函数 箭头函数不可使用(arguments,super,new.target)

.tips { background: #787; color: #fff; padding: 10px; } .input{ border-radius: 5px; width: 100%; background: #787; color: #fff;

媒体查询 @media 参考文档:《CSS@media规则 (w3school)》

记录css3过渡动画与animation分步动画

本节子元素均默认设有以下属性123456div { background: #787; color: #fff; margin: 5px; padding: 10px 15px;} Flexbox布局 .flex { display: flex !important; border

记录css3的2d与3d变换

动画间隔 requestAnimationFrame 接收一个函数地址,多次触发时会有节流效果,该函数同setInterval可返回一个id 1234567891011const example = document.querySelector('.example')requestAnimationFrame(move)function move() { const

XHR对象 🌽创建XHR对象 使用构造函数创建新XHR对象 1const xhr = new XMLHttpRequest() 🌽open方法 XHR对象使用open(method, url, Boolean)方法定义请求 参数 说明 method 请求方式 url 相对路径或绝对路径 Boolean 是否异步执行 1xhr.open('GET'