前端
文章平均质量分 83
前端
林小果呀
发文全看心情,要详细笔记可私我
展开
-
Axios
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。文档:https://axios.nodejs.cn/我们可以使用自定义配置创建一个新的 axios 实例。原创 2024-04-24 15:20:21 · 598 阅读 · 4 评论 -
Vue
组件化:一个页面可以拆分成一个个组件,每个组件有着自己独立的结构、样式、行为。好处:便于维护,利于复用 → 提升开发效率。template:结构 (有且只能一个根元素)script: js逻辑style: 样式 (可支持less,需要装包)… 这都是Vue给咱们内置的一些指令,可以直接使用自定义指令:同时Vue也支持让开发者,自己注册一些指令。这些指令被称为自定义指令,每个指令都有自己各自独立的功能示例一:局部注册原创 2024-04-24 14:46:48 · 901 阅读 · 0 评论 -
模块化编程
案例:编写 functions.js , 该文件有函数,变量, 常量, 对象。要求在 use.js , 可以使用到 function.js 中定义的 函数/变量/常量/对象。CommonJS是Node.js采用的模块化规范,它使用require()来加载模块,使用module.exports来输出模块接口。模块化可以将代码分割成多个独立的部分,每个部分都有其特定的功能,可以单独测试和使用。1)案例一:使用第一种方式导出模块。2)案例二:使用第二种方式导出模块。3)案例三:使用第三种方式导出模块。原创 2024-04-20 21:03:25 · 250 阅读 · 0 评论 -
Promise
Promise 是异步编程的一种解决方案, 可以解决传统 Ajax 回调函数嵌套问题。第二次请求需要根据第一次获取到的id来获取monster的详细信息。第一次请求monster.json获取到monster的id。案例:模拟使用ajax连续发起两次请求。原创 2024-04-20 21:02:15 · 615 阅读 · 0 评论 -
ES6
ECMAScript 6,也被称为ES6或ECMAScript 2015,是JavaScript语言标准的第六个版本,于2015年发布。它引入了许多新的语言特性和改进,以增强JavaScript的编程能力和简化复杂应用的开发。解构赋值是对赋值运算符的扩展,是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。// (1) let 声明的变量, 在代码块中,则作用域在代码块中。// (2) var 声明的变量, 在代码块中,作用域没有限制。// 1. let 不存在变量提升。// let 细节 2。原创 2024-04-18 16:35:07 · 984 阅读 · 1 评论 -
Ajax
AJAX,全称是“异步JavaScript和XML”(Asynchronous JavaScript and XML),是一种使用JavaScript和XML(标准通用标记语言的子集)的开发技术。Ajax通过使用JavaScript,HTML,CSS和XMLHttpRequest对象,可以在不刷新整个页面的情况下,创建与服务器的异步交互。// "true" 表示异步(不等待服务器的响应,即发送请求后继续执行其他代码)。// 获得 id 为 "uname" 的 HTML 元素(可能是输入框)的值。原创 2024-04-10 16:40:28 · 741 阅读 · 0 评论 -
jQuery
文档:https://www.w3school.com.cn/jquery/index.asp下载地址:https://code.jquery.com/jquery-3.7.1.js需 求 :点击按钮,弹出 “hello, jQuery”jQuery 对象和 DOM 对象DOM 对象转成 jQuery 对象jQuery 对象转成 DOM 对象jQuery 选择器基本选择器1)元素选择器(Element Selector):通过 HTML 元素名称选择元素。2)ID 选择器(ID Se原创 2024-04-07 15:50:20 · 486 阅读 · 0 评论 -
Web APIs
ECMAScript 运行在浏览器中然后再结合 Web APIs 才是真正的 JavaScript,Web APIs 的核心是 DOM 和 BOM。DOM(Document Object Model)是将整个 HTML 文档的每一个标签元素视为一个对象,这个对象下包含了许多的属性和方法,通过操作这些属性或者调用这些方法实现对 HTML 的动态更新,为实现网页特效以及用户交互提供技术支撑。简言之 DOM 是用来动态修改 HTML 的,其目的是开发网页特效及用户交互。如下图所示,将 HTML 文档以树状结构直原创 2024-03-28 10:25:34 · 659 阅读 · 0 评论 -
JavaScript 基础
JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过script< script > // 1. 语法,使用 [] 来定义一个空数组 // 定义一个空数组,然后赋值给变量 classes // let classes = [];// 2. 定义非空数组 let classes = [ '小明' , '小刚' , '小红' , '小丽' , '小米' ] // 1. 语法,使用 [] 来定义一个空数组。原创 2024-03-27 10:46:46 · 1290 阅读 · 0 评论 -
CSS基础
当上下相邻的两个块元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top ,则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和。2)声明:声明由属性和值组成,用来定义元素的样式。常见的行类元素有:、、、、、、、、、对于两个嵌套关系(父子关系)的块元素,父元素有上外边距同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。原创 2024-03-25 10:01:43 · 1540 阅读 · 0 评论 -
HTML
left:左对齐(默认)center:居中right:右对齐。原创 2024-03-23 11:24:37 · 1655 阅读 · 0 评论