自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 VUE el-upload 上传多文件(可批量上传也可以单文件上传)

一.序言接触vue时间也不少了,最近用el-upload给后端上传文件,饿了么上传文件api个人感觉 action不是很好用。上传多文件不断报错,经过几天的测试,终于得到了axios上传多文件的方法,记录下,供大家参考二.步骤步骤一:找到fileListel-upload里面有:on-change 方法,用来获取fileList![](https://img-blog.csdnimg.c...

2019-11-29 00:20:33 18723 2

原创 Whistle整理

前言Whistle是一个非常强大的拦截请求,代理工具。安装谷歌插件SwitchyOmega就可以愉快的切换代理模式了。一.Whistle常见功能设置host进行代理 : www.ifeng.com 127.0.0.1:8080。可以将请求代理到本地的8080端口,这样在平时开发就可以去掉请求路径url的端口号。调试别的端口的host域同样也可以 www.ifeng.com host://www.qq.com:8080替换文件:www.ifeng.com file

2020-06-19 11:33:29 1016

原创 JavaScript高级程序设计——第二十章(JSON)

一.语法对象JSON中的对象要求给属性加引号。{ "name":"hjh", "age":21}与JS对象字面量相比,JSON对象有两个地方不一样:首先,没有声明变量。其次,没有末尾的分号。对象的属性的必须加双引号。数组[22,"hjh"]二.解析与序列化JSON对象JSON有两个方法:stringify()和parse()。var book = { title:'hello', authors:['a b c'], edito

2020-05-17 01:01:39 173

原创 JavaScript高级程序设计——第十七章(错误处理与调试)

错误处理try-catch语句try{ //可能会导致错误的代码}catch(error){ //在错误发生时怎么处理 alert(errror.message)}如果try块中代码发生了错误,就会立即退出代码执行过程,然后接着执行catch块。catch块会接收到一个包含错误信息的对象。这个对象包含的实际信息由浏览器而异,但有一个共同点有一个保存着错误信息的message属性。finally子句在try-catch中语句是可选的,但finally子句一经使用,其代码无论如何都

2020-05-16 23:42:01 158

原创 JavaScript高级程序设计——第十三章(事件)

一.前言本章主要介绍JS中的事件,包括事件的一般写法和兼容浏览器的写法。事件的种类等。由于篇幅有限,IE中很多特性就不在本文介绍,很多平时用不到的事件也就请看书啦。二.事件处理程序DOM0级事件处理程序每个程序都有自己的事件处理程序,例如onclick。var btn = document.getElementById('myBtn')btn.onclick = function(){ alert(this.id) //myBtn}已这种方式添加的事件

2020-05-16 15:23:27 185

原创 JavaScript高级程序设计——第十一章(DOM扩展)

一.选择符APISelectors API是W3C发起制定的一个标准,致力于让浏览器原生支持CSS查询。Selectors API的核心的两个方法:querySelector()和querySelectorAll(),可以通过Document和ELement类型的实例调用它们。querySelector()//取得body元素var body = document.querySelector('body')//取得类为‘button’的第一个图像元素var img = document.b

2020-05-12 00:42:36 119

原创 JavaScript高级程序设计——第十章(DOM)

一.节点层次节点关系文档中的所有节点有这样那样的关系。我们可以用父元素,子元素等关系来表示。每个节点都有一个childNodes属性。其中保存着一个NodeList对象。NodeList是一个类数组对象,用来保存一组有序的节点。有两种方法访问保存在NodeList中的节点var firstChild = someNode.childNodes[0]var firstChild = someNode.childNodes.item(0)每个节点都有一个parentNode属性,包含在chil

2020-05-11 13:45:41 171

原创 ES6学习笔记

一.ES5严格模式使用:在全局或函数的第一条语句定义为’use strict’严格模式下的约束:只能用var定义变量:未定义为严格模式时,没有使用var直接定义的变量会被默认当成全局变量,但是在严格模式下会报错。禁止自定义函数中的this指向window。比如说构造函数中的this,如果不是new一个实例对象(此时this指向该实例对象),自调用时this是指向window的,此时在严格...

2020-05-05 01:47:09 184

原创 JavaScript高级程序设计——第八章(BOM)

一.前言本篇主要介绍window对象上的定时器,location对象和navigator对象。二.间歇调用和超时调用间歇调用:setTimeout(function(){ alert('hello')},1000);setTimeout()方法接受两个参数:要执行的代码和以毫秒表示的时间。注意:经过后面的时间代码不一定会执行。JavaScript是单线...

2020-04-27 15:53:18 176

原创 JavaScript高级程序设计——第七章(闭包)

一.前言这一章我们讨论函数表达式。主要涉及函数表达式的特征、闭包和私有变量等内容。二.匿名函数我们知道创建一个函数有两种方法://函数声明function function1(a,b,c){......}//函数表达式var function1 = funcition(a,b,c){......}我们将第二种情况下创建的函数叫做匿名函数。...

2020-04-25 19:45:11 285

原创 javaScript高级程序设计——第六章(继承)

一.前言这篇文章主要介绍继承的概念和多种继承方式。二.原型链的继承function superType(){ this.property = true}super.prototype.getSuperValue = function(){ return this.property}function subtype(){ this.subproper...

2020-04-19 23:23:01 138

原创 JavaScript高级程序设计——第六章(理解原型与创建对象)

一.前言这一章个人感觉十分重要,详细剖析了原型和继承,对于对象的理解和创建方法做了多种梳理,在此记录下。文章可能冗长,愿自己秋招顺利。二.属性类型我们先了解下ECMAScript定义的两种属性:数据属性和访问器属性。数据属性:数据属性有四个描述其行为的特性。Configurable:表示能否通过delete删除属性,能否修改属性的特性,能够把属性修改为访问器属性。默认值为true。...

2020-04-18 14:48:24 192

原创 JavaScript高级程序设计——第五章(引用类型)

一.Object类型1.写法①var person = new Object();person.name = 'nico'person.age = 18②对象字面量var person = { name : 'nico', age : 18}2.获取对象属性的方法alert(person['name']) //'nico'alert(person.name) //...

2020-04-15 14:02:49 182

原创 JavaScript高级程序设计——第四章(两种类型及作用域解析)

一.基本类型和引用类型引用类型的值是保存在内存中的对象。与其他语言不同,JavaScript不允许直接访问内存中的位置,就是说不能直接操作对象的内存空间。在操作对象时,实际上是在操作对象的引用而不是实际的对象。不能给基本类型的值添加属性,虽然不会报错。var name = 'nico'name.age = 27alert(name.age) //undefined复制变量...

2020-04-13 15:13:26 147

原创 JavaScript高级程序设计——第三章(JS基本语法)

一.严格模式1.要在整个脚本种启用严格模式,可以在顶部添加代码:'use strict'2.当然也可以在特地的函数中使用严格模式:function useStrict(){ ‘use strict’ //函数体 ......}二....

2020-04-13 00:10:54 141

原创 JavaScript高级程序设计——第一二章(邂逅JS)

一.async只对外部标签有效,常用在加载每个资源文件,加载时表示应该立即下载脚本资源。charset表示通过src属性指定的代码的字符集。(啥意思呢??)defer只对外部标签有效,表示脚本延迟到文档全部被解析之后再执行。src(大家都懂…)type一般都是text/javascript,这个属性不是必须的,没有指定仍然默认是text/script特别注...

2020-04-05 23:19:37 147

原创 HTML5表单系统学习

一.HTML5新增表单类型1.邮箱类型表单如果输入的格式不符合邮箱形式,则会报错:2.电话类型表单在PC端,跟一般的form没什么区别,在移动端,只要是type为’tel’,键盘会自动弹出来。3.url类型表单跟邮箱类型类似,会自动判断是否是网址类型。4.可删除的表单方便用户直接删除输入的值。5.数字表单可用于选择数字,只能填数字,填字母无效。6.时间表单...

2020-03-25 14:13:13 257

原创 HTML5其他不常见的标签

一.meter图形为:代表可以取值的范围是20-100,最佳的取值范围为40-60,所以在40-60范围内取值,颜色为绿色,其他时候颜色为黄色。二.progress图形为:同样表示进度。三.列表标签...

2020-03-25 00:37:00 120

原创 vue axios接口返回值的坑

在axios的回调函数里面,函数内部的执行竟然是同步的…一旦报错,后面就不执行了。

2020-03-24 21:22:49 1669

原创 v-for遍历的数组更新后,视图没有刷新

今天遍历后台的res.list,某种情况list为null,结果v-for遍历的数据展示的是上一次遍历的数据,但是并没有报错,查找下才知道自己的写法有问题之前写法都是this.XXX = res.data.list当你利用索引直接设置一个项时或者当你修改数组的长度时,vue都不会监测到数组的变化,但很奇怪的是,只有数组为空时我才遇到了这个问题。现在改用此写法:res.data.list....

2020-03-24 20:54:56 861

原创 HTML5音视频

一.html5音视频基础和格式转化容器大多数人会认为视频文件就是 .avi .mp4,但事实上 avi和mp4仅仅是容器的格式,它只决定怎么将视频存储起来,而不关系存储的内容。有点类似于.zip 不管是音频文件或视频文件,实际上都只是一个容器文件。这点类似于压缩了一组文件的ZIP文件 视频文件(视频容器)包含了音频轨道、视频轨道和其他一些元数据。 视频播放的时候,音频轨道和视频轨道...

2020-03-24 16:38:56 359

原创 系统学习canvas

一.什么是canvascanvas是h5新增元素,可通过js脚本绘制图形二.使用条件ie9以前不支持canvas,要想有良好的用户体验,可以在canvas标签中填写替换内容。比如:您的浏览器不支持canvas。这样canvas不能正常渲染的时候,就会出现替代内容。三.默认属性canvas有两个默认属性,width与height。**不能在css中定义width和height,没有效果。*...

2020-03-13 16:04:21 1193

原创 如何在一个vue组件引入另外一个vue组件

在想要引入组件的地方<你取的名字 title="..."/>import 引入组件的相对地址export default {components: {你想要取的名字}}

2019-11-14 14:09:54 645

原创 Git 前端用指令传上github或coding

前段时间因为项目的原因用coding协作,但是vscode上传到coding时vue的依赖包太多,且配置不同的地方需要自己手动修改冲突,过于麻烦(可能是本人太菜了)。就想用git指令全程完成上传到coding及更新(网上的操作太多太杂,而且报错的解决也麻烦)按照这个步骤来一般不会报错。话不多说,进入正题:一.第一次上传到coding(不需要在coding的分支管理上新建分支)git in...

2019-10-16 13:59:21 97

空空如也

空空如也

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

TA关注的人

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