- 博客(25)
- 收藏
- 关注
RSS订阅原创 umi 路由拦截
1、在src的目录下，和page同级，新建一个wrappers文件夹（这个名称是固定的），在文件夹下新建 Auth.tsx文件。3、 在配置路由的地方加上。，需要拦截的都必须添加。
2024-01-15 20:09:04
799
原创 react-ant-design表格组件列表数据渲染
组件中的数据里有key值，我们要在后端获取到数据后，进行添加key值，方便前端数据渲染。使用render是要进行return。组件库： antd-design。前端:vite+react。
2024-01-11 10:58:47
662
原创 react响应式进度条
在antd中找到Progress进度条 ctrl+c/v代码，根据实际数据来对进度条做出操作重点：Math.floor(Math.floor(100 / item.lens) * item.checked_count)
2023-12-18 21:22:20
608
原创 树形菜单增删除改查
1）data中定义index ，根据点击事件，进行赋值 this.index = row._id。(row是点击事件传过来的整条数据)写两组按钮，根据状态进行变化。2）v-show进行判断。
2023-08-30 16:42:41
157
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
原创 vue表单验证时间
1.添加vue表单控件----------自定义校验表单。2.datjioa中写入自定义校验内容。3.之后就可以进行添加操作了。
2023-08-17 15:42:25
384
2
原创 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
原创 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
224
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
230
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
42
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人