"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编程中的基础和进阶部分,理解和掌握这些可以帮助开发者编写更高效、更健壮的前端代码。