2018年10月_小瑾沐晚风

原创 JavaScript数组去重，排序

一. 去重1. 使用ES6里面的SetSet类似于数组，但是其中成员的值唯一，没有重复的值。Array.from可将Set结构转换为数组。2.使用indexOf思路：因为indexOf（）方法可以用来制定某个字符在字符串中首次出现的位置，如果用在数组中，indexOf() 方法可返回数组中某个指定的元素位置。如果在新数组temp中首次出现的位置为-1（即没有出现过）...

2018-10-31 19:06:10 520

原创 node路由

1.创建服务器let http = require("http");//创建服务器let server=http.createServer((req,res)=>{ console.log(req.url); res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"}) res.write("&...

2018-10-30 17:45:35 709

转载 nodejs的模块

什么是模块?node.js通过实现CommonJS的Modules/1.0标准引入了模块(module)概念,模块是Node.js的基本组成部分.一个node.js文件就是一个模块,也就是说文件和模块是一一对应的关系.这个文件可以是JavaScript代码,JSON或者编译过的C/C++扩展.Node.js的模块分为两类，一类为原生（核心）模块，一类为文件模块。在文件模块中，又分为3类...

2018-10-30 16:35:11 155

原创 Node.js Stream(流)

Stream 是一个抽象接口，Node 中有很多对象实现了这个接口。例如，对http 服务器发起请求的request 对象就是一个 Stream，还有stdout（标准输出）。Node.js，Stream 有四种流类型： Readable - 可读操作。 Writable - 可写操作。 Duplex - 可读可写操作. Transform - 操作被...

2018-10-29 20:57:35 98

原创 Node.js Buffer(缓冲区)

JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。在 Node.js 中，Buffer 类是随 Node 内核一起发布的核心库。Buffer 库为 Node.js 带来了一种存储原始数据的方法，可以让 Node.j...

2018-10-29 17:10:46 231

原创 Node.js EventEmitter

Node.js 所有的异步 I/O 操作在完成时都会发送一个事件到事件队列。Node.js 里面的许多对象都会分发事件：一个 net.Server 对象会在每次有新连接时触发一个事件，一个 fs.readStream 对象会在文件被打开的时候触发一个事件。所有这些产生事件的对象都是 events.EventEmitter 的实例。EventEmitter 类events 模块只提供...

2018-10-29 10:39:28 94

原创 node.js的特点及其应用场景

1.特点（1）善于I/O，不善于计算当应用程序需要处理大量并发的I/O，而在向客户端发出响应之前，应用程序内部并不需要进行非常复杂的处理的时候，node.js就非常适用。node.js也非常适用与websocket配合，开发长连接的实时交互应用程序。node.js最擅长的就是任务调度，如果你的业务有很多CPU计算，实际上相当于这个计算阻塞了这个单线程就不适用于node开发。（2）天...

2018-10-28 16:24:24 2881

转载 node的三个特点

所谓的特点，就是Node.js是如何解决服务器高性能瓶颈问题的。node.js是单进程单线程应用程序，但是因为V8引擎提供的异步执行回调接口，通过这些接口可以处理大量的并发，所以性能非常高node.js基本上所有的事件机制都是用设计模式中的观察者模式来实现的。 1. 单线程在Java、PHP或者.net等服务器端语言中，会为每一个客户端连接创建一个新的线程。而每个线程需要...

2018-10-28 16:07:54 1416

原创 Mongodb

//1.创建一个it666的数据库use it666;db//2.向数据库的college集中中加入6个文档（HTML5，java，区块链，python,大数据，（PHP，“世界上最好的语言”））db.colleges.insert([{name:'HTML5'},{name:"java"},{name:'区块链'},{name:'python'},{name:'K12'},...

2018-10-19 20:09:07 177

转载 web中的会话跟踪

一、什么叫会话跟踪记录用户一段时间内的逻辑上相关联的不同访问请求个过程叫“会话跟踪”。通过用户在每次对服务请求时的唯一标识，可以跟踪会话。二、会话跟踪产生的原因我们都知道Internet通信协议可以分为有状态协议和无状态协议，而我们在WWW上进行的访问HTTP协议是一个无状态协议，这种协议无法将用户的一个请求与另一个关联，这样有怎么能让...

2018-10-09 20:46:51 201

转载关于JS的同步和异步

关于js中的同步和异步最近看到前端面试问到js中的同步和异步，这个问题该怎么回答？梳理一下，js对于异步的处理，很多人的第一反应是ajax，这只能说是对了一半。 1.个人觉得，js中，最基础的异步是setTimeout和setInterval函数，很常见，但是很少人有人知道其实这就是异步，因为它们可以控制js的执行顺序var timeoutID = window.setTim...

2018-10-09 17:20:50 10046 1

转载块级标签和行内标签

块级元素：<address>、<caption>、<dd>、<div>、<dl>、<dt>、<fieldset>、<form>、<h1>、<h2>、<h3>、<h4>、&am

2018-10-09 11:20:40 596

转载闭包

1.概念闭包是指有权访问另一个函数作用域中的变量的函数。2.用途闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。3.注意点1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部...

2018-10-08 21:22:19 99

转载 TCP的三次握手与四次挥手（详解+动图）

背景描述通过上一篇中网络模型中的IP层的介绍，我们知道网络层，可以实现两个主机之间的通信。但是这并不具体，因为，真正进行通信的实体是在主机中的进程，是一个主机中的一个进程与另外一个主机中的一个进程在交换数据。IP协议虽然能把数据报文送到目的主机，但是并没有交付给主机的具体应用进程。而端到端的通信才应该是应用进程之间的通信。UDP，在传送数据前不需要先建立连接，远地的主机在收到UDP报文后...

