自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 下载文件时前端重命名的实现方法将url地址转化为文件实现重命名

最近在项目中遇到一个需求,用户可以点击按钮下载文件,后端返回给前端的是文件的绝对地址。最开始我是用的windown.open()实现,但是使用这个方法下载的文件名是乱码,测试要求将文件名固定。通过查阅资料,我了解到可以将url地址转为blob文件对象从而实现对文件的重命名,代码如下:// 将文件路径转为blobfunction getBlob (url) { return new Promise(resolve => { const xhr = new XMLHttpRequest()

2022-04-18 10:25:53 4358 5

原创 脚手架vue-cli创建的项目运行命令npmrundev和npmrunserve

旧的vue-cli安装命令npm install vue-cli -g新的vue/cli安装命令npm install @vue/cli -g如果安装了以前的vue-cli(1.x或2.x),下载新版本时需要卸载它。使用命令npm uninstall vue-cli -g或者yarn global remove vue-cli旧的vue-cli创建的项目运行时使用命令npm run dev新的vue/cli创建的项目运行时使用命令npm run serve...

2022-04-14 10:33:06 1852

原创 vue前端项目安装和启动时报错【‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。】

新下载的vue项目,使用npm run serve运行时报错原因是项目缺少node_modules解决办法:先使用npm i下载依赖,再npm run serve就成功运行了

2022-04-06 14:37:50 1153

原创 运行vue项目 npm ERR missing script: dev npm ERR A complete log of this run can be found in: npm ERR

新下载一个vue项目,使用npm run dev时报这个错npm ERR! missing script: devnpm ERR! A complete log of this run can be found in:npm ERR! C:\Users\小小清\AppData\Roaming\npm-cache\_logs\2022-04-06T06_23_00_699Z-debug.log这是由于版本更新的问题,老项目使用npm run dev或npm start运行解决办法:使用n

2022-04-06 14:32:40 1797

原创 输入字体的间隔突然变大了

最近写代码的时候无意间敲了个快捷键,就变成后来发现是编译器的快捷键和输入法快捷键冲突了解决方法:按一下 shift+空格键 就好啦~

2021-03-05 10:46:22 950 1

原创 自闭合标签结尾是否加斜线

标签分为双标签和单标签,单标签就是自闭合标签;自闭合标签单个出现,只能定义一些属性,不能插入别的标签或者内容。例如:<img src="" alt="">HTML5的规范中,自闭合标签不加斜杠,但兼容加斜杠的写法;XHTML严格要求自闭合标签中要加斜杠;html文件声明了后自闭合标签不需要再加斜杠。常见的自闭合标签如下:标签:设置页面元信息 :设置网页所有链接的相对目录(如根目录) :换行 :水平线 :图像 :表单元素 :在表格table中定义一个或多个

2020-10-10 15:58:14 1042

原创 css中子元素设置margin-top为什么影响了父元素

<style type="text/css">*{ margin: 0px; padding: 0px;}.show { margin: 0px auto; width: 200px; height: 100px; background-color: #999999; }.show h2 { margin-top: 50px; cursor: pointer; } </style> <body> <di

2020-10-06 17:56:53 675 1

原创 Vue.js报错Failed to resolve filter问题原因

Vue.js报错Failed to resolve filter问题原因报错:Failed to resolve filter: 过滤器名字1.检查是否语法错误,全局过滤器一个Vue.filter里只能定义一个过滤器2.检查使用顺序,要先使用 Vue.filter,再声明Vue实例...

2020-09-21 08:31:13 4553

原创 vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“

vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“在使用this.$router.push进行路由的跳转时,出现如下报错:

2020-09-19 17:30:14 342

原创 v-for不能用在根元素上

v-for可以用在li上,但是不能用在ul上<ul> <li v-for="item in suggestList" :key="item"> <img :src="item.picUrl" :alt=""> <span>{{item.name}}</span> </li> </ul>

2020-09-13 16:16:56 418

原创 vue项目main.js文件下import router from ‘./router‘默认导入router文件夹下index.js的原因

vue项目main.js文件下import router from './router’默认导入router文件夹下index.js的原因import router from './router'//等效于//import router from './router/index.js'这个不是vue的规定而是node加载模块的方式,当require(’./router’)(import会被转为require),node是这样的寻找目标的:1.首先寻找目录下有没有router.js或者router

2020-09-12 15:04:46 6355

原创 some方法和includes方法

some方法some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。some() 方法会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测;如果没有满足条件的元素,则返回false。<script> var arr =[1,4,3,5,8,6,15] var result = arr.some(item => item%2==0) console.log(result) //true</scr

2020-07-23 13:22:47 2236

原创 js常用事件总结:如单击事件onclick等等

鼠标事件onclick:点击某个对象时触发ondblclick:双击某个对象时触发onmouseover:鼠标移入某个元素时触发onmouseout:鼠标移出某个元素时触发onmouseenter:鼠标进入某个元素时触发onmouseleave:鼠标离开某个元素时触发onmousedown:鼠标按下时触发onmouseup:鼠标抬起时触发onmousemove:鼠标被移动时触发onwheel:鼠标滚轮滚动时触发oncontextmenu:点击鼠标右键时触发键盘事件onkeydown

2020-06-22 19:57:24 1526

原创 H5新增获取元素的Dom方法以及类名操作

新增获取元素方法:document.querySelector(" “);单个元素获取document.querySelectorAll(” "); 多个元素获取<html> <body> <div class = "box box1">box1</div> <div class = "box box2">box2</div> <div class = "box box3">box3<

2020-06-22 13:39:45 914

原创 常用JS日期函数总结

创建时间var myDate=new Date();获取当前年份 myDate.getYear();(2位)获取完整的年份 myDate.getFullYear();(4位)获取月份 myDate.getMonth();(0-11月,0是1月)获取当前日期 myDate.getDate();(1-31日)获取当前时间 myDate.getTime(); (从1970.1.1开始的毫秒数)获取当前星期X myDate.getDay();(0-6,0是星期天)获取当前小时数 myD

2020-06-21 23:03:45 262

原创 vue-router基本路由的使用

vue-router是官方提供的实现SPA的vue插件,下载命令:npm install vue-router --save编写使用路由的三步:1.定义配置路由组件2.注册路由器3.使用路由 实例:1)创建两个路由组件:Food.vue Grament.vueFood.vue:<template> <div> <ul> <li>甜品饮料</li> <li>火锅烧烤&

