随笔分类 - 前端 / JSandTS
水平居中
摘要：1. mx-auto <div class="mx-auto"> 这个元素会水平居中。 </div> 2.text-center <div class="text-center"> 这个文本会水平居中。 </div> 3. justify-content 4. justify-item-conten
阅读全文
运算符
摘要：加减乘除 三元运算符 condition ? expression1 : expression2 symbolSize: Math.sqrt(triplet['COUNT']) * 4 > 2000 ? Math.sqrt(triplet['COUNT']) * 4 : 80,
阅读全文
进阶-ajax
摘要：Ajax代表"异步JavaScript和XML"（Asynchronous JavaScript and XML）的缩写。 它是一种用于在不重新加载整个网页的情况下从服务器异步获取数据的技术 Axios是一个现代的JavaScript库，用于执行HTTP请求，它是基于Promise的，使得在浏览器和
阅读全文
进阶-this
摘要：在JavaScript中，this是一个特殊的关键字，表示当前执行代码的上下文对象。它的值根据代码的执行环境不同而变化。以下是对this的详细介绍： 全局上下文中的this： 在全局作用域中，this指向全局对象，通常是window对象（在浏览器环境中）。在严格模式下，全局作用域中的this将是un
阅读全文
进阶-BOM
摘要：BOM（浏览器对象模型Browser Object Model ）是JavaScript提供的用于与浏览器进行交互的对象集合。BOM提供了访问和操作浏览器窗口和页面的方法，包括浏览器的历史记录、位置信息、计时器、对话框等。以下是对BOM的详细介绍： window对象： window对象表示浏览器的窗
阅读全文
进阶-DOM
摘要：DOM（文档对象模型Document Object Model）是一种用于表示和操作HTML、XML和XHTML文档的编程接口。它将网页文档解析为由节点和对象组成的树状结构，开发者可以使用JavaScript来访问和修改这个树状结构，选择元素，修改元素，添加新的元素或属性。 以下是对DOM的详细介绍
阅读全文
进阶-事件
摘要：在JavaScript中，事件是指用户在网页上执行的交互操作，如点击、鼠标移动、键盘输入等。通过事件，可以在网页中捕获和响应用户的行为 事件类型（Event Types）： 事件可以分为不同的类型，每种类型对应不同的用户交互行为。常见的事件类型包括： click：当用户点击鼠标时触发。 mouseo
阅读全文
基础-语法
摘要：语法（Syntax）： JavaScript的语法定义了编写JavaScript代码的规则和结构。它包括变量声明、函数定义、语句、表达式等。正确的语法是编写有效JavaScript代码的基础。 绍： 语句（Statements）： JavaScript代码由一系列语句组成，每个语句以分号（;）结束。
阅读全文
基础-控制流程
摘要：控制流程（Control Flow）： 控制流程用于控制程序的执行顺序。条件语句（如if语句、switch语句）根据特定条件选择不同的执行路径。循环语句（如for循环、while循环）用于重复执行一段代码。掌握控制流程使得程序能够根据不同情况执行不同的操作。 JavaScript (JS) 和 Ty
阅读全文
基础-函数
摘要：函数（Functions）： 函数是一段可重复使用的代码块，它接受参数并执行特定的任务。通过定义函数，可以将代码逻辑封装起来，提高代码的重用性和可维护性。在JavaScript中，函数是一等公民，可以作为值传递和存储。 以下是关于函数的详细介绍： 普通函数： 使用 function 关键字可以声明一
阅读全文
基础-对象
摘要：document： document是JavaScript中的一个对象，它表示当前HTML文档的根节点。通过document对象，你可以与网页文档进行交互，包括选择元素、修改内容、添加事件监听器等。 在JavaScript中，document是一个预定义的全局对象，表示当前HTML文档的根节点。它提
阅读全文
基础-数据类型
摘要：区别 类型系统：JavaScript 是动态类型的，而 TypeScript 是静态类型的，提供编译时的类型检查。 类型安全：TypeScript 的类型系统增加了类型安全，帮助开发者在编译阶段就发现潜在的错误。 新类型：TypeScript 引入了额外的类型（如枚举、元组、任意类型等），使得类型系
阅读全文
基础-变量var let const
摘要：在 JavaScript 和 TypeScript 中，var、let、和 const用法相同 const： JS // 声明一个对象 const person = { name: 'John', // 字符串类型，表示人的姓名 age: 30, // 数字类型，表示人的年龄 hobbies: ['
阅读全文
什么是jsandts
摘要：JavaScript 和 TypeScript 主要的区别在于它们各自的设计目的和功能特性。下面是一些关键的不同点： 类型系统： JavaScript 是一种动态类型语言，这意味着你不需要在代码中声明变量的类型。变量的类型会在运行时自动确定。 TypeScript 是一种静态类型语言，它在 Java
阅读全文
