- 博客(24)
- 收藏
- 关注
RSS订阅原创 VueRouter的使用
路由的封装抽离：在src目录下新建router文件夹，router文件下新建index.js文件，在里面配置路由。好处：拆分模块，利于维护。
2024-08-10 22:25:03
593
原创 Node.js模块化（两个标准）
1.Node.js 支持哪 2 种模块化标准?>CommonJS 标准语法(默认)>ECMAScript 标准语法2.ECMAScript 标准，命名导出和导入的语法?>导出:export 修饰定义的语句>导入:import {同名变量} from ‘模块名或路径’3.ECMAScript 标准，默认导出和导入的语法?>导出:export default { }>导入:import 变量名 from '模块名或路径'
2024-08-01 17:00:46
694
原创 回调函数地狱及其解决方法——Promise链式调用以及async函数和await
1.什么是 Promise 的链式调用?> 使用 then 方法返回新 Promise 对象特性，一直串联下去2.then 回调函数中，return 的值会传给哪里?> 传给 then 方法生成的新 Promise 对象。
2024-07-28 12:05:01
686
原创 XMLHttpRequest
XMLHttpRequest(XHR)对象用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。XMLHttpRequest 在AJAX 编程中被大量使用。
2024-07-28 11:33:46
496
原创 同步代码和异步代码
1.什么是同步代码？同步代码:逐行执行，需原地等待结果后，才继续向下执行2.什么是异步代码？异步代码:调用后耗时，不阻塞代码继续执行(不必原地等待)，在将来完成后触发一个回调函数3.JS 中有哪些异步代码?事件AJAX4.异步代码如何接收结果?依靠回调函数来接收。
2024-07-28 11:18:57
202
原创 AJAX概念与axios使用
AJAX 是异步的 JavaScript和XML(Asynchronous JavaScript And XML)。简单点说，就是使用XMLHttpRequest 对象与服务器通信。它可以使用 JSON，XML，HTML 和 text 文本等格式发送和接收数据。AJAX最吸引人的就是它的“异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。
2024-07-28 11:10:19
353
原创 js——防抖和节流
所谓防抖，就是指触发事件后在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会重新计算函数执行时间。1.防抖是什么?单位时间内，频繁触发事件，只执行最后一次2.有什么使用场景呢?搜索框搜索输入。只需用户最后一次输入完，再发送请求手机号、邮箱验证输入检测。
2024-07-24 20:36:16
319
原创 js——浅拷贝和深拷贝
1.直接赋值和浅拷贝有什么区别?直接赋值的方法，只要是对象，都会相互影响，因为是直接拷贝对象栈里面的地址浅拷贝如果是一层对象，不相互影响，如果出现多层对象拷贝还会相互影响2.浅拷贝怎么理解?拷贝对象之后，里面的属性值是简单数据类型直接拷贝值如果属性值是引用数据类型则拷贝的是地址。
2024-07-23 21:10:03
1049
原创 js——箭头函数的简单介绍
目的：引入箭头函数的目的是更简短的函数写法并且不绑定this，箭头函数的语法比函数表达式更简洁。使用场景：箭头函数更适用于那些本来需要匿名函数的地方。
2024-07-21 11:14:03
385
原创 js——闭包
概念：一个函数对周围状态的引用捆绑在一起，内层函数中访问到其外层函数的作用域。闭包很有用，因为它允许将函数与其所操作的某些数据(环境)关联起来。闭包作用：封闭数据，提供操作，外部也可以访问函数内部的变量。封闭数据，实现数据私有，外部也可以访问函数内部的变量。简单理解：闭包=内层函数+外层函数的变量。闭包=内层函数+外层函数的变量。闭包应用：实现数据的私有。3.闭包可能引起的问题?
2024-07-20 18:30:03
267
原创 js——垃圾回收机制
（2）堆(操作系统):一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。IE采用的引用计数算法,定义“内存不再使用”，就是看一个对象是否有指向它的引用，没有引用了就回收对象。(循环引用)——如果两个对象相互引用，尽管他们已不再使用，垃圾回收器不会进行回收，导致内存泄露。（1）栈(操作系统):由操作系统自动分配释放函数的参数值、局部变量等，基本数据类型放到栈里面。因为他们的引用次数永远不会是0。这样的相互引用如果说很大量的存在就会导致大量的内存泄露。:使用完毕，由垃圾回收器自动回收不再使用的内存。
2024-07-20 18:14:48
427
原创 js——作用域（全局、局部、作用域链）
script> 标签 和 .js 文件 的【最外层】就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。全局作用域中声明的变量，任何其它作用域都可以被访问。注意:1.为 window 对象动态添加的属性默认也是全局的，不推荐!2.函数中未使用任何关键字声明的变量为全局变量，不推荐!!!3.尽可能少的声明全局变量，防止全局变量被污染。
2024-07-20 17:58:52
343
原创 js——本地存储
1.l ocalStorage 作用是什么?可以将数据永久存储在本地(用户的电脑)，除非手动删除，否则关闭页面也会存在。2. localStorage 存储，获取，删除的语法是什么?
2024-07-18 22:15:17
1414
原创 js执行机制
当js通过Web API调用这些接口时，浏览器会根据调用的接口类型和参数，调用相应功能，执行相应操作，并返回结果给js代码。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是: 如果JS 执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。前一个任务结束后再执行后一个任务，程序的执行顺序与任务的排列顺序是一致的、同步的。比如做饭的异步做法，我们在烧水的同时，利用这10分钟，去切菜，炒菜。同步任务：同步任务都在主线程上执行，形成一个执行栈。
2024-07-18 18:26:03
585
原创 js——DOM节点
1. 什么是DOM节点？> DOM树里每一个内容都称之为节点2. 节点类型> 元素节点：例如body、div等，html是根节点> 属性节点：属性，例如class href> 文本节点：所有的文本，例如标签里的文字。
2024-07-17 22:20:08
796
原创 js——页面加载事件和页面滚动事件
页面加载事件有哪两个?如何添加?> load 事件:监听整个页面资源给window加> DOMContentLoaded:给 document加DOMContentLoaded事件,无需等待样式表、图像等完全加载,速度更快。
2024-07-17 21:56:00
531
原创 js——事件委托
实现:事件对象.target.tagName 获得真正触发事件的元素。(委托给了父元素)（即自己不注册事件，把对应的事件注册给祖先元素）事件委托是利用事件流的特征解决一些开发需求的知识技巧。(1) 优点:减少注册次数，可以提高程序性能。(2) 原理:事件委托其实是利用。
2024-07-15 18:31:53
444
原创 前端——BFC
1.BFC是 Block Formatting Context(块级格式上下文)，可以理解成元素的一个“特异功能”。2.该"特异功能"，在默认的情况下处于关闭状态;当元素满足了某些条件后，该“特异功能”被激活。3.所谓激活“特异功能”，专业点说就是:该元素创建了 BFC(又称:开启了 BFC)。
2024-07-12 21:26:39
1113
原创 CSS3伸缩盒模型之伸缩容器和伸缩项目、主轴、侧轴
伸缩容器: 设置了的元素，就是伸缩容器。1.给元素设置: display:flex 或 display:inline-flex，该元素就变为了伸缩容器。2.display:inline-flex 很少使用，因为可以给多个伸缩容器的父容器，也设置为伸缩容器。3.一个元素可以同时是:伸缩容器、伸缩项目。伸缩项目:伸缩容器所有子元素自动成为了伸缩项目。1.仅伸缩容器的子元素成为了伸缩项目，孙子元素、重孙子元素等后代，不是伸缩项目。
2024-07-08 22:23:14
1398
原创 CSS新增的几个属性介绍1——长度、box-sizing、resize、box-shadow、opacity
content-box：width 和 height 设置的是盒子内容区的大小。border-box：width 和 height 设置的是盒子总大小。opacity 属性能为整个元素添如透明效果，值是 0到1之间的小数，0是完全透明，1表示完全不透明。rgba 是颜色的设置方式，用于设置颜色，它的透明度，仅仅是调整颜色的透明度。opacity 是一个属性，设置的是整个元素(包括元素里的内容)的不透明度。vertical：用户可以调节元素的高度。both：用户可以调节元素的宽度和高度。
2024-07-07 22:46:25
491
原创 CSS元素浮动后的特点及影响
2.对父元素的影响：不能撑起父元素的高度，导致父元素高度塌陷(浮动后父级如果没有高度会塌陷;但父元素的宽度依然束缚浮动的元素。4.不会 margin 合并，也不会 margin 塌陷，能够完美的设置四个方向的 margin 和 padding。1.对兄弟元素的影响: 后面的兄弟元素，会占据浮动元素之前的位置，在浮动元素的后面,对前面的兄弟无影响。2.不管浮动前是什么元素，浮动后:默认宽与高都是被内容撑开(尽可能小)，而且可以设置宽高。注意：如果想要子元素都水平排列，需要所有的盒子都设置浮动（一浮多浮）。
2024-07-05 21:26:42
310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人