自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

tan47325的博客

一个刚入门的前端小白

  • 博客(16)
  • 收藏
  • 关注

原创 js原型与原型链完整图解

js原型与原型链完整图解

2022-12-22 16:13:20 662 1

原创 vue2旧项目引入husky+lint-staged配置代码提交规范

vue2旧项目引入husky+lint-staged配置代码提交规范

2022-10-21 11:03:09 1130 1

原创 vue window.location.replace替换之后又自动跳回去

vue window.location.replace替换之后又自动跳回去

2022-06-13 16:52:51 2095 1

原创 echarts 柱状图缩放浏览器消失了

echarts 柱状图缩放浏览器消失了

2022-06-13 16:34:05 808

原创 proxy代理配置项和axios的baseUrl

涉及最常用的几个项(匹配路径,target,changeOrigin,pathRewrite),以react的http-proxy-middleware插件为例一、target:目标服务器 host二、changeOrigin:是都跨域,默认false,是否需要改变原始主机头为目标URL三、匹配路径先来一段基本的代码(假设我们的接口地址是‘http://127.0.0.1:8080/sms/api/v1/...’,标红为公共部分,即是我们需要处理的那部分)这是一个最基本的setupP

2020-08-21 17:23:13 3631

原创 iview 手动上传文件

一、批量导入,手动上传需求:点击上传文件去选择需要上传的文件,然后页面显示该文件名,点击确定按钮后才进行导入解决:由于iview插件的Upload组件没有提供手动上传功能,只有一个模拟手动上传(用的定时器)。所以只能自己写一个原生的上传文件,即input标签的type为file注意:我直接使用处理过的axios请求来提交文件,会报一个错误 the request w...

2020-02-19 14:44:33 2762

原创 vue项目全局引用其他库或插件的方法

一、引入库(js文件)例子:npm install的localForage,在main.js中全局引用import localForage from 'localforage/src/localforage';Vue.prototype.localForage = localForage在其他文件中就直接引用,this.localForage....注意:这种方法是有局限性的,...

2019-04-26 17:16:18 4277 1

原创 vue项目一些实用的小插件或工具

1、vue-awesome-swiper 做轮播2、localForage 本地离线存储3、prerender-spa-plugin 预渲染、SEO优化4、lodash js实用工具库5、Clipboard.js 将内容复制到剪切板中6、interact.js 改变大小形状拖动插件7、echarts 图表8、vue-baidu-map 百度地图9、vue-vide...

2019-04-26 17:10:57 1242

原创 提升代码质量技巧

尽量加新代码,而不要修改已经写好的代码,避免牵一发而动全身,有可能造成意想不到的后果 跟页面不相关的逻辑尽量别写在这个页面中,例如vue页面,跟这个页面业务没有关系的代码处理可以放在外面 相关联的处理写在一起,不用分开。例如,做复制粘贴时,粘贴计数器的加一,可放在粘贴函数里一起处理 重复触发很多次的尽量只触发一次(dispatch、emit等),减少触发次数。例如...

2019-04-26 14:25:35 250

原创 基于vue框架项目开发过程中遇到的问题总结(三)

这次遇到的一个问题困扰了我很久很久,大致就是vue路由的addRoutes方法的使用,每次在调用了这个之后router对象中并没有将路由添加进去,接下来,我一步一步的分析原因及解决方法(个人见解,仅供参考)(1)先看看我的失败的代码store.getters.addRouters我存在vuex中,但是实际是存于session中的,所以刷新后是不会丢失数据的在app.vue的mo...

2018-12-13 11:01:17 1644

原创 sort排序bug乱序

项目需要对组件的zIndex值进行降序排列,刚开始采用的是sort进行排序,排完之后感觉没问题,毕竟也是经常用的,可是昨天无意中把zIndex值打出来看,一看不知道,发现只要排序的组件超过10个就出问题,刚开始以为zIndex是字符串的缘故,可在转换之后还是乱序的,下面是代码以及排序结果:                  可以看到当增加到第11个时,zIndex为5的跑到了最前面...

2018-10-25 11:43:58 1480

原创 npm run dev报错(webpack和webpack-cli版本冲突)

起因是我刚加入一个项目,克隆下来vue项目,然后安装依赖,等到npm run dev时就出现问题了,问题如下:找了很久的问题就是找不到,后面在别人的github看到一个相似错误,经过评论对比,发现错误是一样的,故确定是版本的错误,原文作者webpack@4.20.0版本、webpack-cli@2.1.5版本,作者认为是webpack升级到4.20.0版本,可能是某些json与旧版本...

2018-10-25 10:25:58 8303

原创 基于vue框架项目开发过程中遇到的问题总结(二)

1、mouseup事件丢失查看了网上资料,造成mouseup事件丢失有两种原因:(1)触发了浏览器的drag事件(2)由于鼠标离开了操作的区域,触发了mouseleave事件导致mouseup丢失解决办法:针对第一种情况:阻止系统默认操作防止drag被触发在@mouseup或v-on:mouseup后面加上.prevent阻止默认操作,和.stop阻止事件冒泡(此方法是根据...

2018-09-26 14:41:16 1775

转载 git学习--------git命令

本篇博客是转发的别人的,原文地址:http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html常见命令:一、新建代码库$ git init  在当前目录新建一个git代码库$ git init [project-name] 新建一个目录,将其初始化为git代码库$ git clone [url] 克隆一个项目和它的代码历...

2018-09-19 09:33:39 182

原创 基于vue框架项目开发过程中遇到的问题总结(一)

(一)关于computed修改data里变量的值问题:computed里是不能直接修改data里变量的值,否则在git commit 时会报错解决:在computed里使用get和set来进行获取和修改data变量,(参考下图)(二)computed里监听数组的变化问题:computed里返回一个数组,但是在进行交换数组里两个元素的位置不能触发computed的更新(视图不能更...

2018-09-18 17:19:08 5779 1

转载 vuejs定义组件的几种方法

定义组件的7种方法:l  字符串l  模板字面量l  x-templatel  内联模板l  render 函数l  JSFl  单文件组件 (1)字符串这是最基础的一种方式Vue.component('组件名',{       template:‘字符串(html)’})(2)模板字符串(反引号方式),阅读体验佳,在许多浏览器中支持,不过安全起见还是需要把代码转换成ES5。这种方式并不完美,ID...

2018-06-07 16:43:51 4223 1

空空如也

空空如也

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

TA关注的人

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