qq_44242084的博客

原创 Linux参考命令

1、文件与文件夹（目录）操作命令可以参考：http://www.runoob.com/linux/linux-command-manual.html1）rm:删除命令例：$ rm -i 文件名------------->有询问“Y/N”； rm -r 文件名 --------------->删除该文件夹和子目录下的所有文件；例：$ rm -f ...

原创 关于vue-router的一些理解

1，Vue路由的实现原理 ❤2.SPA 路由history模式上线后刷新404 ❤3，route和route和route和router的区别 ❤4.自定义过滤器详解5，自定义指令详解6，assets和static的区别 ❤一：Vue路由的实现原理路由这个概念最初是由后端提出来的，在我们没有SPA单页面应用之前，使用的一直都是后端路由，根据不同的路由返回不同的页面，后来随着单页面应用的...

原创 readyState与status的几种状态

什么是readyStatereadyState是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。readyState总共有5个状态值，分别为0~4，每个值代表了不同的含义，如下表所示：　　0 未初始化状态：此时，已经创建了一个XMLHttpRequest对象1 准备发送状态：此时，已经调用了XMLHttpRequest...

翻译 xml与json的区别

1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。XML是标准通用...

原创 link和@import的区别理解

我们都知道外部引入 CSS 有2种方式，link标签和@import。但是这两者还是有很大区别的，开发中比较建议使用link引入外部css样式。区别1.从属关系区别@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。2.加载顺序区别加载页面时，link标签引入的 CSS 被同时加...

原创 防抖动函数与函数节流例子

函数防抖 debounce原理：将若干函数调用合成为一次，并在给定时间过去之后，或者连续事件完全触发完成之后，调用一次(仅仅只会调用一次！！！！！！！！！！)。函数节流 throttle原理：当达到了一定的时间间隔就会执行一次；可以理解为是缩减执行频率举个栗子：还是以scroll滚动事件来说吧，滚动事件是及其消耗浏览器性能的，不停触发。以我在项目中碰到的问题，移动端通过scroll实现分...

原创 浏览器渲染过程

DMO加载过程：网页文档加载都是按顺序执行的。一般浏览器渲染操作顺序大致是一下几个步骤：1.解析HTML结构2.加载外部脚本和样式表文件3.解析并执行脚本代码4.构造HTML DOM模型5.加载图片等外部文件6.页面加载完毕...

原创 VUE学习笔记（第一天）

v-cloak、v-text、v-html的使用v-on的缩写以及其事件修饰符v-module实现数据双向绑定，用在表单元素之中可以将对象写进vue对象的数据里面迭代普通数组可以添加索引值一起输出迭代对象数组迭代对象迭代数字v-for使用注意事项：第一天学习总结：...

原创 es6中set的了解

//创建set数据结构// const s1 = new Set(); // console.log(s1.size) // const s2 = new Set(["a", "b"]); // console.log(s2.size)//数组去重 // const s3 = new Set(["a","a","b","b"]); // console.log(s3....

原创 js中正则表达式的理解

// 正则表达式在js中的使用 // 1. 利用 RegExp对象来创建 正则表达式 var regexp = new RegExp(/123/); console.log(regexp); // 2. 利用字面量创建 正则表达式 var rg = /123/; // 3.test 方法用来检测字符串是否符合正则表达式要求的规范 con...

原创 浅拷贝和深拷贝

浅拷贝过去的只是地址，两个对象的age指向的是同一份数据// 深拷贝拷贝多层, 每一级别的数据都会拷贝. var obj = { id: 1, name: 'andy', msg: { age: 18 }, color: ...

原创 函数内this的指向以及改变指向的call、apply、bind方法

原创 navigator对象与history对象

原创 js继承方式

想要继承，就必须要提供个父类（继承谁，提供继承的属性）　一、原型链继承重点：让新实例的原型等于父类的实例。特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！）缺点：1、新实例无法向父类构造函数传参。2、继承单一。3、所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性...

原创 XMLHttpRequest对象的readyState与status的几种状态码

XMLHttpRequest对象的readyState与status的几种状态码表示的意思:readyState有五种状态：0 (未初始化)： (XMLHttpRequest)对象已经创建，但还没有调用open()方法；1 (载入)：已经调用open() 方法，但尚未发送请求；2 (载入完成)： 请求已经发送完成；3 (交互)：可以接收到部分响应数据；4 (完成)：已经接收到了全部数据...

原创 ES6中新增的基本数据

