<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mengxiaodi的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mengxiaodi</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mengxiaodi]]></copyright><item><title><![CDATA[Vue3使用高德地图（3分钟快速上手）]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/136794981</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/136794981</guid><author>mengxiaodi</author><pubDate>Mon, 18 Mar 2024 02:18:22 +0800</pubDate><description><![CDATA[高德地图广泛应用于日常出行、旅游规划、商业定位等领域，可以为用户提供丰富而全面的地图服务和位置信息。希望此篇文章对您能有所帮助！]]></description><category></category></item><item><title><![CDATA[前端数组的方法]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135738612</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135738612</guid><author>mengxiaodi</author><pubDate>Mon, 22 Jan 2024 02:29:44 +0800</pubDate><description><![CDATA[在数组末尾添加一个或多个元素，并返回新的长度。：在数组的开头添加一个或多个元素，并返回新的长度。：连接两个或多个数组，并返回一个新数组。]]></description><category></category></item><item><title><![CDATA[React18中的常用hooks]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135422706</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135422706</guid><author>mengxiaodi</author><pubDate>Sat, 06 Jan 2024 15:11:02 +0800</pubDate><description><![CDATA[在React中以use开头的函数被称为Hook。使用 hooks 可以更方便地在函数式组件中管理状态和生命周期。hooks 提供了更灵活、简洁的方式来编写 React 组件。hooks只能在组件的顶层或自己的 Hook 中调用它。不能在循环或条件语句中调用它。]]></description><category></category></item><item><title><![CDATA[TypeScript]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135329975</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135329975</guid><author>mengxiaodi</author><pubDate>Tue, 02 Jan 2024 01:42:14 +0800</pubDate><description><![CDATA[总的来说，TS是JavaScript的一个超集，并添加了静态类型和基于类的面向对象编程。TypeScript在解决大型项目的开发中已经必不可少，它通过提供类型系统来增强代码的健壮性和可维护性，同时仍然保持了JavaScript的灵活性。]]></description><category></category></item><item><title><![CDATA[前端从零搭建自己的脚手架]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135139395</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135139395</guid><author>mengxiaodi</author><pubDate>Sat, 23 Dec 2023 16:57:54 +0800</pubDate><description><![CDATA[Webpack脚手架是一个工具，用于快速搭建基于Webpack的项目结构。它通常包括了一些预设的配置和插件，以便用户可以快速开始一个新的项目，而不必从头开始配置Webpack。这些脚手架可以帮助开发人员自动处理诸如打包、代码转译、资源管理等繁琐的任务，从而让他们更专注于项目的逻辑实现。]]></description><category></category></item><item><title><![CDATA[webpack（上）]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135016984</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135016984</guid><author>mengxiaodi</author><pubDate>Thu, 21 Dec 2023 19:51:52 +0800</pubDate><description><![CDATA[webpack 是一个流行的开源前端模块打包工具，它通过将各种静态资源（如JavaScript、CSS、HTML、图片等）视为模块以及其它的一 些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并基于这些模块生成优化后的静态文件（通常是一个或多bundle）。这些bundle可以被浏览器直接使用，从而提高网页的加载速度和运行效率。]]></description><category></category></item><item><title><![CDATA[webpack（下）]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135116553</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135116553</guid><author>mengxiaodi</author><pubDate>Thu, 21 Dec 2023 19:50:26 +0800</pubDate><description><![CDATA[在Webpack中，开发模式（development mode）和生产模式（production mode）代表着两种不同的构建环境，它们分别用于开发阶段和生产部署阶段。在Webpack中，Source Map 是一种文件，它有助于在调试阶段定位问题、排查错误以及优化代码。的缓存可以在第一次打包时将转换过的代码缓存起来，下 次再进行打包时就可以避免部分代码的再次转换，从而提升打包速度。是用于指定哪些文件需要被包含或者排除在模块规则中的选项，可以精确地指定应该处理的文件或目录，从而避免不必要的处理操作。]]></description><category></category></item><item><title><![CDATA[node.js实现图片上传]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135053442</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135053442</guid><author>mengxiaodi</author><pubDate>Mon, 18 Dec 2023 02:15:58 +0800</pubDate><description><![CDATA[在Web开发中，图片上传功能是非常常见的需求。Node.js作为一种基于Chrome V8引擎的JavaScript运行环境，可以方便地实现图片上传功能。本文将介绍如何使用Node.js实现图片上传功能。过本文的介绍，相信大家已经了解了如何使用Node.js实现图片上传功能。在实际项目中，也可以根据需求对上传的图片进行进一步处理。在终端输入以下命令来安装依赖(需使用Multer中间件实现图片上传功能)。创建一个app.js文件并编写以下代码。的文件夹，用于存储上传的图片。在终端输入以下命名启动服务器。]]></description><category></category></item><item><title><![CDATA[node.js中的Token鉴权机制]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/135053108</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/135053108</guid><author>mengxiaodi</author><pubDate>Mon, 18 Dec 2023 01:43:08 +0800</pubDate><description><![CDATA[Token鉴权作为一种常见的身份验证和授权方式，具有简单、灵活、安全等优点。通过本文的介绍，相信大家对Token鉴权有了更深入的了解。在实际项目中，可以根据业务需求和场景选择合适的Token生成和验证方式，实现安全可靠的身份验证和授权功能。]]></description><category></category></item><item><title><![CDATA[ES6新特性整理]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134896331</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134896331</guid><author>mengxiaodi</author><pubDate>Sat, 09 Dec 2023 16:12:09 +0800</pubDate><description><![CDATA[用于声明变量。用法类似于var，但是声明的变量只在let命令所在的代码块内有效，它声明的变量会绑定这个区域，不受外部的影响。let不允许在相同作用域内重复声明同一个变量。        用于声明常量。一旦声明必须初始化，初始化后不能修改，但是如果声明的常量是一个引用数据类型，那么该数据内部的数据是可以修改的，只是不能重新赋值。const、let声明的变量没有变量提升。const声明的变量只在作用域内有效。        使用let和const声明的变量需要特别注意，可能会出现暂时性死区，也就是在同一个作用域]]></description><category></category></item><item><title><![CDATA[Promise解决异步处理回调地狱]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134895597</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134895597</guid><author>mengxiaodi</author><pubDate>Sat, 09 Dec 2023 15:45:22 +0800</pubDate><description><![CDATA[Promise本身是一个构造函数，是为了解决异步处理回调地狱而产生的，可以进行链式调用。]]></description><category></category></item><item><title><![CDATA[学生管理系统实现]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134753959</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134753959</guid><author>mengxiaodi</author><pubDate>Sat, 02 Dec 2023 17:04:04 +0800</pubDate><description><![CDATA[刷新页面后列表中新增的学生数据不会丢失。删除操作有二次弹框确认，确认后删除当前行的学生信息。表单字段有非空校验和格式校验，校验不通过不允许添加。点击添加按钮会往列表中添加新增的学生信息，同时表单数据清空。点击重置按钮清空表单中所填写的学生信息。点击编辑按钮，可在当前行内编辑学生信息，编辑按钮变为确定按钮，点击确认按钮会修改该学生数据。]]></description><category></category></item><item><title><![CDATA[Ajax笔记整理 超详细！！]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134749874</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134749874</guid><author>mengxiaodi</author><pubDate>Sat, 02 Dec 2023 15:26:09 +0800</pubDate><description><![CDATA[Ajax(Asynchronous JavaScript and XML)是一种构建交互式网页应用的Web开发技术。它是指在不需要重新加载整个网页的情况下，可以与服务器进行数据交换和通信，从而实现动态更新网页内容的技术。Ajax 的主要实现方式是使用 JavaScript 向服务器发送一个异步请求，请求服务器上的数据。服务器响应后，JavaScript 再对这些数据进行处理，并仅更新网页上的部分内容。这样，用户在操作网页时，网页的响应速度和性能都会得到很大提升。]]></description><category></category></item><item><title><![CDATA[Flex布局]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134616642</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134616642</guid><author>mengxiaodi</author><pubDate>Sat, 25 Nov 2023 17:00:25 +0800</pubDate><description><![CDATA[box {该属性是控制子项在侧轴（默认是y轴）上的排列方式 在子项为单项（单行）的时候使用flex-start ：默认值 从上到下flex-end ：从下到上center ：挤在一起居中（垂直居中）stretch ：拉伸.box {设置子项在侧轴上的排列方式 并且只能用于子项出现 换行 的情况（多行），在单行下是没有效果的。]]></description><category></category></item><item><title><![CDATA[JS的六种继承方式]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134479937</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134479937</guid><author>mengxiaodi</author><pubDate>Sat, 18 Nov 2023 17:00:32 +0800</pubDate><description><![CDATA[所谓继承就是通过某种方式让一个对象可以访问到另一个对象中的属性和方法。]]></description><category></category></item><item><title><![CDATA[JavaScript中的原型对象]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134479537</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134479537</guid><author>mengxiaodi</author><pubDate>Sat, 18 Nov 2023 16:24:34 +0800</pubDate><description><![CDATA[1.对象字面量2.原型创建3.构造函数创建对象（工厂模式）注意：对象创建方式的本质都是利用构造函数创建对象。]]></description><category></category></item><item><title><![CDATA[浏览器的 线程 and 渲染流程]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134479056</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134479056</guid><author>mengxiaodi</author><pubDate>Sat, 18 Nov 2023 15:55:11 +0800</pubDate><description><![CDATA[浏览器线程是指浏览器进程中的线程，用于处理浏览器的各种操作。]]></description><category></category></item><item><title><![CDATA[关于JS中的this指向]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134478332</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134478332</guid><author>mengxiaodi</author><pubDate>Sat, 18 Nov 2023 15:28:18 +0800</pubDate><description><![CDATA[在JavaScript中，this是一个关键字，它指向当前执行代码的上下文对象。具体来说，this的指向取决于函数的调用方式。在全局作用域中，this指向全局对象window；在函数内部，this指向调用该函数的对象；在构造函数中，this指向新创建的对象；在事件处理函数中，this指向触发事件的元素。此外，在箭头函数中，this指向定义该函数时所在的作用域。]]></description><category></category></item><item><title><![CDATA[Canvas绘图和SVG绘图]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/134148397</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/134148397</guid><author>mengxiaodi</author><pubDate>Tue, 31 Oct 2023 20:54:21 +0800</pubDate><description><![CDATA[Canvas绘图和SVG绘图]]></description><category></category></item><item><title><![CDATA[ECharts的使用 快速入门]]></title><link>https://blog.youkuaiyun.com/mengxiaodi/article/details/133957871</link><guid>https://blog.youkuaiyun.com/mengxiaodi/article/details/133957871</guid><author>mengxiaodi</author><pubDate>Sat, 21 Oct 2023 11:36:57 +0800</pubDate><description><![CDATA[ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。]]></description><category></category></item></channel></rss>