[ 深入理解JS | 青训营笔记 ]

40 阅读3分钟

JavaScript基础概念: JavaScript是一种广泛应用于网页开发的脚本语言,用于为网页添加交互性和动态功能。 JavaScript核心知识: 变量和数据类型:在JavaScript中,可以使用关键字var、let或const声明变量。JavaScript是一种弱类型语言,可以存储不同类型的数据,如字符串、数字、布尔值、数组和对象。变量的数据类型可以根据赋予的值自动推断。 操作符:JavaScript提供了一系列操作符,用于对变量和值进行操作。包括算术操作符(如+、-、、/)、比较操作符(如==、!=、<、>)、逻辑操作符(如&&、||、!)等。 条件语句和循环结构:通过if语句和switch语句可以根据条件执行不同的代码块。循环结构包括for循环、while循环和do-while循环,用于重复执行一段代码。 函数:函数是JavaScript中的重要概念,它是一段可重复使用的代码块。通过函数,可以封装一些特定的功能,并可以传递参数和返回值。函数的定义使用关键字function,可以使用function声明函数,也可以使用箭头函数。 对象和面向对象编程:JavaScript是一种面向对象的语言,支持对象的创建和操作。对象是一组相关属性和方法的集合。可以使用对象字面量创建对象,也可以使用构造函数和类创建对象。对象的属性和方法可以通过点运算符或方括号操作符进行访问。 事件和事件处理:JavaScript通过事件实现与用户的交互。事件可以是网页加载完成、鼠标点击、键盘输入等用户操作。可以使用addEventListener()方法为特定的元素添加事件处理程序,以响应事件的发生。 DOM操作:DOM(文档对象模型)是JavaScript操作网页内容和结构的接口。通过JavaScript,可以动态地获取、创建、修改和删除HTML元素。可以使用getElementById()、querySelector()等方法选择特定的元素,并使用innerHTML、appendChild()等方法进行操作。 异步编程:JavaScript是一种单线程的语言,但它支持异步编程。通过回调函数、Promise对象和async/await关键字,可以处理异步任务,如网络请求、定时器等,以避免阻塞页面。 错误处理:JavaScript提供了try-catch语句,用于捕获和处理异常。可以使用try块中的代码来尝试执行,如果发生错误,将会跳转到catch块中进行错误处理。 AJAX和Fetch:AJAX(异步JavaScript和XML)是一种用于在后台与服务器交换数据的技术。使用AJAX,可以在不重新加载整个页面的情况下更新部分页面内容。在现代JavaScript中,Fetch API是一种更先进和强大的用于进行网络请求的方法,它使用Promise对象来处理异步操作。 总结:JavaScript是一种功能强大的脚本语言,用于给网页添加交互性和动态功能。通过变量和数据类型、操作符、条件语句和循环结构,可以实现复杂的逻辑控制。函数和面向对象编程允许代码的模块化和重用。通过事件和DOM操作,可以实现与用户的交互和动态更新网页内容。异步编程技术允许处理耗时的操作而不会阻塞页面。错误处理和网络请求技术(如AJAX和Fetch)提供了更好的用户体验和与服务器交互的能力。

const scrollTop = () => window.scrollTo(0, 0);//滚动到顶部 const smoothTop =() => window.scrollTo({top: 0, behavior: 'smooth'});//添加平滑滚动 //获取网页上选取部分的文字 const getSelectedTxt = () => window.getSelection().toString();

console.log(getSelectedTxt()); // "lorem ipsum"