自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue +ts 的eslint配置方法

最近在工作中使用到vue和ts,新搭建的项目,看了网上许多eslint相关的配置,一股脑东拼西凑整到一起,还是有很多warn信息,以及各种问题,搞得人头皮发麻。于是好好地了解学习了下eslint,下面是自己摸索实验得到的一份配置信息,试了下没啥问题了,暂时先用着,之后再补充。搞懂 ESLint 和 Prettier - 乃乎的文章 - 知乎.eslintrc.jsmodule.exports = { root: true, env: { node: true,

2021-07-14 22:52:40 2435 2

原创 Vue-draggable和awe-dnd 拖拽插件的使用简介

一、Vue-draggable二、awe-dnd

2021-05-07 19:30:22 937

原创 git修改历史提交信息

1、git log查看历史提交信息,找到要修改的commitID2、git rebase -i ‘commitID’回车后进入编辑页面,方向键定位到要修改的那条信息,输入i 可以编辑,将该条信息的pick字段改成r,然后按 ESC,输入 :x 保存退出进入另一个编辑器, 再输入i ,编辑要修改的内容 ,再ESC ,然后 :x退出编辑器。注意:如果要修改的是git log列表的第二条,这里的commitID就得是第二条以后的,不然定位不到;3、然后git log 即可查询到修改后的commit信息

2021-04-13 17:20:39 595

原创 Echarts图表添加点击事件

官方文档地址:Echarts中的事件和行为myChart.on('click', function (params) { // 控制台打印数据的名称 console.log(params.name);});当echarts图表需要自适应宽度没有设置固定值时,会出现页面刷新后的点击不准确的情况,此时可以将echarts的渲染引擎设置为svg;详情文档:使用 Canvas 或者 SVG 渲染// 使用 Canvas 渲染器(默认)var chart = echarts.init(c

2021-04-13 15:59:55 951

原创 Vue的render函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-03-30 21:34:16 65

原创 Echarts图表宽度溢出盒子

Echarts生成图表后会在你事先的容器内生成一个带有相对定位的div,里面在包含一个canvas图表,当Echarts的图表宽度溢出显示异常时,只需手动将这两个元素的宽度设置成100%如在Vue可在全局样式表中设置css样式:#chartsCard div:first-chilld {width:100%!important;}canvas {width:100%!important;}这里的“#charsCard”是画Echarts图表时准备的容器,里面的第一个div就是echart

2021-02-25 10:12:14 3376 2

原创 请求头authorization中加入认证信息

axios.interceptors.request.use( config => { //请求拦截 if (config.url.includes('/es')) { const username = 'admin'; const pasw = 'IwdPkriZxAqpN0hV2qCx1HyQ_'; config.headers['Authorization'] = 'Basic' + ' ' + btoa(username + ':' + p

2021-02-04 17:33:11 3177

原创 vuex模块化后获取方法

state:store.state.模块名.keygetters:store.getters[‘模块名/key’]mutations:store.commit(‘模块名/method’)actions:store.dispatch(‘模块名/method’)

2021-01-21 19:35:32 439

原创 父组件异步获取数据向子组件传值

父组件axios调用接口获取数据传给子组件,而子组件需要在mounted声明函数中使用这个数据,正常情况下是取不到的,因为调用接口属于异步任务,初始的chartData为空值。此时可以通过以下方式处理:父组件<chart-card : chartData="chartData"></chart-card><script> export default { data() { return { char

2021-01-15 15:39:38 980

原创 Ant-design表格添加索引列

分为两种情况:1、每一页索引都从1开始<a-table :colums="colums"></a-table>//配置表格的columns:...colums: [ { title: '排名', customRender:(text,record,index) => index + 1 }, { title: '姓名', dataIndex:'uname' }, {

2021-01-11 11:04:46 3478

转载 浅谈SPA、SEO、SSR

转载于https://www.jianshu.com/p/fcb98533bc18

2021-01-04 17:06:04 183

原创 Vue3.0导读

1、ref 和toRefref -----> 复制,修改响应式数据不会影响以前的数据 , 数据发生改变,视图会自动更新toRef -----> 引用,修改响应式数据会影响以前的数据 , 数据发生改变,视图不会自动更新2、 customRef返回一个ref对象,可以显式地控制依赖追踪和触发响应function myRef(value) { return customRef((track,trriger)=> { return { get(valu

2020-12-23 15:25:30 88

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除