2018-10-08 20:59:11 126

转载 HTTP协议基础

HTTP 简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。 HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器作为HTTP...

2018-10-08 20:56:19 106

转载彻底搞懂HTTP协议

转自http://www.akathink.com/2016/07/28/%E5%BD%BB%E5%BA%95%E6%90%9E%E6%87%82HTTP%E5%8D%8F%E8%AE%AE/ 在做网络编程（无论传统的Web开发，还是当前比较流行的的移动开发）的时候，我们用到最多的网络传输协议，可能就是HTTP协议了。作为开发者的我们可能更多的也只是去关注哪个第三方类库传输效率更高，哪个库...

2018-10-08 20:54:59 479

转载 Web前端性能优化——如何提高页面加载速度

前言：在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访问速度每慢400ms就导致用户搜索请求下降0.59%;Amazon每增加100ms网站延迟将导...

2018-10-07 20:16:00 193

1、什么是CDN？　　在介绍CDN加速之前，我们先来简单的了解一下什么是CDN？CDN（Content Delivery Network）即内容分发网络，其基本思路是尽可能的避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输更快、更稳定。通过在网络各处放置节点服务器所构成的现有互联网基础之上的一层虚拟网络，CDN系统能够实时的根据网络流量和各节点的连接，负载状况以及用户的距离和...

2018-10-07 19:59:11 406

原创 promise基础用法

Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise所谓Promise（一个构造函数），简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。P...

2018-10-07 19:52:53 141

转载事件委托

概述：那什么叫事件委托呢？它还有一个名字叫事件代理，JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。那这是什么意思呢？网上的各位大牛们讲事件委托基本上都用了同一个例子，就是取快递来解释这个现象，我仔细揣摩了一下，这个例子还真是恰当，我就不去想别的例子来解释了，借花献佛，我摘过来，大家认真领会一下事件委托到底是一个什么原理：...

2018-10-07 19:19:31 5922 6

转载 CSS Sprite是什么，谈谈这个技术的优缺点

CSS Sprites是一种网页图片应用处理方式，就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位。其优点在于：减少网页的http请求，提高性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；减少图片的字节：多...

2018-10-07 17:37:28 541

原创 Ajax跨域及其解决方法

一、什么是跨域所谓"同源"指的是"三个相同"。协议相同域名相同端口相同举例来说，http://www.example.com/dir/page.html这个网址，协议是http://，域名是www.example.com，端口是80（默认端口可以省略）。目的同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。限制范围随着互联网的发展，"同源政策...

2018-10-07 17:33:59 168

转载 Ajax缓存

一、什么是Ajax缓存原理Ajax在发送的数据成功后，会把请求的URL和返回的响应结果保存在缓存内，当下一次调用Ajax发送相同的请求时，它会直接从缓存中把数据取出来，这是为了提高页面的响应速度和用户体验。当前这要求两次请求URL完全相同，包括参数。这个时候，浏览器就不会与服务器交互。关于Ajax的更多内容请参考《Ajax简介》二、Ajax缓存的好处这种设计使客户端对一些静态页面内...

2018-10-07 10:50:47 106

原创 Ajax基础

什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：新浪微博、Googl...

2018-10-07 10:30:05 151

原创 sass整理

1.sass是什么？ CSS的预处理语言，必须依赖于ruby脚本2.要使用sass必须安装ruby 注意环境变量的添加3.安装ruby进入ruby的控制台（start command prompt with ruby） gem install sass 测试sass是否安装成功 sass -v4.sass语法 *.sass 旧的语法，没有{}...

2018-10-05 21:26:07 181

原创 less整理

1.什么是less?less是一门CSS预处理语言（不能直接渲染页面，要编译成CSS文件才可以），它是对CSS的扩充，增加了变量、函数、嵌套的功能，让网页开发中的CSS更容易维护，提高开发效率。2.如何安装less？在命令行：npm install -g less 验证less有没有安装成功？lessc -v 创建一个less文件，书写less代码 .编译less文件 ...

2018-10-05 20:25:29 289

原创 JavaScript中的双向链表

双向链表也叫双链表，是链表的一种，它的每个数据结点中都有两个指针，分别指向直接后继和直接前驱。所以，从双向链表中的任意一个结点开始，都可以很方便地访问它的前驱结点和后继结点。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title&

2018-10-03 21:14:36 332

原创 JavaScript中的单向链表

链表存储有序的元素集合，但不同于数组，链表中的元素在内存中并不是连续放置的。每个元素由一个存储元素本身的节点和一个指向下一个元素的引用（也称为指针或链接）组成。下图讲解：相对于传统的数组，链表的一个好处在于，添加或移除元素的时候不需要移动其他元素。然而，链表需要使用指针，因此实现链表的时候需要注意。数组的另一个细节是可以直接访问任何位置元素，而要想访问链表中间的一个元素，需要从起点（表头）...

2018-10-03 20:47:53 174

原创 viewport

一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这...

2018-10-01 20:19:51 126

原创 CSS单位

1.pxpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。2.em em是相对长度单位。相对于当前对象内文本的字体尺...

2018-10-01 19:33:19 1927

原创弹性布局

1.弹性布局简介弹性布局，又称为“flex布局”，是W3C于2009年推出的一种布局方式，可以简单、快速、响应式的实现各种布局页面，取而代之的是“position+display+float”，现在已经得到了所有主流浏览器的支持。了解两个基本概念：① 容器：需要添加弹性布局的父元素；② 项目：弹性布局容器中的每一个子元素，称为项目；了解两个基本方向：① 主...

2018-10-01 16:38:30 26933 4

小瑾沐晚风的博客