peri_ha-CSDN博客

原创 axios

来自于妙味课堂课程ppt，作学习记录。一、axios介绍二、使用mock模拟后端数据三、使用axios四、自定义请求实例五、取消请求六、并发请求七、拦截器八、在vue中使用axios六...

2018-05-14 14:59:02 225

普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'),没找到直接调用者,则this指的是 window (约定俗成)3.在严格模式下,没有直接调用者的函数中的this是 undefined4.使用call,apply,bind(ES5新...

2018-05-03 16:18:19 157

转载图片的懒加载与预加载

提到前端性能优化中图片资源的优化，懒加载和预加载就不能不说。懒加载的要点如下：1.图片进入可视区域之后请求图片资源；2.对于电商等图片较多，页面很长的业务场景很适用；3.可以减少无效资源的加载；4.并发加载的资源过多会阻塞js的加载，影响网站的正常使用；如何实现懒加载呢？要点就是html中img标签src属性为空，给一个data属性，里面存放图片真实地址，在需要的时候，动态的将这个地址赋予图片sr...

2018-05-03 14:29:37 270

转载单例模式

传统单例模式　　保证一个类仅有一个实例，并提供一个访问它的全局访问点。实现单例核心思想用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象，接下来我们用JavaScript来强行实现这个思路。var Singleton = function(name) { this.name = name; this.ins...

2018-05-03 14:15:31 100

原创网络基础汇总

因特网的分层模型应用层: 支持网络应用FTP、HTTP、DNS、SMTP、DHCP、 RIP 等运输层: 主机到主机数据传输TCP, UDP网络层: 从源到目的地数据报的选路ARP、IP、ICMP、OSPF、BGP等数据链路层: 在邻近网元之间传输数据ALOHA、CSMA或CSMA/CD、TDMA、FDMA、CDMA物理层: “在线上”的比特任何一种调制解调体制UDP和TCPUDP特点：是无连接的...

2018-04-14 22:53:18 139

原创排序刷题笔记

po一张复杂度先：一些总结：总排序趟数与初始状态无关的有：（除了快速排序和优化的冒泡，其他都是）算法复杂度与初始状态无关的有：堆排序、归并排序、选择排序、基数排序。元素总比较次数与初始状态无关的有：选择排序、基数排序。元素总移动次数与初始状态无关的有：归并排序、基数排序。直接插入排序属于稳定的排序，最坏时间复杂性为O(n^2)，空间复杂度为O(1)。最好情况下的时间复杂度为 O(n)。-...

2018-04-14 20:02:04 1180

原创 Ajax详解

Ajax：AsynchronousJavaScript and XML（异步JavaScript和XML)Ajax技术的核心操作是用XmlHttpRequest对象进行异步数据处理。所谓异步，可以理解为是非阻塞的方式，后面的程序不必等待当前的处理完了再执行。为什么AJAX可以不用刷新就能与服务器进行交互？——依靠XMLHttpRequest 对象实现（所有现代的浏览器都支持 XMLHttpReq...

2018-04-05 15:53:03 196

原创 Jsonp

跨域请求（访问）：一个域名下的文件请求另外一个域名下的资源，就产生了跨域。script标签的src： --可以跨域，用script标签加载资源是没有跨域问题的 --被包含的资源可以是任何类型的文件(可以是txt,php等)，只要保证内容是合法js即可，不认后缀，只认内容。原理：在资源加载进来之前定义好一个函数，这个函数接收一个参数（数据），函数里面利用这个参数做一些事情。然后需要的时候...

2018-04-05 15:52:28 80

原创 js基础笔记

注：本文为初学js时的笔记，未详细检查，仅作为本人学习记录查阅，内容可能有瑕疵。js功能1.数据的验证2.将动态内容写入到网页中（ajax）3.可对事件做出响应4.可读写html中的内容5.可检测浏览器（是手机还是电脑访问，谷歌浏览器可以模拟手机界面）6.模拟动画js特点面向对象编程oop：Object oriented programming不仅可以写在<head>也可写在<b...

2018-04-05 15:29:54 483

原创 html基础笔记

注：本文为初学html时的笔记，未详细检查，仅作为本人学习记录查阅，内容可能有瑕疵。<!doctype html>帮助浏览器解析文档<head>放与浏览器相关的不需要展示的部分，写关键词与描述。>>>>实现搜索引擎优化 <meta name="keywords"content="关键词的内容，一般3-5个"/> &l

2018-04-05 15:14:14 166

原创 CSS基础笔记

