m0_60013147的博客

原创 Vuex的使用

为了更好的实现组件间数据的共享，Vuex是我们更好的选择。

原创 Set数据结构

Set 类似于数组，但它的成员是唯一的，没有重复值。可以通过实例化创建构造函数。可以用作数组去重。

原创 数组Array扩展方法

Array.from(),find(),findIndex(),includes()

原创 浅拷贝与深拷贝

深拷贝，浅拷贝

原创 javscript中call()、apply()、bind()

bind()方法不会调用函数，当能改变this指向(不想立即使用函数又想改变this指向可以使用)apply()方法调用一个函数，也可以改变this指向。可以利用apply借助于数学内置对象求数组最大值。call也可以改变this函数指向。改变this指向时也可以传参。call函数可以调用函数。

原创 数组迭代（遍历）方法：forEach()、map（）、filter()、some（）、every（）

【代码】数组迭代（遍历）方法：forEach()、map（）、filter()、some（）、every（）

原创 构造函数原型prototype

对象都会有一个属性__proto__指向构造函数的原型对象，我们之所以可以调用构造函数原型对象prototype里面的方法，就因为__proto__原型的存在。（__proto__与prototype是等价的）每一个构造函数都有一个prototype属性，指向另一个对象。这个prototype对象的所有属性和方法都会被构造函数所拥有。我们可以将那些不变的方法定义在prototype对象上，那么所有实例对象就可以共享这些方法了。构造函数通过原型分配的函数是所有对象共享的。

原创 Git的安装与使用

在自己项目中，通过点击鼠标右键打开"Git Bash"，然后执行git init 命令将当前的目录转化为Git仓库。Git的标准工作流程是工作区->暂存区->Git仓库,有时候这会很麻烦所以可以跳过暂存区直接提交，加上-a就可以跳过暂存区了。6、暂存区有一个等待被提交到Git仓库保存的文件，可以用 git commit 进行提交，其中-m后面是本次提交信息，用来对内容进一步描述。7、使用 (git checkout -- 文件名) 可以将工作区的文件还原成Git仓库保存的版本(危险性高，谨慎使用）。....

原创 XMLHttpRequest上传文件

XMLHttpRequest上传文件，显示文件上传进度

原创 Vue自定义指令

私有、全局自定义指令

原创 JavaScript字符串方法

trim()创建一个字符串的副本，删除前置及后缀的所有空格，并返回结果。 var str = " study javascript"; console.log(str); //输出 study javascript console.log(str.trim()); //输出study javascriptsplit()根据分隔符、将字符串拆分成数组。 var str = "javascript

原创 JavaScript遍历数组和对象

for循环遍历数组for ...in遍历数组和对象均可//用for循环遍历数组var arr = new Array("orange", "banana", "apple"); //创建数组 for (var i = 0; i < arr.length; i++) { console.log(arr[i]); }用for...in遍历数组 var arr = new Array("orange", "banana",

原创 HTTP常用消息头

Request Header:GET/sample.Jsp HTTP/1.1 //请求行Host:www.uuid.online///请求的目标域名和端口号Origin:http://ocalhost:8081///请求的来源域名和端口号(跨域请求时，浏览器会自动带上这个头信息)Referer: https:/localhost:8081/link?query=xxxxx //请求资源的完整URIUser-Agent:Mozilla/5.0(Windows NT 10.0;Win64;x

原创 响应消息和状态行

响应消息1.HTTP/1.1 200OK //响应状态行2.Date:Mon,30 Jul 2018 02:50:55 GMT //服务端发送资源时的服务器时间3.Expires:Wed,31 Dec 1969 23:59:59 GMT //比较过时的一种验证缓存的方式，与浏览器(客户端)的时间比较，超过这个时间就不用缓存(不和服务器进行验证)，适合版本比较稳定的网页4.Cache-Control:no-cache//现在最多使用的控制缓存的方式，会和服务器进行缓存验证，具体见博文”Ca.

原创 Http常用请求方法

1、GET方法GET方法用于使用给定的URi从给定服务器中检索信息，即从指定资源中请求数据。使用GET方法的请求应该只是检索数据，并且不应对数据产生其他影响。在GET请求的URL中发送查询字符串(名称/值对)，需要这样写:/test/demo_form.php?name1=value1&name2=value2说明:GET请求是可以缓存的，我们可以从浏览器历史记录中查找到GET请求，还可以把它收藏到书签中;且GET请求有长度限制仅用于请求数据(不修改)。注:因GET请求的不安全性，在处理敏

原创 js中var,let

var使用var声明的变量的作用域是它当前执行的上下文，它可以是嵌套的函数，或者对于声明在任何函数外的变量来说是全局。(var没有块级作用域)1.看清楚定义变量的位置，并不是所有变量都是全局变量，如在函数内定义变量，那它只在函数中有效。 function demo() { var x = 10; //这里定义的是在函数内的全局变量，只在函数内有效 y = 20; //这里定义的是全局变量，不过这里在严格模式下会抛

原创 数组的增删操作

push()函数，pop()函数,shift()函数,unshift()函数,splice()函数

原创 转义字符“\”

转义字符为反斜杠“\”它可以让你使用一些无法使用的一些字符，比如一段字符串里有双引号，这时就需要用到转义字符了。常见的有\' 单引号 \" 双引号 \\ 反斜杠 \n 换行符 \r 回车符 \t 制表符 \b 退格 \f 换页符 ...

原创 表单静态页面

这是我在一个叫freeCodeCamp网站找到的表单小项目，这个项目整体来说并不难，只是一个静态的网页设计，对于新手练习来说应该是个不错的选择。index.html<div class="mybackground"> <h1 id="title">freeCodeCamp Survey Form</h1> <p id="description"><i>Thank you for taking the t..

原创 frame与iframe

原创 使用bootstrap框架实现图片轮播

<!-- 图片轮播 --> <div id="myCarousel" class="carousel slide"> <!-- 轮播索引 --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> ..

原创 在vscode写前端比较好用的插件

这个插件应该是比较方便的，编写代码时能实时更新同步到浏览器。这个插件让vscode整体英变中。按alt+shift+T可以翻译这个我认为是特别使用的，它可以实现标签前后同时改名，可以不用再改一次结束标签了。这个是括号匹配高亮，写代码比较长的时候这个就很实用。...

原创 使用jQuery实现图片轮播

图片轮播的基本原理如下图可以设置overflow：hidden来隐藏除了要显示的图片之外的图片（即其他三张图）以下为实现代码index.css文件放置css代码*{ margin: 0; padding: 0;}.container{ width: 100em; margin: 0 auto;}/* 所有图片div */.myimage{ position: absolute; width: 400%;}/* 单张..

原创 实现iframe自适应高度

//iframe标签属性<iframe src="overview.html" frameborder="0"width="100%" scrolling="no" id="myIframe" name="myiframe" onload="Iframe()"></iframe> function Iframe() { //获取子页面高度（即src页面高度） var ifm = $("#myIframe").content.