和风中看海-优快云博客

原创 JSX：JavaScript的XML

JSX是一种JavaScript的语法扩展，它允许你在JavaScript代码中写类似于HTML的标记。它被React框架广泛使用，以声明式地描述UI组件。JSX最终会被编译成JavaScript对象。

2024-12-16 14:01:17 515

原创微信小程序开发实践：左右联动和购物车功能实现

用户可以通过点击左侧菜单选择不同的商品类别，右侧内容会动态更新。用户可以将商品加入购物车，增加/减少商品数量，并在购物车页面查看已选择的商品和结算总价。

2024-12-05 16:33:57 1647

原创五分钟看完文章学会移动端vue外卖应用！！！

这是一个功能完整的 Vue 3 外卖应用项目，采用了现代化的技术栈和最佳实践。项目实现了商品展示、购物车管理、主题切换等核心功能，并注重用户体验和性能优化。通过组件化设计和状态管理，使得代码结构清晰，易于维护和扩展。

2024-11-24 20:41:44 842

原创看完这篇文章，五分钟学会vue后台管理系统！！！

本项目是一个基于 Vue 3 + Element Plus 的现代化后台管理系统,实现了:完整的商品管理功能店铺信息管理图片上传处理本地存储容错完善的错误处理通过这个项目,展示了:现代前端开发的最佳实践组件化开发思想错误处理机制用户体验设计这个项目展示了一个完整的后台管理系统的开发流程，从架构设计到具体实现，都采用了当前流行的最佳实践。

2024-11-23 15:46:55 1367

原创五分钟掌握vue3！！！

pnpm create vite [name] name你自己的项目名称这个命令会让你自己选择vue组件化：分模块写代码，数据渲染。

2024-11-11 18:32:37 513

在Webpack 5中，可以直接使用资源模块(asset module)来处理图片和字体，无需额外的loader。这个配置允许Webpack通过Babel处理JSX和TSX文件。作为包管理工具，因为它在处理依赖和速度上表现更好。这些工具将帮助我们配置和运行Webpack。这些配置文件将根据环境不同应用不同的设置。这个配置指定了入口文件和输出配置。这个配置将图片和字体分别打包到。安装Babel相关依赖，并在。来启动开发服务器，或者使用。你可以根据自己的需求修改。

2024-10-27 17:08:52 1021

原创小米商城全栈项目

通过本次项目，我从零开始，一步步地构建了一个基于NestJS的电商后端服务。我们完成了项目创建、数据库导入、接口开发、静态和动态数据渲染，以及登录鉴权。希望这个实战教程能帮助你更好地理解和使用NestJS。

2024-10-20 17:14:27 1296

原创 JavaScript高阶介绍

在JavaScript中，函数是一等公民，这意味着函数可以像其他数据类型一样被处理。接受函数作为参数：这样的函数可以执行不同的操作，取决于传入的函数。返回函数：这样的函数可以返回一个新的函数，从而允许更复杂的操作和条件逻辑。

2024-10-08 15:01:00 1082

原创可视化项目：从概念到实现

根据你的设计，开始编码你的可视化。确保你的可视化是交互式的，并且能够在不同的设备和屏幕尺寸上正确显示。数据是可视化项目的核心。根据你的项目目标，收集相关的数据。决定你的可视化类型（如条形图、折线图、地图等），并考虑如何最好地传达你的信息。使用工具如Adobe XD或Sketch设计你的可视化布局。在开始之前，明确你的项目目标是至关重要的。优化加载时间，并确保可视化在不同的浏览器和设备上都能正常工作。将你的可视化部署到服务器或平台上，并确保它对公众开放。选择合适的技术和工具对你的项目至关重要。

2024-10-07 10:29:30 710

原创 typescript快速入门

首先，你需要安装 Node.js，然后使用 npm（Node.js 的包管理器）来安装 TypeScript。TypeScript 的核心特性之一是类型系统。文件，这是 TypeScript 代码编译后的 JavaScript 代码。模块是 TypeScript 的一个核心概念，它允许你将代码组织成独立的单元。TypeScript 支持接口和类，这有助于你定义对象的结构和行为。泛型允许你创建可重用的组件，这些组件可以支持多种类型的数据。TypeScript 项目通常包含一个。文件，它定义了编译器的配置。

2024-09-29 13:54:39 437

原创 ES6-可选链和空值合并

可选链是一种JavaScript操作符，它允许你安全的访问对象的深层属性，而不必显式检查每一级是否为null或undefined。这个特性在处理嵌套对象时特别有用，因为它可以减少错误并提高代码的可读性。

2024-09-21 15:22:07 461

原创 JavaScript高阶-排序算法

插入排序是一种最简单直观的排序算法，它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。

2024-09-12 19:47:08 214

原创 JavaScript原型和原型链

JavaScript通过构造函数生成新对象，因此构造函数可以视为对象的模板。实例对象的属性和方法，可以定义在构造函数内部。构造函数优点是：构造函数创建的属性和方法可以在实例之间共享缺点是：如果实例之间有相同的方法，这个方法都会创建一遍，这样会造成系统资源的浪费console.log('喵喵');var cat1 = new Cat('大毛', '白色');var cat2 = new Cat('二毛', '黑色');这就是JavaScript的原型对象（prototype）

2024-09-06 19:11:28 411 1

原创 JavaScript高阶——数组的方法

数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。toLocaleString() 方法返回一个字符串，表示数组中的所有元素。每个元素通过调用它们自己的。copyWithin() 方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。lastIndexof()方法返回数组中给定元素最后一次出现的索引，如果不存在则返回 -1。unshift() 方法将指定元素添加到数组的开头，并返回数组的新长度。push() 方法将指定的元素添加到数组的末尾，并返回新的数组长度。

2024-09-05 16:22:08 825

原创响应式布局（bootstrap+vwvh+媒体查询）

bootstrap在写页面当中让我们能够更快捷的做出响应式页面，比媒体查询要减少很多代码量，当然不是纯粹使用bootstrap，纯粹的bootstrap很多效果都无法实现，这时候就要借助媒体查询或者rem或者vw\vh来完成，能够让bootstrap页面有更多的效果。这个网站有很多响应式的页面，都可以拿来练手，这对刚接触的我们来说非常好，毕竟熟能生巧，只有项目才是真正磨炼人的技术，是骡子是马拉出来溜溜便知，也只是在项目中能暴露出自己的不足，才能在学习阶段改进，提升自己。bootstrap的好处有哪些？

2024-08-26 19:52:47 195

2401_84270142的博客