2020-06-12 23:32:34 173

原创 创建GitHub远程仓库

一、添加SSH Keys1.创建一个GitHub账号https://github.com/2.创建SSH Key。在用户主目录下,看看有没有.ssh目录,如果有,再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件,如果已经有了,可直接跳到下一步。如果没有,打开Shell(Windows下打开Git Bash),创建SSH Key:$ ssh-keygen -t rsa -C “2390965815@qq.com”需要把邮件地址换成你自己的邮件地址,然后一路回车,使用默认值即可,由

2020-06-11 16:19:08 596

原创 git的提交和撤销命令

工作区提交到暂存区git add 暂存区提交到版本库git commit -m “message”工作区撤销修改1.git checkout – 2.git restore – 暂存区撤销提交1.git reset HEAD 2.git restore – staged 版本库撤销提交1.git reset – hard HEAD^...

2020-06-10 14:33:35 309

原创 git安装及初始化仓库管理

一、git简介Git是目前世界上最先进的分布式版本控制系统。Linus花了两周时间自己用C语言写了一个分布式版本控制系统,这就是Git!一个月之内,Linux系统的源码已经由Git管理了!CVS及SVN都是集中式的版本控制系统,而Git是分布式版本控制系统,集中式和分布式版本控制系统有什么区别呢?1.集中式版本控制系统,版本库是集中存放在中央服务器的,而干活的时候,大家都是用的自己的电脑,所以要先从中央服务器取得最新的版本,然后开始干活,干完活了,再把自己的活推送给中央服务器。中央服务器就好比是一个图

2020-06-08 20:06:53 696

原创 npm install vuex --save时报错解决 vue下载vuex插件报错

npm install --save vuexnpm ERR! code ENOSELF原因:创建项目时命名成了vuex,npm 安装的包不能将自身作为依赖。解决办法:package.json中name=‘vuex’ 改成 name=‘vuextest’或者另外的名字试试看。

2020-05-27 17:46:02 5049

原创 vue如何新建一个项目(详细步骤)

vue创建项目一、安装node环境与npm1、首先:先从https://nodejs.org/en/中下载node.js按照提示一直点next,直到Finish完成安装2.打开控制命令程序cmd或者PowerShell,检查是否安装成功:如果输出版本号,说明我们安装node环境成功使用淘宝NPM 镜像,国内直接使用npm 的官方镜像是非常慢的,所以推荐使用淘宝 NPM 镜像。(也可以不用,不用直接跳过这一步)输入:npm install -g cnpm --registry=http://r

2020-05-27 15:11:37 6821

原创 vue报错Cannot read property

Vue 报错:Cannot read property ‘_wrapper’ of undefine!)找了很久,发现错误原来是 @click="…" 其中的方法没有在 methods 中定义,或者没从父组件中把方法传过来。比如@click=“xx” ,而xx方法未定义,就会出现这个报错。解决办法是定义个这个方法或者把@click="…"删除。...

2020-05-21 15:35:33 3854

空空如也

空空如也

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

TA关注的人

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