- 博客(45)
- 收藏
- 关注
原创 模拟移动端美团案例(react版)
基本开发思路:使用Redux Toolkit管理应用状态,组件负责数据渲染和通过dispatch方法提交action对象信息。实现功能:其中包括商品列表和分类渲染;添加商品;购物车操作以及订单数量统计和高亮显示。
2024-04-11 20:21:00 780
原创 element-plus中el-table利用复选框删除当前行
思路:1.利用复选框的selection-change事件来监听复选框发生的变化,触发该事件 2.给删除添加点击事件,定义一个空数组,通过forEach()方法遍历tableData数据,使用filter()方法来过滤掉未选中行数,将过滤出来的行数添加到新数组中。代码片段截取:
2024-03-24 13:35:19 185
原创 vue3+ts引用radio单选按钮报错SyntaxError: The requested module ‘/node_modules/.vite/deps/@nutui_nutui.js?v=e9
解决nut-radiogroup报错
2023-12-09 15:26:48 139
原创 解决下载安装nvm以后报错‘nvm‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
'nvm' 不是内部或外部命令,也不是可运行的程序或批处理文件。安装好以后在cmd中输入nvm -v命令时查找nvm版本时报错。
2023-11-07 14:51:42 1347
原创 nvm切换node版本npm安装失败问题Error: Cannot find module ‘@npmcli/config‘
当前版本是18.8.0,可正常查看node版本但是查看npm版本就报错。
2023-11-06 14:21:13 986
原创 Error in event handler for “el.form.blur“: “RangeError: Maximum call stack size exceeded“
块就会一遍又一遍地执行,直到它超过最大调用堆栈大小。您可以通过限制对自定义规则的调用来解决此问题。在写表单验证时回遇到这样的问题,在失去焦点或者点击验证时,都会报出这个错误。用于限制调用规则的次数。在你的情况下,一旦该字段具有值(ergo,
2023-11-01 11:29:32 333
原创 vue.js遍历背景图片并渲染出来
imgArray: [{src:banner1},{src:banner2}], //banner1he banner2是导入的图片名。
2023-09-14 14:26:43 163
原创 正则表达式匹配网址
https://geek-docs.com/regexp/regexp-tutorials/61_the_regular_expression_matches_the_url.html
2023-08-10 13:09:27 65 1
原创 解决前端开发路由跳转之页面跳转,左侧菜单栏高亮显示跟随
return {},methods: {},},if (index!== -1) {== -1) {} else {},
2023-06-27 13:44:03 607 1
原创 通过git可视化sourcetree工具提交代码时,文件名是大写却自动生成小写
首先,检查代码是否有误,其次,检查配置文件,通过访问.git文件夹下的config文件,找到ignorecase属性,并将它的属性设置为false即可。
2023-06-15 16:54:30 285
原创 项目中图片等一些静态资源存放在public与存放在assets中的区别
public:存放在public下的图片等静态资源,不用经过webpack,通过绝对路径来引用,系统编译后,可替换;assets:存放在assets下的图片等一些静态资源,经过webpack,通过相对路径来引用,系统编译后,不可替换。
2023-03-31 10:56:24 480
原创 CSS如何解决页面字体溢出隐藏
注释:在css标签内,将overflow属性设置为hidden,设置超出宽度的文本隐藏,并将text-overflow属性设置为ellipsis,让隐藏的文本以省略号显示。将white-space属性设置为nowrap,让文本在一行显示。
2023-03-29 11:31:14 509
原创 使用了body { overflow-y: scroll; /* 显示垂直滚动条 */ overflow-x: hidden; /* 隐藏水平滚动条 */}以后如何使滚动条隐藏并且不影响页面其它内容
这段代码会隐藏滚动条并且不占位。需要注意的是,这种方法并不完美,因为它仍然会导致滚动条在某些情况下被显示或闪烁,这可能会影响用户体验。
2023-03-29 11:13:32 242
原创 vue+ threeJS项目中取消鼠标右击选中默认弹框事件
一个页面中,BODY中用oncontextmenu='return false'来取消鼠标右键;在JS中设置oncontextmenu='return true'用window.document.oncontextmenu = function(){ return false;禁止鼠标在页面被拖动;很多网站上的页面内容是不允许复制的,这样可以防止用户或者程序恶意的去抓取页面数据;网银转账时,输入对方卡号,需要输入两次,通常第二次输入的输入框是不允许粘贴的,这样就在一定程度上保证了卡号的准确性。
2023-03-23 12:40:06 669
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人