JavaScript学习重点：parseInt、事件绑定、跨域解决方案

"JS学习笔记.pdf" 这篇JS学习笔记涵盖了JavaScript中的多个重要概念和技术，以下是其中的关键知识点： 1. `parseInt()` 函数：该函数用于从字符串的开头提取数字，遇到第一个非数字字符时停止。例如，`parseInt("123abc45")` 返回 123。 2. 事件绑定与定时器：在JavaScript中，事件绑定和定时器（如`setTimeout`和`setInterval`）内只能直接放置函数名或匿名函数。如果需要传递参数，可以将函数包裹在一个匿名函数内。 3. `replace()` 方法：这个方法用于在字符串中替换特定字符或匹配正则表达式的子串。例如，`"test string".replace("test", "new")` 将返回 `"new string"`。 4. 右移零位（Zero-fill Right Shift）：使用 `>>>0` 操作符可以将任何非数字类型强制转换为数字类型。 5. 跨域问题：跨域仅在客户端与服务端之间发生，不涉及服务端间通信。同源策略要求协议、域名和端口号完全一致。解决跨域常用方法有JSONP和服务器端代理，如通过nginx进行配置。 6. jQuery的链式调用：jQuery的所有方法都支持链式调用，这意味着可以在单行代码中连续执行多个操作，提高代码的可读性。 7. jQuery CDN（内容分发网络）：jQuery的百度CDN地址提供了一个快速加载jQuery库的方式，减少网站的加载时间。 8. `innerText` 和 `innerHTML` 的区别：`innerText`获取或设置的是元素文本内容，忽略HTML标签；而`innerHTML`包含元素及其内部所有HTML标签。 9. jQuery的 `animate()` 方法：此方法可用于动画化多种CSS属性，如边框宽度、内边距、外边距等，使得平滑过渡效果成为可能。 10. 箭头函数：箭头函数不绑定自己的`this`值，而是从其所在的作用域中继承。这使得它们适用于与`this`无关的回调，如定时器，但不适合需要`this`上下文的事件处理函数或对象的方法。 11. CSS3 动画的 `animation-fill-mode` 属性：该属性定义了动画结束后应用于元素的样式。默认情况下，动画只在关键帧之间影响元素，但可以通过设置`animation-fill-mode`来改变这一行为。 以上知识点是JavaScript编程中的基础和进阶部分，理解和掌握这些可以帮助开发者编写更高效、更健壮的前端代码。