理解TCP/IP协议(二)

作者: 日期:2018-04-15 点击: 650

五、TCP报文数据包IP 数据包在以太网数据包的负载里面,TCP数据包在IP数据包的负载里。TCP 首部各字段的意义和作用TCP首部最小为20字节,这20字节分为5行,每行4个字节也就是32个位。源端口和目的端口 Port 源端口号:16位的源端口中包含初始化通信的端口。源端口和源IP地址的作用是标识报文的返回地址。 目的端口号:16位的目

理解TCP/IP协议(一)

作者: 日期:2018-04-15 点击: 620

理解TCP/IP协议一、协议在计算机网络与信息通讯领域里,人们经常提及 “协议” 一词。互联网中常用的协议有HTTP、TCP、IP等。协议的必要性简单来说,协议就是计算机与计算机之间通过网络通信时,事先达成的一种 “约定”。这种“约定”使不同厂商的设备、不同的CPU以及不同操作系统组成的计算机之

NodeJs中的stream(流)- 基础篇

作者: 日期:2018-04-08 点击: 267

一、什么是Stream(流) 流(stream)在 Node.js 中是处理流数据的抽象接口(abstract interface)。 stream 模块提供了基础的 API 。使用这些 API 可以很容易地来构建实现流接口的对象。 流是可读的、可写的,或是可读写的。 二、NodeJs中的Stream的几种类型 Node.js 中有四种基本的流类型: Readable - 可读的流(fs.createReadStream())

Promise 详解与实现(遵循Promise/A+规范)

作者: 日期:2018-04-08 点击: 665

