自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 umi 路由拦截

1、在src的目录下,和page同级,新建一个wrappers文件夹(这个名称是固定的),在文件夹下新建 Auth.tsx文件。3、 在配置路由的地方加上。,需要拦截的都必须添加。

2024-01-15 20:09:04 788

原创 react-draggable拖拽简单实现

【代码】react-draggable拖拽简单实现。

2024-01-12 10:11:21 589

原创 react-ant-design表格组件列表数据渲染

组件中的数据里有key值,我们要在后端获取到数据后,进行添加key值,方便前端数据渲染。使用render是要进行return。组件库: antd-design。前端:vite+react。

2024-01-11 10:58:47 662

原创 redux的购物车

组件库 react-vant 步进器。前端:react+vite。后端:mongodb。store配置在前面。

2024-01-09 19:46:06 385 1

原创 react响应式进度条

在antd中找到Progress进度条 ctrl+c/v代码,根据实际数据来对进度条做出操作重点:Math.floor(Math.floor(100 / item.lens) * item.checked_count)

2023-12-18 21:22:20 607

原创 react下拉菜单单击事件

实现:单击下拉菜单中的任意选项进行添加事件。

2023-12-18 21:01:03 662

原创 react实现触底加载

【代码】react实现触底加载。

2023-11-23 23:49:11 163

原创 Redux Toolkit入门

7.在组件中获取状态和更新状态。5.提供reducer模块。6.在入口集成redux。

2023-11-21 20:38:47 96 1

原创 树形菜单增删除改查

1)data中定义index ,根据点击事件,进行赋值 this.index = row._id。(row是点击事件传过来的整条数据)写两组按钮,根据状态进行变化。2)v-show进行判断。

2023-08-30 16:42:41 155 1

原创 状态改变(未审核---审核成功)

el-tag type="info" v-if="scope.row.status == 0">待审核</el-tag><el-tag type="success" v-else>审核成功</el-tag>

2023-08-19 08:25:23 92

原创 登录验证码和记住密码

1.表单以及需要的参数。

2023-08-17 19:17:57 92 1

原创 vue照片悬浮

使用el-popover模块。

2023-08-17 15:44:41 260 1

原创 vue表单验证时间

1.添加vue表单控件----------自定义校验表单。2.datjioa中写入自定义校验内容。3.之后就可以进行添加操作了。

2023-08-17 15:42:25 383 2

原创 vue页面渲染时间

1 npm 安装(--save表示保存到package.json中)2 main.js中定义全局变量。

2023-08-17 14:44:49 403 1

原创 nodejs的模块化

什么是commonJs?自己查找)CommonJS 就是模块化的标准(规范),nodejs 就是 CommonJS(模块化)的实现。nodejs的模块化的规范是 : commonJs规范提高代码的复用性 可维护性功能独立 便于后期管理和维护防止全局变量的污染(浏览器中没有模块作用域的概念)可以实现按需加载Es6模块化:commonsjs导出(暴露) : exports module.exports={}导入 : require()

2023-08-13 22:11:13 31 1

原创 Node入门

devDependencie 配置当前程序所依赖的其他包,只会下载模块,而不下载这些模块的 测试和文档框架 开发模式所依赖的包 npm i xxx -D(--save-dev)npm 包管理工具提供了一个快捷命令,可以在执行命令时所处的目录中,快速创建 package.json 这个包管理配置文件: 命令 : npm init -y。运行 npm install 命令安装包的时候,npm 包管理工具会自动把包的名称和版本号,记录到 package.json 中。线上模式所依赖的包管理(生产模式)

2023-08-13 21:56:54 34 1

原创 vue理论

分属同一功能/业务的代码进行分装,让它成独立的模块,可以独立运行,以页面、功能或其他不同粒度划分程度不同的模块,位于业务框架层,模块间通过接口调用,目的是降低模块间的耦合,由之前的主应用与模块耦合,变为主应用与接口耦合,接口与模块耦合。前端工程化就是通过一系列的工具、方法、工程化的思维,将成千上万个模块、组件或其他静态资源进行有序、规范、标准化、可控、可追踪的组织起来,作为一个整体运行,以便提高前端工程的性能、稳定性、可用性、可维护性等。组件化更多关注UI部分,每个组件有独立的HTML、css、js代码。

2023-08-02 14:26:39 67

原创 本地存储实现状态转换

【代码】本地存储实现状态转换。

2023-06-16 21:36:47 47 1

原创 computed计算属性(购物车)

{ id: 4, name: '手机壳', price: 50, num: 10000, status: false },{ id: 2, name: '电脑', price: 4000, num: 100, status: false },{ id: 3, name: '平板', price: 3000, num: 200, status: false },{ id: 1, name: '手机', price: 5000, num: 10, status: false },

2023-06-16 21:30:04 220 1

原创 改变函数this指向

2.call和apply使用基本类似,call接收一个参数序列a,b,c, apply方法在传参是传数组。1.call和apply在调用时,函数会执行,而bind在调用时会返回一个新的函数,需要进行手动调用。

2023-05-30 10:06:53 45 1

原创 New操作符具体都干了什么

2、这个对象的[[prototype]]属性会被赋值为该构造函数的prototype属性。5、如果构造函数没有返回非空对象则返回创建出来的新对象。3、构造函数内部的this,会指向创建出来的新对象。1、在内存中创建一个新的对象。4、执行函数内部的代码。

2023-05-30 09:02:07 94

原创 DOM操作的常用API

parentElement :返回元素的父元素节点,与parentNode的区别在于,其父节点必须是一个Element元素,如果不是,则返回null;注意兼容性为IE9+(含)。注意有可能拿到的节点是文本节点或注释节点,与预期的不符,要进行处理一下。childNodes :返回一个实时的 NodeList ,表示元素的子节点列表,注意子节点可能包含文本节点、注释节点等;nextElementSibling :返回后一个元素节点,后一个节点必须是Element,注意IE9以下浏览器不支持。

2023-05-18 11:50:16 226 1

原创 Ajax知识点

Ajax异步JavaScript和XML,使用Ajax技术网页应用能够快速地将数据更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。

2023-05-05 09:03:20 59 1

原创 JavaScript创建对象的方式

相对于字面量和object方式,构造函数可以做到代码重用,不用为每个对象创建一个函数。构造函数在创建类的实例时被自动调用,作用主要是初始化对象。构造函数中的this指的是当前调用构造函数的对象。2、object创建对象。4、es6的class。

2023-04-24 15:14:27 41 1

原创 JavaScript面向对象的继承方式及例子

【代码】JavaScript面向对象的继承方式及例子。

2023-04-24 15:07:32 43 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除