银辟法斯特-CSDN博客

原创 ES6之Set和Map数据结构

SetSet类似于数组，但是和数组有着显著的区别：每个值唯一为了确保Set中的值的唯一性，需要判断Set中的值是否相等，判断机制不同于‘===’，不同点在于Set中的NAN被视为相同的值。*早期草案中‘-0’和‘+0’为两个不同的值，现已被修正不会发生类型转换·向Set中添加值得时候不会发生类型转换，采取上文相等的判断机制，需要注意的是两个对象总是不相等的。set可接受一个可遍...

2018-10-16 11:39:28 264

原创 ES6之let和const

letlet的用法类似于var，但是let所声明的变量只在它所在的代码块有效。与var进行比较：{ var a=100 let b=200}console.log(a) //100console.log(b) //ReferenceError: b is not defined我们可以看到，在块内声明的b在块作用域外不能被访问。这一特性经常被...

2018-10-03 21:23:30 173

原创 2018京东在线笔试第一道编程题javascript解法

第一次参加在线笔试,因为没有经验,以为选择题也能用本地编辑器.结果悲剧地被记录一次切换窗口编程题一共两道.第二道题我对题目理解困难.只做了第一道题;题目:给出一个数组,输出一个数,这个数插入数组后这个数组的中位数不变;有小数保留一位事例:输入: 5(范围1~100) 1 2 3 4 5(个数1~100)输出: 3解释:...

2018-09-09 21:32:56 382

原创 CSS之常用自适应+定宽布局

