- 博客(10)
- 收藏
- 关注
原创 前端非常好用的取色器和截图工具
作为一个前端开发工程师,取色工具必不可少,同时工作中很多场景也需要截图,snipaste正好满足了这个需求。直接点击图示即可启用截图功能取色的时候将指针悬浮到取色区域即可取色,按C复制颜色值,按shift切换rgb/hex...
2022-04-22 15:14:23
4958
1
原创 Chrome调试工具的使用,浏览器截图方法
1.打开开发者工具方法1: 工具---更多工具---开发者工具方法2:F122.打开命令菜单ctrl+shift+p(windows)command+shift+p(mac)
2022-04-18 10:21:13
719
原创 vue项目中使用iview插件中this.$Modal.confirm修改按钮样式
在iview的modal中,this.$Modal.confirm的取消按钮默认是无边框颜色的,但是因为项目UI的设计需要在选中的时候有边框效果,在选中时也需要有边框效果,经过查询官方文档,render只是修改content内容,并没有针对footer的修改方式,因此只能采取修改全局样式的方法,具体代码如下最终效果如下...
2022-04-09 18:04:51
4686
1
原创 ant design pro vue 页面刷新弹出提示‘正在切换主题中’
ant design pro vue项目在运行的时候,假如刷新任意一个页面,会弹出提示‘正在切换主题中’,很烦人,其实只要对以下文件中做注释即可。首先找到BasicLayout.vue然后将updateTheme即可。
2022-03-31 18:23:51
1530
原创 ivew如何调整modal的大小,如何调整transfer框的大小,modal不显示的调整方法
最近项目需求需要把transfer框放入modal内,查了一些资料,尝试了直接添加style,添加div等,效果都不是很理想,最终通过查询官方文档,才发现其实要调整很简单,总结下希望和大家共享对于modal框的大小,可以直接修改width来调整宽度,如下图:而对于transfer框大小的调整,可以在transfer中添加:list-style="listStyle",然后再return中定义listStyle的大小,如下图...
2022-03-21 10:21:41
3383
原创 Js判断输入是否为数字,Js数据如何以JSON格式显示
if(isNaN("input值")){ this.$message({ type: 'error', message: '请输入数字' }) return }
2022-03-12 14:30:22
182
原创 ant design pro for vue去掉配置栏
最近接触到ant design pro for vue, 虽然功能很强大,集成的很好,但是对于一个小项目来说,复杂意味着冗余,所以开始删删减减,首先此套框架配置了不同的主题风格,但自己用一套就可以,因此需要去掉配置栏。在本系统中配置栏为settingDrawer组件,对以下三个文件进行删改即可...
2022-03-10 15:01:41
2238
原创 Vuex数据的存储与获取
因为最近需要对原有项目进行改造,之前没有认真研究过vuex的使用,今天把学习官方文档的过程记录下来以供日后查阅,同时也希望能够为其他开发人员提供参考。vuex的核心点是store,store本质上是一个仓库,它可以存储大部分的state。而这种存储是响应式的,如果state发生变化,那么对应的组件也会响应更新。如果想要改变state,那么需要通过commit mutation。以下示例引用自官网(开始 | Vuex):// 创建一个新的 store 实例const store = creat
2022-03-09 19:39:54
7308
原创 Axios官方文档学习笔记(二)
Axios 基于Promise。在服务端它使用原生 node.js 模块创建http请求, 而在浏览器端是使用XMLHttpRequests。例子如下:(一)get请求const axios=require('axios')axios.get(‘具体请求路径‘).then(function(res){console.log(res)}).catch(function(err){console.log(err)}).then(function(){})(二)post
2022-02-28 17:51:07
466
原创 Axios官方文档学习笔记(一)
今天学习了axios官方文档,记录下来供自己日后翻阅以及和大家日常交流。想要了解Axios, 我们需要先了解Promise。Promise对象的构造器语法let promise=new Promise(function(resolve,reject)){//executor});官方文档对于resolve和result有比较详细的解释...
2022-02-28 16:37:04
361
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人