- 博客(10)
- 收藏
- 关注
原创 webpack学习文档一
webpack存在的原因:浏览器只能识别原生的html和js代码,由于现在的项目越来越大,而且经常使用了框架的内容或者es6的语法,这样就会导致浏览器不能直接识别前端代码了,所以需要通过打包工具进行一个打包,才能够正确展示页面。打包工具还可以压缩文件,使项目的体积变得更小,让浏览器加载时变得更快的作用。
2024-03-10 00:56:10
1117
1
原创 vite设置文件夹别名
简化路径:通过使用别名,开发者可以用简短的名称代替复杂的相对路径或绝对路径,从而使代码更加简洁和易于理解。避免路径嵌套:在大型项目中,文件和目录可能会嵌套很多层,使用别名可以避免在代码中编写冗长的路径,减少路径引用错误的可能性。统一路径规范:通过定义统一的别名,整个项目可以遵循一致的路径规范,使得代码更加一致和可维护。支持重构:如果项目中的目录结构发生变化,只需要更新别名配置,而不需要修改大量的代码引用。提高开发效率:使用别名可以减少在编辑器中手动输入和查找路径的时间,加快开发速度。
2024-03-06 10:11:12
3841
1
原创 2. vue3从零搭建项目 - 项目整体框架定位
2. 修改router文件,增加login路由3. 本地运行,打开页面查看效果先去网上下载一个不要钱的svg文件,然后放到 public文件夹下面文字更改,需要在package.json文件中更改name值4.2 login页面优化5. 最后效果
2023-10-08 15:54:46
202
1
原创 react使用防抖
搜索框,如果我每次键入的时候,我就会在setDebounceMembers存一次键入的内容,因为我是根据debounceMembers变化来调用getTenantProductMenager方法,所以这边只要在setDebounceMembers存就行了。需求:搜索栏中输入内容是,之前是每键入一次就会请求后台一次,这样会影响性能,所以需要优化,使用useDebounce来实现防抖。因为我们这里是在搜索框中使用防抖,所以我们定义一个变量来存我们搜索框中键入的数据。先引入useDebounce。
2023-05-29 15:33:28
887
1
原创 react antd中在model组件中实现动态增删一行数据
model组件,因为在model中使用Form组件会导致动态删除行的时候一直是从后向前删除,所以这边用的是纯div来实现,通过变量danList来遍历里面的键实现动态的增加删除行<Modal title={`${Object.keys(record).length > 0 ? '编辑' : '新增'}应用`} visible={modalVisibleZcmapp} bodyStyle={{ paddingBottom: 0 ..
2021-11-04 18:54:14
1012
原创 vue elementui中实现动态增加删除一行
<div id="root"> <pre> {{data}} </pre> <hr /> <el-tree :data="data" node-key="id" default-expand-all :props="treeProps" :expand-on-click-node="false" > <span class="custom-tree-no...
2021-11-04 18:22:02
799
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