在 ES6 有 7 种基本数据类型：undefined、null、Boolean、String、Number、Object、Symbolundefined（未定义）：表示变量未初始化，属性不存在，函数没有返回值null（空值）：表示变量为空值Boolean（布尔值）：true 或 falseString（字符串）：单引号字符串 ‘’ 或 双引号字符串 “”Number（数值）：范围 [-...

原创 XML 与 HTML 的主要差异

1.什么是 XML?XML 指可扩展标记语言（EXtensible Markup Language）XML 是一种标记语言，很类似 HTMLXML 的设计宗旨是传输数据，而非显示数据XML 标签没有被预定义。您需要自行定义标签。XML 被设计为具有自我描述性。XML 是 W3C 的推荐标准2.XML 与 HTML 的主要差异XML 不是 HTML 的替代。XML 和 HTML 为...

原创 关于原型与原型链的理解

构造函数某种程度上是一个对象，即每一个对象都有prototype属性，该属性成为原型，该属性可以是一个对象也可以是一个null值，如果是一个对象，则该原型也有一个prototype属性，于是形成了一条线性链，成为原型链。以下总结解释拿构造函数来解释原型和原型链，原型因为通常是一个对象，所以称为原型对象，构造函数实例化的每一个对象都有一个__proto__属性，指向的是原型，是es6中新增的，之前...

原创 js继承方式

一、对象冒充Js代码 收藏代码//对象冒充，是指将父类的属性和方法一起传给子类作为特权属性和特权方法function Person(name,age){this.name = name;this.age = age;this.sayHi = function(){alert(‘hi’);}}Person.prototype.walk = function(){alert(‘...

原创 location对象

原创 MVC与MVVM之间的关系图解

原创 关于闭包的见解

什么是闭包，闭包的用途是什么？答案在函数内部调用函数外部的变量，那这个变量与这个函数称为闭包。<function f1() {var a = 1function f2() {console.log(a)}return f2} var result = f1()result() // 1上面的代码中函数f2内部调用了函数外部的变量a，故函数f2与变量a形成了闭包。最后将...

原创 call apply bind总结

原创 js中instanceof的使用

在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例。另外，更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。例如：function Foo...

原创 es5新增方法描述

原创 类的本质

原创 DOM与BOM

原创 构造函数、实例、原型对象三者关系

原创 H5新增标签之audio与video

原创 H5新增表单标签及表单属性

新增表单标签：新增表单属性：

原创 XHTML与HTML5

历史：1991年Tim Berners Lee这个人编写了一个HTML的文档。1995年11月IETF发表了HTML2.0.1994年，Tim Berners Lee成立了W3C组织，成文了web标准的制定者，随后相继发表了HTML3.2和HTML4.0，HTML4.01.随后W3C在HTML中引入了XML，成为了XHTML。W3C闭门造车的作风引起了各大浏览器厂商的不满。于是各大浏览器厂商联合...

原创 css中常用单位长度

在css中单位长度用的最多的是px、em、rem，这三个的区别是：px是固定的像素，一旦设置了就无法因为适应页面大小而改变。em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素。...

原创 IE盒模型与W3C标准盒模型区别

1.W3C标准盒子模型从上图可以看出，w3c盒子模型的范围包括margin、border、padding、content,并且content部分不包含其他部分。2.IE盒模型从上图可以看出，IE盒子模型的范围包括margin、border、padding、content,和w3c盒子模型不同的是，IE盒子模型的content部分包含了padding和border....

原创 浏览器渲染过程：

浏览器渲染过程1.解析HTML，生成DOM树，解析CSS，生成CSSOM树。2.将DOM树和CSSOM树结合，生成渲染树（Render tree）。3.Layout（回流）：根据生成的渲染树，进行回流，得到节点的几何信息。4.Painting（重绘）：根据渲染树以及回流得到的节点，获取绝对像素。5.Display：将像素发给GPU，展示在页面上...

原创 H5新增标签：

article: 标签定义外部的内容。aside:标签定义 article 以外的内容。aaudio:h5新增音频标签。没有高宽属性。canvas:h5新增画布标签。command: 定义命令按钮(未测试)datalist：标签定义选项列表。datalist 及其选项不会被想显示出来，它仅仅是合法的输入值列表。details：标签用于描述文档或文档某个部分的细节。figure：标签...

原创 HTTP请求状态码

HTTP请求状态码：200：请求被正常处理204：请求被受理但没有资源可以返回206：客户端只是请求资源的一部分，服务器只对请求的部分资源执行GET方法，相应报文中通过Content-Range指定范围的资源。301：永久性重定向302：临时重定向303：与302状态码有相似功能，只是它希望客户端在请求一个URI的时候，能通过GET方法重定向到另一个URI上304：发送附带条件的请求...

原创 css—width继承篇

1.当符合css默认“继承”的情况下（子元素必须是块级元素且无定位或浮动），是不需要写width属性，就可以默认“继承”的。否则就要特殊声明一下width属性。2.当使用width:100%的时候 也要注意其基准点到底是谁：（1）对于使用position:relative的子元素或浮动的子元素,其基准点始终是基于其直接父元素而言的，跟其父元素是否有定位无关。（2）对于绝对定位positio...

原创 sublimetext3平时主要用的插件

插件安装方法：按快捷键 Ctrl+Shift+p ，打开 “Command Palette” 悬浮对话框，在顶部输入 “install”, 然后下选点击 “Package Control:Install Package”。在悬浮对话框中输入插件名称，然后点选下面的插件名称，就会自动开始安装。点击菜单“Preferences”看见“Package Settings”项，就能看到你所安装的插件。...

翻译 JavaScript基础

学习目标:掌握编程的基本思维掌握编程的基本语法typora-copy-images-to: mediaJavaScript基础HTML和CSS 京东网页、网站和应用程序网页：单独的一个页面网站：一些列相关的页面组成到一起应用程序：可以和用户产生交互，并实现某种功能。演示JavaScript的强大http://impress.github.io/impress.js...

翻译 Web APIs

JS语法页面文档对象模型浏览器对象模型JSECMAScriptDOMBOMAPI应用程序编程接口，就是一个工具，以便于能轻松实现想要完成的功能Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API（DOM和BOM）DOM可以改变网页的内容、结构和样式DOM树[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-G2sT7SRi-157...