- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue3使用高德地图（3分钟快速上手）
高德地图广泛应用于日常出行、旅游规划、商业定位等领域，可以为用户提供丰富而全面的地图服务和位置信息。希望此篇文章对您能有所帮助！
2024-03-18 02:18:22
3193
1
原创 前端数组的方法
在数组末尾添加一个或多个元素，并返回新的长度。：在数组的开头添加一个或多个元素，并返回新的长度。：连接两个或多个数组，并返回一个新数组。
2024-01-22 02:29:44
400
原创 React18中的常用hooks
在React中以use开头的函数被称为Hook。使用 hooks 可以更方便地在函数式组件中管理状态和生命周期。hooks 提供了更灵活、简洁的方式来编写 React 组件。hooks只能在组件的顶层或自己的 Hook 中调用它。不能在循环或条件语句中调用它。
2024-01-06 15:11:02
656
原创 TypeScript
总的来说，TS是JavaScript的一个超集，并添加了静态类型和基于类的面向对象编程。TypeScript在解决大型项目的开发中已经必不可少，它通过提供类型系统来增强代码的健壮性和可维护性，同时仍然保持了JavaScript的灵活性。
2024-01-02 01:42:14
1153
原创 前端从零搭建自己的脚手架
Webpack脚手架是一个工具，用于快速搭建基于Webpack的项目结构。它通常包括了一些预设的配置和插件，以便用户可以快速开始一个新的项目，而不必从头开始配置Webpack。这些脚手架可以帮助开发人员自动处理诸如打包、代码转译、资源管理等繁琐的任务，从而让他们更专注于项目的逻辑实现。
2023-12-23 16:57:54
4749
原创 webpack（上）
webpack 是一个流行的开源前端模块打包工具，它通过将各种静态资源（如JavaScript、CSS、HTML、图片等）视为模块以及其它的一 些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并基于这些模块生成优化后的静态文件（通常是一个或多bundle）。这些bundle可以被浏览器直接使用，从而提高网页的加载速度和运行效率。
2023-12-21 19:51:52
1635
原创 webpack（下）
在Webpack中，开发模式（development mode）和生产模式（production mode）代表着两种不同的构建环境，它们分别用于开发阶段和生产部署阶段。在Webpack中，Source Map 是一种文件，它有助于在调试阶段定位问题、排查错误以及优化代码。的缓存可以在第一次打包时将转换过的代码缓存起来，下 次再进行打包时就可以避免部分代码的再次转换，从而提升打包速度。是用于指定哪些文件需要被包含或者排除在模块规则中的选项，可以精确地指定应该处理的文件或目录，从而避免不必要的处理操作。
2023-12-21 19:50:26
998
原创 node.js实现图片上传
在Web开发中，图片上传功能是非常常见的需求。Node.js作为一种基于Chrome V8引擎的JavaScript运行环境，可以方便地实现图片上传功能。本文将介绍如何使用Node.js实现图片上传功能。过本文的介绍，相信大家已经了解了如何使用Node.js实现图片上传功能。在实际项目中，也可以根据需求对上传的图片进行进一步处理。在终端输入以下命令来安装依赖(需使用Multer中间件实现图片上传功能)。创建一个app.js文件并编写以下代码。的文件夹，用于存储上传的图片。在终端输入以下命名启动服务器。
2023-12-18 02:15:58
356
原创 node.js中的Token鉴权机制
Token鉴权作为一种常见的身份验证和授权方式，具有简单、灵活、安全等优点。通过本文的介绍，相信大家对Token鉴权有了更深入的了解。在实际项目中，可以根据业务需求和场景选择合适的Token生成和验证方式，实现安全可靠的身份验证和授权功能。
2023-12-18 01:43:08
372
原创 ES6新特性整理
用于声明变量。用法类似于var，但是声明的变量只在let命令所在的代码块内有效，它声明的变量会绑定这个区域，不受外部的影响。let不允许在相同作用域内重复声明同一个变量。 用于声明常量。一旦声明必须初始化，初始化后不能修改，但是如果声明的常量是一个引用数据类型，那么该数据内部的数据是可以修改的，只是不能重新赋值。const、let声明的变量没有变量提升。const声明的变量只在作用域内有效。 使用let和const声明的变量需要特别注意，可能会出现暂时性死区，也就是在同一个作用域
2023-12-09 16:12:09
87
原创 学生管理系统实现
刷新页面后列表中新增的学生数据不会丢失。删除操作有二次弹框确认，确认后删除当前行的学生信息。表单字段有非空校验和格式校验，校验不通过不允许添加。点击添加按钮会往列表中添加新增的学生信息，同时表单数据清空。点击重置按钮清空表单中所填写的学生信息。点击编辑按钮，可在当前行内编辑学生信息，编辑按钮变为确定按钮，点击确认按钮会修改该学生数据。
2023-12-02 17:04:04
91
原创 Ajax笔记整理 超详细！！
Ajax(Asynchronous JavaScript and XML)是一种构建交互式网页应用的Web开发技术。它是指在不需要重新加载整个网页的情况下，可以与服务器进行数据交换和通信，从而实现动态更新网页内容的技术。Ajax 的主要实现方式是使用 JavaScript 向服务器发送一个异步请求，请求服务器上的数据。服务器响应后，JavaScript 再对这些数据进行处理，并仅更新网页上的部分内容。这样，用户在操作网页时，网页的响应速度和性能都会得到很大提升。
2023-12-02 15:26:09
73
原创 Flex布局
box {该属性是控制子项在侧轴（默认是y轴）上的排列方式 在子项为单项（单行）的时候使用flex-start ：默认值 从上到下flex-end ：从下到上center ：挤在一起居中（垂直居中）stretch ：拉伸.box {设置子项在侧轴上的排列方式 并且只能用于子项出现 换行 的情况（多行），在单行下是没有效果的。
2023-11-25 17:00:25
64
原创 关于JS中的this指向
在JavaScript中，this是一个关键字，它指向当前执行代码的上下文对象。具体来说，this的指向取决于函数的调用方式。在全局作用域中，this指向全局对象window；在函数内部，this指向调用该函数的对象；在构造函数中，this指向新创建的对象；在事件处理函数中，this指向触发事件的元素。此外，在箭头函数中，this指向定义该函数时所在的作用域。
2023-11-18 15:28:18
181
1
原创 ECharts的使用 快速入门
ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
2023-10-21 11:36:57
262
1
原创 JavaScript中this关键字
this是一个对象，在不同情况在指向不同的对象,从字面上来看是，这个(指较近的人或事物)，而JS中的this关键字则表示对当前对象的一个引用。当一个函数被调用的时候回产生一个对象（调用方式，调用地点，参数等等）一般来说我们用this指向全局作用域或者局部作用域来代替当前使用的对象。箭头函数中的this要注意的没有单独的this值，箭头函数中的this与定义函数的上下文相同。this对象调用比较简单，前面调用了哪个对象，this就指向谁。2. 修改this的指向，把this指向创建出来的空对象；
2023-10-06 16:56:29
77
1
原创 JS精度缺失问题
在处理一些极端情况下的复杂数值计算时，我们可能会遇到这样的情况——运算结果丢失精度。那么，为什么会出现这样的情况？该如何避免运算精度丢失呢？在JavaScript中，运算精度丢失的一个主要原因是浮点数的不精确性。JavaScript中的数字类型只有一种，即Number类型，采用64位浮点数表示法，能够表示的最大值为1.7976931348623157e+308，最小值为5e-324，但在进行小数的计算过程中，浮点数的二进制表示往往无法精确表示，就会产生精度的丢失。
2023-09-18 19:59:23
1897
1
原创 什么是栈？什么是堆？
栈（Stack）：栈是一种先进后出（Last In First Out）的数据结构，它的空间由操作系统自动分配和管理。栈中存储的数据类型是在编译期间确定的，它的大小和生命周期都是固定的。一般情况下，栈的空间相对较小，可以存储一些局部变量和函数调用返回值等临时数据。堆（Heap）：堆是一种动态分配的内存区域，它的空间由程序员手动分配和管理。在堆中分配的空间不会在函数调用结束时自动释放，需要手动释放，否则会造成内存泄漏。
2023-09-18 17:10:15
256
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人