注：本文为初学css时的笔记，未详细检查，仅作为本人学习记录查阅，内容可能有瑕疵。css四种引入方式行内样式，嵌入式样式style，引入样式link，导入样式@importurl("")选择器标签选择器，id选择器，类选择器，交叉选择器p.hd(中间没有空格），子代选择器#box p（有空格），群组选择器逗号，通用选择器*hover几乎可以用于所有标签css继承性继承的是父级元素文字相关样式叠加性...

2018-04-05 15:08:39 208

原创 DOM对象的操作

DOM方法getElementById()getElementsByTagName()getElementsByClassName()appendChild()RemoveChild()replaceChild()insertBefore()createAttribute()创建属性节点。createElement()创建元素节点。createTextNode()创建文本节点。getAttribu...

2018-04-05 14:55:32 115

原创正则表达式

常用正则：邮箱：^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$允许汉字作为名称前缀：^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$手机号：myreg=/^[1][3,4,5,7,8][0-9]{9}$/; 其他：https://zhidao.baidu.com/ques...

2018-04-05 14:27:23 251

原创 javascript排序

首先复杂度牢记：心情不稳定，希望快选堆朋友来玩。时间复杂度：冒泡，选择，插入排序都是O(n^2); 希尔，快速，堆，归并排序都是O(nlogn);冒泡排序function bubbleSort(arr){ for(let i=0;i<arr.length-1;i++){ for(let j=0;j<arr.length-i-1;j++){ ...

2018-04-05 14:08:48 122

原创一些链接mark

前端作品http://hungerworks.com/图标http://www.iconfont.cn/http://www.tupwk.com.cn/downpage/清华大学出版社资源下载http://www.fgm.cc/learn/https://zhuanlan.zhihu.com/p/22766255练手项目http://www.w3school.com.cn/html5/ html...

2018-04-05 13:49:14 273

原创 jquery面试题

jQuery 库中的 $() 是什么？$() 函数是 jQuery() 函数的别称。$()函数用于将任何对象包裹成 jQuery 对象，接着你就被允许调用定义在 jQuery 对象上的多个不同方法。你可以将一个选择器字符串传入 $() 函数，它会返回一个包含所有匹配的 DOM 元素数组的 jQuery 对象。如何找到所有 HTML select 标签的选中项？$('[name=selectna...

2018-04-04 21:58:43 406

原创 js面试题

什么是语义化的html？1.直观的认识标签对于搜索引擎的抓取有好处，用正确的标签做正确的事情！2.html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。3.使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。 Doctype作用？标准模式与兼容模式各...

2018-04-04 21:57:29 666

原创面试必读[0]

第一章 CSS盒模型 1.基本概念：说说标准模型，IE模型？ 2.两种模型的区别？标准模型的宽高只包括内容区宽高。IE盒模型的宽/高等于边框+内边距+内容宽/高。3.CSS如何设置两种模型？box-sizing:border-box;IE模型box-sing:content-box;标准模型4.JS如何获取盒模型对应的宽高？以下四中方法都要知道，还有通用性的区别。dom.style.width/h...

2018-04-04 21:50:55 206

原创日期、Math、数组API、对象API

字符串对象方法slice(start,end) 截取substr(start,个数) 截取指定数目字符。split(‘拆分符号’) 字符串->数组。concat() 连接字符串。charAt() 返回指定位置的字符。charCodeAt()返回所在位置字符的 Unicode 编码。fromCharCode(unicode编码) 返回unicode对应字符串。indexO...

2018-04-04 21:26:15 149

原创同步与异步

同步和异步的区别？分别举一个同步和异步的例子区别在于是否会阻塞后面的代码执行。---异步，输出：1,3,2---console.log('1'); setTimeout(() => { console.log('2'); }, 100); console.log('3');---同步，点击弹出框后才会弹出3---console.log('1'); alert('2'); consol...

2018-04-04 21:17:59 119

转载 vue面试题

说下你对mvvm的理解？双向绑定的理解?答： Model模型层，用来定义驱动的数据、View视图层经过数据改变后的html、ViewMode通过data属性连接Model模型层，通过el属性连接View视图层。用来实现双向绑定单向绑定就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新。如果用户更新了View，Model的数据也自动被更新了，这种情...

2018-04-04 21:11:30 676

原创面试必读[1]

Html+css基础基本的布局(中间自适应旁边固定啥的)的几种实现方法：http://www.cnblogs.com/PeriHe/p/8278020.htmlhttp://www.cnblogs.com/PeriHe/p/8277611.html垂直居中的几种实现方法：http://www.cnblogs.com/PeriHe/p/8278504.htmlCSS清除浮动的方法http://www...

2018-04-04 21:09:09 126

原创模块化

作用：解决全局变量污染，命名冲突，依赖关系管理，代码更加可读，提高复用性模块规范是用来约束每个模块，让其必须按照一定的格式编写。AMD,CMD,CommonJS 是目前最常用的三种模块化书写规范。三种模块1、AMD（AsynchronousModule Definition）：异步模块定义，所谓异步是指模块和模块的依赖可以被异步加载，他们的加载不会影响它后面语句的运行。有效避免了采用同步加载方式中...

2018-04-04 21:07:30 172

qq_37124490的博客