- 博客(57)
- 收藏
- 关注

原创 Vue移动端项目如何使用手机预览调试
最近在开发移动端Vue移动端项目,查了一些资料,这里分享下如何在webpack工具构建下的vue项目,在手机端调试和预览,言归正传。1.电脑和手机连接到同一个WIFIa.台式电脑和手机同时链接一个路由器,使用同一个wifi;b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以;2.查询本地IP地址WIN+R,输入cmd回车,打开命令提示符,输入ipconfig,...
2018-04-12 14:05:27
20622
2
原创 Vue Router 导航守卫,多次执行的解决方案
在 Vue Router 中,导航守卫是非常有用的功能,但它可能会导致多次执行的问题。为了避免这个问题,我们可以使用或方法来避免多次执行。根据你的具体情况选择合适的方法,使你的应用更加稳定和可靠。
2024-06-25 13:45:37
1638
1
原创 前端nvm的安装和使用nodejs多版本管理2024
这是因为全局安装的包实际上是安装在特定版本的 Node.js 中的,而不是系统的全局环境中。因此,每当你切换到一个新的 Node.js版本,你都需要重新安装你需要的全局包,以便它们与新版本的 Node.js 关联起来。注意:如果有安装过node,最好进行卸载,因为自己安装的,nvm控制不了,会出现一些意想不到的报错,先安装nvm,再使用nvm命令安装需要的版本即可!在实际的开发中,项目的开发依赖需要的nodejs版本运行环境不同,此时我们就需要使用nvm来进行不同nodejs版本的切换。
2024-06-10 22:38:11
576
原创 vue el-dialog封装成子组件(组件化)
vue2.js 中 el-dialog封装成子组件(组件化)案例分享。子组件 没有 .sync。
2024-06-06 18:08:29
492
原创 vue3挂载axios挂载全局方法
组件得引入层次过多,我们的子孙组件想要获取祖先组件得资源,那么怎么办呢,总不能一直取父级往上吧,而且这样代码结构容易混乱。以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。一句话介绍:provide可以向所有子孙组件提供数据以及提供修改数据的方法,子孙组件用inject使用数据。:是一个对象,或者是一个返回对象的函数。里面呢就包含要给子孙后代的东西,也就是属性和属性值。属性值可以是一个对象,包含from和default默认值。
2024-03-28 16:23:10
706
原创 Vue3-elementplus 表格组件 table 设置横纵滚动条样式,覆盖修改 el-table 表格固定宽高时滚动条的宽度、高度、颜色(详细示例代码,解决样式覆盖失败问题)
Vue3 Element Plus 表格组件 table 设置横纵滚动条样式,覆盖修改 el-table 表格固定宽高时滚动条的宽度、高度、颜色等(提供详细示例代码,解决各种样式覆盖失败问题))
2024-03-27 15:06:04
4000
2
原创 Vue项目中的文件/文件夹命名规范
简介: 文件或文件夹的命名遵循以下原则: index.js 或者 index.vue,统一使用小写字母开头的(kebab-case)命名规范属于组件或类的,统一使用大写字母开头的(PascalCase)命名规范。
2023-11-01 11:25:06
1553
原创 前端提交规范 ESLint + Prettier + husky + lint-staged
如何统一代码风格,规范提交呢?推荐使用前端规范全家桶 ESLint + Prettier + husky + lint-staged。下面我会逐个讲解每个依赖包使用步骤,文末总结了使用过程中的问题,让大家少踩坑。
2023-09-21 17:51:48
531
原创 vue.js兄弟组件方法调用b组件调用a组件方法
vue.js 中兄弟组件方法调用场景:父组件中同时引入两个子组件(A和B),此时B组件点击按钮需要调用A组件里面的方法方案1:vue的事件总线方案2:自定义事件($emit)最终方案:方案2。
2023-08-09 17:09:39
1448
原创 React Hooks MUI ,父子传值,双向绑定,memo,useCallback
React Hooks MUI ,父子传值,双向绑定,memo,useCallback 用法。
2023-06-21 13:25:33
225
原创 JavaScript 迭代方法
根据你的需求,选择适当的方法来迭代和处理数组或其他集合。map: 创建一个新数组,其中的每个元素都是对原始数组元素执行指定函数的结果。filter: 创建一个新数组,其中包含原始数组中满足指定条件的所有元素。reduce: 对数组中的所有元素进行累积操作,返回一个单个的值。findIndex: 返回数组中满足指定条件的第一个元素的索引。every: 检查数组中是否所有元素都满足指定条件。forEach: 对数组的每个元素执行指定的函数。find: 返回数组中满足指定条件的第一个元素。
2023-05-29 13:25:28
213
原创 使用Electron和ReactJS创建项目搭建顺序
1、React.js 用于构建用户界面:React.js 是一个用于构建用户界面的 JavaScript 库,它提供了一种组件化的开发方式,使得构建交互式和可复用的界面变得更加简单和高效。5、搭建 React.js 项目的便利性:在搭建 React.js 项目时,可以利用 Create React App 等工具提供的现成配置和最佳实践,快速搭建开发环境和项目结构。在集成 Electron 之前,你需要先确保你的 React.js 应用程序在 Web 环境中正常运行,并实现了你所需的功能和交互。
2023-05-28 22:36:07
275
原创 React清空input上传
在上述代码中,我们首先使用 useRef 创建了一个 fileInputRef 引用,然后将其传递给 元素的 ref。在处理文件上传操作完成后,我们手动将 fileInputRef.current.value。元素的值,可以使用 ref 来获取 DOM 元素,并手动设置其值为 null 或 “”因此,我们只能通过 ref 来获取其值并进行修改。属性设置为一个空字符串,从而清空文件上传表单元素的值。注意,由于安全限制,浏览器不允许直接修改。在 React 中清空。
2023-05-11 13:13:26
1530
原创 Vue 路由导航守卫
其中,首页需要登录才能访问,因此我们在路由配置中添加了一个 meta 属性,并设置 requiresAuth 为 true。在导航守卫中,我们判断当前路由是否需要登录,如果需要但未登录,则跳转到登录页面;否则放行。requiresAuth : true // 需要登录才能访问的页面 } } , {next('/login') // 如果需要登录但未登录,则跳转到登录页面 } else {next() // 否则放行 } }) export default router。
2023-04-17 09:58:11
184
原创 React + material-ui 表格指定位置合并
基于React基础 table 表格指定位置合并,行合并是指定位置合并,注意:不同于一般的同类项合并,后台需要返回指定合并行。
2023-04-07 17:28:57
534
原创 js日期格式化
把 Wed Oct 07 2020 00:00:00 GMT 0800(中国标准时间)转换为 YYYY-MM-DD hh:mm:ss。
2023-03-31 18:14:34
234
原创 babel-plugin-component 和 babel-plugin-import有啥区别
babel-plugin-component 和 babel-plugin-import有啥区别
2023-03-29 10:43:23
513
1
原创 element-ui表单先编辑后新增清空无效解决办法
使用dialog弹出form表单的时候,由于需要,可能会给表达赋初始值,比如编辑操作的时候,会从外面传入数据,赋值到表单上。2、当我们先编辑再新增,会对表单赋值,初始值就是我们赋的值,调用resetFields()方法,表单里还有之前赋的值,并不是我们希望得到的清空表单。在open方法里,不要直接做赋值操作,加上this.$nextTick方法,在这个方法里面做操作,这个时候form已经mounted结束了。1.页面有个新增和编辑共用的弹出框,在页面初始化后先点新增,后编辑,正常。
2023-03-21 20:15:55
1128
3
原创 vue2安装vue-router失败
今天在使用vuecli 创建 vue2项目的时候,需要使用vue-touter,直接npm i vue-router 是下载最新版,最新版不兼容vue2。所以我们要下载兼容版本 npm i vue-router@3.5.2。发现直接使用npm i vue-router 安装不上,报错提示。后来上网查询了下,发现是版本问题。测试发现,运行成功!
2023-02-02 11:31:03
503
原创 快速打开管理身份cmd的方法
直接按快捷键Ctrl+Shift+Enter即可打开管理员命令窗口。win+R打开运行窗口,然后输入cmd,别点确定按纽,
2023-01-19 12:14:24
2411
原创 react受控组件和非受控组件区别
两者区别受控组件受控组件依赖于状态受控组件的修改会实时映射到状态值上,此时可以对输入的内容进行校验受控组件只有继承React.Component才会有状态受控组件必须要在表单上使用onChange事件来绑定对应的事件非受控组件非受控组件不受状态的控制非受控组件获取数据就是相当于操作DOM非受控组件可以很容易和第三方组件结合,更容易同时集成 React 和非 React 代码选择受控组件还是非受控组件受控组件使用场景:一般用在需要动态设置其初始值的情况。
2023-01-16 10:28:48
594
原创 文档学习和视频学习的优劣
看书的时候,尤其是一本好书的时候,能够引发你非常多的思考和灵感,节奏完全在你,看到好的段落,你可以随时停下来思考,然后在继续,也可以随时翻到你刚看的地方,非常的方便。一个好的视频,有着完整的结构,连续的一帧一帧的画面设计是完整的,发个呆你可能就不知道在讲什么了?所以当我们深入学习某一全新知识的时候,将两者结合起来,以视频入门,调动兴趣,找到“感觉”,最后再以文字为主,深刻内化学科知识,如此事半功倍,未尝不可。1、学习是典型的“精工出「慢」活”,将知识在思维中慢慢、交织反复的“品”对于内化知识才更为有效。
2022-12-09 10:00:10
726
原创 javascript实现input 实时搜索功能
javascript 实现 input 实时搜索功能,原生js 实现input 搜索下拉选择菜单
2022-12-05 14:40:56
1702
原创 React useState怎么修改对象中某一个值
React hooks useState怎么修改对象中某一个值。ES6 结构赋值,后面的数据覆盖前面的数据。
2022-11-14 13:35:48
5157
原创 js中es6扩展运算符和剩余参数的用法
估计大家都猜到了,剩余参数顾名思义就是剩下的参数,指没有对应形参的实参(也就是没显式命名的那些参数),上一个例子中…剩余参数居然是一个真正的数组,而且看起来作用和arguments一样,那有什么不同或者是改进呢?总结:剩余参数可以看做是arguments的升级版,直接返回一个数组,可以更方便使用数组的方法来操作参数。arguments是一个类数组对象,表示输入的所有实参,但没法直接使用Array的方法。上述的个体指的可能是字符,数组的元素或函数的参数等。上述的整体指的可能是数组,字符串或类数组对象等。
2022-11-06 17:53:10
564
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人