哈哈成-优快云博客

原创 NestJs小案例：Todo List

创建一个简单的 Todo List 应用程序，使用 Nest.js 来管理任务的增删改查操作。

2024-04-02 08:47:01 495 1

原创 nestJs 初始化

Nest.js 是一个基于 TypeScript 的渐进式 Node.js 框架，它结合了 OOP（面向对象编程）、FP（函数式编程）和 FRP（函数式响应式编程）的元素，使得构建高效、可扩展的服务端应用变得简单。在 Nest.js 中，模块是一种组织应用程序结构的方式。每个应用程序至少有一个根模块，可以包含其他自定义模块。现在创建一个模块来包含控制器。

2024-03-27 10:05:21 476

原创 Vue3组件二次封装

在父组件中设置form表单数据配置key 键获取表单键 v-model绑定数据。修改二次封装组件代码使用配置产生form自动生成。Form组件二次封装考虑组件构成。

2024-03-15 09:17:03 529 2

原创 vue组件生命周期

一个组件初始化到卸载整个执行过程。官方提供了一组钩子函数用作周期函数。vue2组件中生命周期钩子函数写法。

2024-03-15 09:14:42 392 1

组件树结构1.父组件 House 子组件 1.form表单组件 2.table数据组件开发需要使用sass<style scoped lang="scss">cnpm i --save-dev sass<style scoped lang="scss">.house { height: 100%; background-color: #ccc; padding: 10px; .house-form { min-height:

2024-03-14 10:19:29 1694

原创 Vue3项目ts版本搭架

直接安装依赖项目启动。

2024-03-12 08:59:39 824 1

原创 Grid布局详解

应该注意的是，当我们定义网格时，我们定义的是网格轨道，而不是网格线。Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。8、grid-template-areas 属性，grid-template-areas 属性用于定义区域，一个区域由一个或者多个单元格组成，一般这个属性跟网格元素的 grid-area 一起使用。5、在grid容器中，我们可以使用一下命令对grid栅格的宽高、名字、进行控制。例：实现如下图九宫格。

2024-03-11 14:38:56 400 1

原创前端大屏适配方案

把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化，数据可视化是为了更形象地表达数据内在的信息和规律，促进数据信息的传播和应用。在当前新技术支持下，数据可视化除了「可视」，还有可交流、可互动的特点。数据可视化的本质是数据空间到图形空间的映射，是抽象数据的具象表达。大屏数据可视化是以大屏为主要展示载体的数据可视化设计。「大面积、炫酷动效、丰富色彩」，大屏易在观感上给人留下震撼印象，便于营造某些独特氛围、打造仪式感。

2023-12-28 09:45:07 2902 1