左边自适应,右边固定宽度思路:1.右边元素float:right2.主元素不定宽,设置margin-right为右元素宽度3.HTML树:右元素+主元素代码:HTML:<div class="right">right</div><div class="main">main</div>CSS: * { ...

2018-09-07 16:46:18 277

原创 JS代码实现new,bind,call和apply

new分析：通过new方法生成实例的原理：1、产生了一个新的实例对象。2、通过改变this的指向继承构造函数的属性和方法。3、继承了原型链上的属性和方法。新对象的__proto__指向构造函数的prototype。用代码来实现:function myNew(fun) { return function() { let ob...

2018-09-06 13:37:51 331

原创 Cookie和Session的比较

CookieCookie是一种弥补HTTP协议无状态连接的不足的机制，使得服务器能够在两次HTTP请求的空白期中，能通过下一次上传Cookie中的数据，跟踪用户行为，保持状态。Cookie由服务端存储到客户端，并且每次HTTP请求，会通过HTTP协议的请求头发送给服务端的将客户端的数据发送给服务端使用;Cookies是一种基于客户端的机制，客户端上Cookie直接存储了所有的信息；...

2018-09-06 13:35:10 161

原创 JavaScript之订阅-发布模式

它主要包含了两类对象:发布者:一个或多个,每当有重要事情发生后,会通知订阅者; 订阅者,追随一个或多个发布者,监听它们的通知,并作出相应的反应;DOM中的时间绑定是经典的订阅-发布模式的应用订阅-发布模式的主要组成:由回调函数构成的订阅者数组; 用于添加和删除订阅者的addSubscriber()和removeSubscriber()方法; publish()方法,授受并传递数...

2018-09-06 13:32:38 256

原创 TCP连接的三次握手和四次挥手

面试中常常问到的三次握手和四次挥手，整理于互联网。TCP连接特点：面向连接全双工保证可靠拥塞控制建立连接：三次握手三次握手（three times handshake；three-way handshake）所谓的“三次握手”即对每次发送的数据量是怎样跟踪进行协商使数据段的发送和接收同步，根据所接收到的数据量而确定的数据确认数及数据发送、接收完毕后何时撤消联系，并建立...

2018-08-30 15:36:49 172

原创 JavaScript之类型检测

1、typeoftypeof undefined; //undefinedtypeof true; //booleantypeof 1; //numbertypeof NaN; //numbertypeof function(){}; //functiontypeof new Object(); //objecttyp...

2018-08-30 14:45:45 147

原创浏览器同源策略和跨域

同源策略同源策略是对JavaScript代码对Web内容的操作权限的一个安全限制。它规定了一段JavaScript代码只能对来自相同网络协议，相同域名，相同端口的Web内容进行操作。举个例子： http://www.example.com https://www.example.com 不同源！网络协议不同 http://www.example.com:...

2018-08-24 16:17:17 345

原创 JavaScript之六大基本数据类型回顾

在编程语言中,能够表示并能操作的值称作数据类型,今天我就对javascr中的基本数据类型做一个回顾.六大基本数据类型Javascript中有六大基本数据类型,分别是String,Number,Boolean,Null,Undefined,Symbol(ES6新增);1.String字符串是由一组十六位值组成的不可变有序序列.字符串拆分:用反斜线'\'可以另起一行常用字符...

2018-08-19 15:28:55 459 1

原创个人博客技术栈总结

我是怎么开始的自从学习前端开始,就有自己搭建网站的想法,有了一个目标之后,一切努力都变得顺其自然于是图书馆埋头苦肝,每天十二个小时,连续奋战一个多月之后我现在的状态是这样的==>眼眶发黑,头发茂密,面色憔悴嗯,是程序猿没错了不过在这一个月里我也对web端到服务端都有了一定的了解,也具备了搭建一个小型网站的一些技术栈,于是就开始了浩浩荡荡的面向百度编程项目....

2018-08-17 21:30:58 1915

原创 jquery无缝轮播图

html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮播图</title> <script src="jquery-3.3.1.js"&a

2018-07-25 23:11:17 212

原创基于CSS伪元素边框的小三角形

效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三角形</title> <style> div {

2018-07-18 22:29:40 1246

原创 JavaScript之原型

原型指由同一个构造函数实例化的对象的一个公共的祖先，叫做原型。所有实例化的对象继承同一个原型的属性和方法。通过prototype构造原型： function Person(name,age){ this.name=name; this.age=age; Person.prototype.weight="20kg"...

2018-07-15 11:30:32 232

原创 JavaScript之DOM操作总结

选取文档元素通过ID选取元素document.genElementById("id")通过名字选取元素document.getElementByName("name")通过标签名选取元素document.getElementByTagName("tagname")通过CSS选择器获取元素document.querySelector(选择器)doc...

2018-07-11 22:19:12 345

什么是闭包？作用域链中的函数对象相互关联，同时函数内部的变量在作用域内保存起来，这种特性叫做闭包。从技术的角度讲，JavaScript中的函数都是闭包。闭包的实现涉及到JavaScript中的垃圾回收机制。当调用JavaScript函数的时候，建立了一个新的对象来保存局部变量，把这个对象添加到作用域链中。函数返回的时候，就将这个绑定变量的对象删除，以节省内存空间。但是，当定义了嵌套函数，并作为返回...

2018-07-10 12:56:50 171

原创 JavaScript之声明提前

什么叫声明提前在JavaScript中，函数所声明的变量在整个函数体都是有定义的；（包括函数体内嵌套的函数体）这一特性可以形象地理解为声明的变量被提前到函数体顶部，被称作声明提前；需要注意的是，变量的定义并没有被提前，而是留在原位置；例如： console.log(scope); //输出为undefined；变量的定义没有被预解析 ...

2018-07-06 13:18:12 294

原创 CSS之清除浮动的几种方法

为什么要清除浮动？在标准流的布局中，一个父盒子下有多个子盒子时，如果不给定高度，父盒子会随着子盒子的高度而撑开。然而当我们给子盒子浮动的属性后，由于浮动的块级元素不占标准流的块级元素的位置，父盒子并未随着子盒子的高度而撑开，而是“坍缩”成一个高度为0的块级元素。这会影响父盒子下面块级元素的布局。所以清除浮动，是为了不影响其他元素，消除浮动带来的影响。清除浮动的几种方法。...

2018-07-03 13:19:58 394

原创 CSS之浮动（float)的概念

要弄懂浮动首先要了解标准流的概念标准流（normal flow)是指在html中标签元素按照默认方式排列下的布局默认方式下块级元素单独占一行，而文字和行内块元素则从左往右依次排列。举个简单的例子： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2018-07-01 17:05:50 1204

Slartibartfast的博客