1.什么是Promise?Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一 2.对于几种常见异步编程方案 回调函数 事件监听 发布/订阅 Promise对象这里就拿回调函数说说1.对于回调函数 我们用Jquery的ajax获取数据时 都是以回调函数方式获取的数据$.get(url, (data) =>

NODE中一些常用的基础知识讲解

作者: 日期:2017-12-31 点击: 591

NODE只是一个工具(或者环境),我们可以把NODE安装在服务器上,NODE提供的环境可以运行JS代码,这样我们就可以在服务器端使用JavaScript编写一些处理服务器相关操作的程序,也可以理解为JS变为了后台编程语言。 1、NODE是基于V8引擎来渲染JS的(V8是谷歌的引擎) 渲染JS的速度会很快 我们在使用JS开发后台程序的时候,不需要考虑浏览器兼容了,使用JS的最新标准即可(ECMAScript) 2、单线程、无阻塞I/O操作、事件驱动(event-

Git基础知识精讲

作者: 日期:2017-11-23 点击: 459

Git基础知识精讲,想看更多视频或者想了解更多关于前端技术的文章,请关注"zhufeng-peixun"的微信公告号

Express中使用pjax实现页面无刷新加载

作者: 日期:2017-07-06 点击: 1132

先看下pjax的浏览器兼容版本创建项目,引入文件创建一个express项目,引入jquery, jquery-pjax 文件写一个拦截器var pjaxFilter = function(req, res, next) { if (req.get('X-PJAX')) { next(); } else { //如果不是pjax请求的话直接返回布局模板 res.render('layout', { titl

MongoDB基本命令语句

作者: 日期:2017-05-23 点击: 376

一、MONGODB基本命令用法成功启动MongoDB后,再打开一个命令行窗口输入mongo,就可以进行数据库的一些操作。输入help可以看到基本操作命令: show dbs:显示数据库列表 show collections:显示当前数据库中的集合(类似关系数据库中的表) show users:显示用户 use :切换当前数据库,这和MS-SQL里面的意思一样

React从入门到精通系列之(6)事件处理

作者: 日期:2017-02-19 点击: 599

五、事件处理使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异: React事件使用驼峰命名法,而不是全部小写命名。 使用JSX你传递一个函数作为事件处理程序,而不是一个字符串。 例如,HTML:<button onclick="activeLasers()"> Active Lasers </button>在React中略有不同:<butt

React从入门到精通系列之(5)state管理和生命周期钩子

作者: 日期:2017-02-19 点击: 455

State和生命周期考虑前面部分中的滴答时钟示例(第三章)。到目前为止,我们只学习了一种更新UI的方法。我们调用ReactDOM.render()来改变渲染输出:function tick() { const element = ( <div> <h1>Hell world</h1> <h2>It is {new Date().toLocaleTimeSt

使用Node实现Http代理

作者: 日期:2017-02-17 点击: 2540

在前端开发中,我们越来越来不开http代理的使用,例如我们常用fiddle(或chales)的原理就是代理到你本机的域名,当我们跨域GFW到外面呼吸新鲜空气也需要通过代理来实现,当我们需要本地直接映射到线上代码时,http proxy也能帮我们实现。通常我们所说的代理来源于http1.1的定义,代理扮演的是「中间人」角色,对于连接到它的客户端来说,它

WebPack基础入门教程

作者: 日期:2017-02-16 点击: 781

webpackwebpack是一款强大的模块加载器兼打包工具,是目前市场上最常用的构建自动化平台的工具之一,它能把各种资源,例如:JS(含JSX)、样式(含less/sass)、图片等进行合并压缩和打包,最后把所有的资源都汇总到HTML页面中。1、基础使用首先在全局下安装webpack,体验一下它的命令操作npm install webpack -g//->安装完成后,我们可以查看到w

React的一些特性概括

作者: 日期:2017-02-15 点击: 945

ReactReact中有两大核心组件: react:核心库 (React) react-dom:提供与DOM相关的功能 (ReactDOM)npm install react react-dom &ndash;save-dev1、JSX和DOM操作//->在入口中导入CSS,使用WEB-PACK编译部署require('./css/index.css');//->导入需要的模块(ES6语法)import React f

基于Node.js的爬虫入门

作者: 日期:2017-01-20 点击: 975

Node.js出现后,爬虫便不再是后台语言如PHP,Python的专利了,尽管在处理大量数据时的表现仍然不如后台语言,但是Node.js异步编程的特性可以让我们在最少的cpu开销下轻松完成高并发的爬取。另外由于现在许多网站都有了反爬虫手段,对付这些手段最合适的当然是可以在浏览器中直接运行的JS,这也使得基于Node.js的爬虫技术越来越受重视。 今天就来讲一讲基于Node.js的爬虫入门,以爬虫程序中万年躺枪的豆瓣电影网为例(豆瓣的网站不需要登陆也可以查看大部分内容,不

NODE开发中的一些基础知识

作者: 日期:2017-01-20 点击: 288 JavaScript培训

NODE是一个以webkit(V8)引擎来渲染和解析JS的平台,在没有NODE之前,JS是一门基于客户端浏览器运行的脚本编程语言;JS是前端编程语言;在有了NODE之后,JS也可以运行在NODE环境中了,我们可以把NODE安装在服务器端,这样我们就可以在服务器端执行JS,JS也可以处理服务器端的业务逻辑了;JS是后台编程语言...

使用webpack搭建前端工作流

作者: 日期:2017-01-19 点击: 656

使用webpack搭建完整的前端工作流基本环境 git版本管理 nodejs全局环境 atom编辑器 chrome浏览器webpack介绍初始化项目 git init npm init -y mkdir src && cd src && touch index.js component.js touch index.html .gitignore README.md 编写.gitignor

微信小程序基础教程(逻辑层 APP Service)

作者: 日期:2017-01-18 点击: 1733

小程序二【逻辑层 App Service】 小程序开发框架的逻辑层是由JavaScript编写。逻辑层将数据进行处理后发送给视图层,同时接受视图层的事件反馈。 在 JavaScript 的基础上,我们做了一些修改,以方便地开发小程序。&middot; 增加 App 和 Page 方法,进行程序和页面的注册。&middot; 增加 getApp 和 getCurrentPages

微信小程序基础教程(目录结构与配置)

作者: 日期:2017-01-18 点击: 436

【目录结构】小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下: JS文件就不用说了,跟原生JS道理一样,.Json文件是配置文件由小程序内置的方法,属性,api来配置,wxss跟我们的CSS文件一个意思app.js是小程序的逻辑,app.json是小程序的公共设置,app.wxss是小程

webpack中library和libraryTarget使用场景

作者: 日期:2017-01-17 点击: 3947

接下来我们来说说library和libraryTarget的使用场景。有些时候我们想要开发一个库,如lodash、underscore这些,这些库既可以用commonjs和amd的方式使用,也可以通过script标签的方式引入使用,目前很多库都是支持这几种使用方式的。这时候我们就可以使用library和libraryTarget了,我们只需要用用es6的方式写代码,如何编译成umd就交给

webpack中的externals的使用

作者: 日期:2017-01-17 点击: 14898

externals官网文档解释的很清楚,就是webpack可以不处理应用的某些依赖库,使用externals配置后,依旧可以在代码中通过CMD、AMD或者window/global全局的方式访问。怎么理解呢?我们先通过官网说的那个jquery的案例来理解。有时我们希望我们通过script引入的库,如用CDN的方式引入的jquery,我们在使用时,依旧用require的方式来使用,但是

珠峰webpack最全入门教程

作者: 日期:2017-01-15 点击: 489 webpack

webpack是一款强大的模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理

微信小程序开发教程(二)

作者: 日期:2017-01-13 点击: 253

微信官方给出的微信小程序开发指南还非常简单,很多细节、代码和功能都没有明确的展示,这篇文章给出详细的开发课程

微信小程序开发教程(一)

作者: 日期:2017-01-09 点击: 327

本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程序的启动日志。

web前端全栈开发课程-socket.io中文文档

作者: 日期:2017-01-06 点击: 387

Socket.IO是一个WebSocket库,包括了客户端的js和服务器端的nodejs,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用.socket.io封装了服务端和客户端,使用起来非常简单方便,socket.io支持跨平台,socket.io会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用

实现基于项目约定的 ajax 通用性封装

作者: 日期:2016-11-18 点击: 290

ajax 实现的基本原理是 XMLHttpRequest 或 fetch api。简单的 ajax 请求,只需要几行代码即可实现:const url = '/rest/xxx';const xhr = new XMLHttpRequest();xhr.open('GET', url);// xhr.open('POST', url);xhr.responseType = 'json

详解 JavaScript 的类

作者: 日期:2016-11-18 点击: 243

前言Javascript从当初的一个“弹窗语言”,一步步发展成为现在前后端通吃的庞然大物。javascript的受欢迎程度也是与日俱增,今年最受欢迎编程语言又是花落javascript,这实在是一个充满了活力的语言。如今,随随便一个网页 JS 代码量都不下数千行,要是node后端那更不止几千行了。(WTF)代码量的增加给编程带来的首要的问题就

JavaScript 中 4 种常见的内存泄露陷阱

作者: 日期:2016-11-18 点击: 235

了解 JavaScript 的内存泄露和解决方式!在这篇文章中我们将要探索客户端 JavaScript 代码中常见的一些内存泄漏的情况,并且学习如何使用 Chrome 的开发工具来发现他们。读一读吧!介绍内存泄露是每个开发者最终都不得不面对的问题。即便使用自动内存管理的语言,你还是会碰到一些内存泄漏的情况。内存泄露会导致一系列问题,比如:运

数据结构与算法JavaScript (二) :队列

作者: 日期:2016-11-18 点击: 225

队列是只允许在一端进行插入操作,另一个进行删除操作的线性表,队列是一种先进先出(First-In-First-Out,FIFO)的数据结构队列在程序程序设计中用的非常的频繁,因为javascript单线程,所以导致了任何一个时间段只能执行一个任务,而且还参杂了异步的机制,那么带来的问题:1. 在异步操作执行的时候,同步代码还在继续,那么同步代码依赖异步,自然

数据结构与算法JavaScript (一) 栈

作者: 日期:2016-11-18 点击: 225

序数据结构与算法JavaScript这本书算是讲解得比较浅显的,优点就是用javascript语言把常用的数据结构给描述了下,书中很多例子来源于常见的一些面试题目,算是与时俱进,业余看了下就顺便记录下来吧git代码下载:https://github.com/JsAaron/data_structure.git 栈结构特殊的列表,栈内的元素只能通过列表的一端访问,栈顶后入先出(LIFO,l

学习 JavaScript 数据结构(一)——栈和队列

作者: 日期:2016-11-18 点击: 273

前言只要你不计较得失,人生还有什么不能想法子克服的。几乎所有的编程语言都原生支持数组类型,因为数组是最简单的内存数据结构。javascript也有数组类型,而数组呢,其实就是一种特殊的栈或是队列,利用javascript Array所内置的API可以很方便的模拟栈和队列。 正文我想对于数组每一个学过编程语言的都不会陌生吧,我们知道,我们可以

珠峰nodejs培训之less教程

作者: 日期:2016-09-09 点击: 465

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。

珠峰nodejs培训之socket.io教程

作者: 日期:2016-09-09 点击: 430

Socket.IO是一个WebSocket库,包括了客户端的js和服务器端的nodejs,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。

珠峰nodejs培训之websocket入门

作者: 日期:2016-09-09 点击: 332

Socket.IO是一个WebSocket库,包括了客户端的js和服务器端的nodejs,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。

珠峰nodejs培训之react经典入门

作者: 日期:2016-09-09 点击: 598

在最热门的前端框架,毫无疑问是 React 。 上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。 由于 React 的设计思想极其独特,属于革命性创新,性能出众,

珠峰nodejs培训之nodejs中的加密与解密

作者: 日期:2016-08-29 点击: 341

在应用程序的很多场合,我们需要进行数据的加密与压缩处理。 在node.js中,使用crypto模块来实现数据的加密解密处理,使用zlib模块来实现数据的压缩与解压缩处理。