- 博客(58)
- 收藏
- 关注
原创 输入URL到页面加载显示完成的过程
1,输入网址2,通过DNS解析获得网址的对应IP地址3,浏览器与远程web服务器通过TCP三次握手来建立一个TCP/IP连接4,浏览器通过TCP/IP连接向web服务器发送一个HTTP请求5,服务器永久重定向响应(从http://example.com到http://www.example.com)6,浏览器跟踪重定向地址7,服务器处理请求8,服务器返回一个HTTP响应...
2019-05-09 09:46:51
254
原创 TCP协议与UDP协议的区别
TCP与UDP协议的区别:1,连接方面TCP面向连接。(通过三次握手与服务器建立连接)UDP是无连接的 ,即发送数据之前不需要建立连接。2,安全方面TCP提供可靠的服务,通过TCP连接传送的数据,无差错、不丢失、不重复,且按序到达。UDP尽最大努力交付,即不保证可靠交付。3,传输效率的区别TCP传输效率相对较低。UDP传输效率高,适用于对高速传输和实时性有较高要求的通信或广播...
2019-05-09 09:35:36
337
原创 JS判断一个字符串或数组是否回文
可以判断字符串和数组是否回文function checkF1(o){ if(o instanceof Array){ return o.toString() == o.toString().split('').reverse().join(''); } else{ return o == o.split('').reverse().join(''); }}var arr1='...
2019-05-06 13:17:59
1057
原创 JS数组去重并排序
function checkArray(arr){ var result = []; for(var i=0,len=arr.length; i<len; i++){ if(result.indexOf(arr[i]) == -1){ result.push(arr[i]); } } return result.sort();}var arr=[1,1,3,4,9,...
2019-05-06 12:33:49
3729
原创 JS函数柯里化
curring:把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。//普通的add函数function add(a,b){ return a+b;}//curring后function curringAdd(a){ return function(b) { return a+b;...
2019-05-06 11:35:57
213
原创 判断一个JS对象是否为数组的方法
有以下三种方法:一:使用instanceofvar arr=[1,2,3];console.log(arr instanceof Array);//true二:使用原型链方法var arr=[1,2,3];console.log(arr.constructor === Array);//true三:自写一个封装函数,将判断功能加入其中var arr=[1,2,3];funct...
2019-05-06 11:25:51
219
原创 原生JS实现instanceof功能
function f1(left,right){ let prototype = right.prototype; let proto = left.__proto__; while(true){ if(proto === prototype) return true; if(proto === null) return false; //若本次...
2019-05-06 11:09:58
934
原创 常见的前端笔试题(后续不断补充)
(function(){ var a = b = 100;})();console.log(typeof a);console.log(typeof b);函数整体结构是一个匿名函数,声明完后立即执行。输出:undefinednumber注意:var a=b=100;实际上是:(function(){ b = 100; var a = b;})();这里的b就成...
2019-05-01 19:27:12
668
原创 JS String对象方法总结(详)
String对象方法如下:目录:charAt()charCodeAt()concat()fromCharCode()indexOf()includes()lastIndexOf()match()repeat()replace()search()slice()split()startsWith()substr()substring()toLowerCase()...
2019-04-25 20:57:46
334
原创 前端学习---JS for循环面试题
//实例1for(var i=0,j=0;i<6,j<10;i++,j++){ sum1=i+j;}console.log(sum1);//实例2for(var i=0,j=0;j<10,i<6;i++,j++){ sum2=i+j;}console.log(sum2);这里实例1的结果是:18实例2的结果是:10原因在于:循环继续的判断依据以...
2019-04-21 15:36:10
1263
原创 前端学习---ECMAScript 对象类型
在 ECMAScript 中,所有对象并非同等创建的。一般来说,可以创建并使用的对象有三种:本地对象、内置对象和宿主对象。本地对象ECMA-262 把本地对象(native object)定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。简单来说,本地对象就是 ECMA-262 定义的类(引用类型)。它们包括:ObjectFunctionArray...
2019-04-17 20:02:51
220
原创 前端学习---使用原生AJAX从本地txt文件中获取数据
进入正题先给各位看一下我的整体结构:data和js文件夹下分别存放着index.txt待读取文本和编写了ajax的index.js文件index.txt文本里的内容:HTML部分代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
2019-04-17 17:19:57
4146
1
原创 JS 数组(Array)方法总结(含ES6)
JavaScript创建数组有两种方式:(1)使用数组字面量表示法:var arr1 = []; //创建一个空数组var arr2 = [2019];//创建一个包含一项元素的数组var arr3 =["Json","Alan","Tony"];//创建一个包含三个字符串元素的数组(2)使用Array构造函数:var arr4 =new Array();//创建一个空数组var ...
2019-04-16 21:32:30
1091
原创 前端学习---Bootstrap4学习(1)
本次内容总结了Bootstrap4中的一些API归总,并不是关于Bootstrap4的一个系统性的教学:这次总结是方便各位集中记忆,使之在实战中使用这些API更加得心应手:目录:1,网格布局2,文字排版3,Bootstrap4文字颜色4,Bootstrap4背景颜色5,Bootstrap4表格及样式6,Bootstrap4表格背景颜色想使用Bootstrap4除了引用4中给我们的...
2019-04-04 17:21:34
866
原创 前端学习---position属性下absolute和relative的关系和区别
层定位:position属性今天下午设计自己个人项目的时候,在编写导航栏时遇到了关于absolute和relative的一些问题。但我们先来介绍一下position属性的各种取值:position:取值描述static默认值,没有定位,元素出现在正常的流中 (top,right,bottom,left,z-index无效)fixed固定定位,相对于浏览器窗口进行...
2019-03-23 17:53:01
1126
原创 前端学习---ECMAScript 面向对象技术
ECMAScript 面向对象技术面向对象术语对象ECMA-262 把对象(object)定义为“属性的无序集合,每个属性存放一个原始值、对象或函数”。严格来说,这意味着对象是无特定顺序的值的数组。尽管 ECMAScript 如此定义对象,但它更通用的定义是基于代码的名词(人、地点或事物)的表示。类每个对象都由类定义,可以把类看做对象的配方。类不仅要定义对象的接口(interface)...
2019-03-23 09:59:45
404
原创 前端学习---关于JavaScript prototype 属性以及in运算符与instanceof运算符的疑惑
前端学习—关于JavaScript prototype 属性以及in运算符与instanceof运算符的疑惑说prototype属性之前,我们先说一说ECMAScript中的Object对象。Object对象.:Object对象自身用处不大,但ECMAScript中的所有对象都是由这个对象继承而来,Object对象中的所有属性和方法都会出现在其他对象中。Object对象具有下列属性:...
2019-03-21 16:22:03
298
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人