2018年08月_Corner1990

原创 webpack4学习(二)

手动配置热更新// 手动出发热更新if (module.hot) {// module.hot.accept()// 指定某一个文件自动更新 module.hot.accept('a.js', function () { console.log('hot update') })}// 抽离样式侯不能实现热更新// 目前的解决方案就是开发环境下关闭抽离css...

2018-08-30 10:25:24 447

原创 webpack4学习(一)

大家都很熟悉了。如Vue，react等都用他打包，为了提高司机的开车体验，一下介绍一些30迈的飙车技巧，老司机勿喷依赖标识项目依赖， --save 上线开发都需要--save-dev 开发依赖，只有开发时使用安装npm install webpack webpack-cli -Dyarn add webpack webpack-cli -D// 运行...

2018-08-22 13:49:08 210

原创 koa学习三

最后处理ctx和回调的问题，以及服务器error的报错处理koa.js内容// let Koa = require('koa')let Koa = require('./koa/application')// koa 是一个类，有两个方法，一个叫做use 一个叫做listenlet app = new Koa()app.listen(3000)// 第一个中间件中调...

2018-08-21 19:39:21 285

原创 koa学习二

之前完成了request的封装，现在封装response对象，并挂载response对象到ctx上applaction.jslet http = require('http')let context = require('./content')let request = require('./request')let response = require('./respo...

2018-08-21 19:38:44 186

原创 koa学习一

koa作为学习node来说是一个很不错的框架，简单轻巧易上手，哈哈哈，然后美美的吧异步代码写成同步，明显是居家旅行必备的好东西啊！！项目基本架构project│ README.md│ koa.js //用来在开发的时候调用框架│└───koa│ │ application.js //主程序│ │ content.js // 封装ctx对象...

2018-08-21 19:38:08 226

原创手写一个服务器(四)

之前处理了常用的功能，这一节主要处理命令行参数，并在最后上传至npm将当前包链接之全局进入到当前包的根目录，然后使用命令 npm link 这里需要注意的是，每次修改配置文件以后都需要重新执行命令 npm link配置执行目录和命令bin首先需要在package.json 添加命令bin// package.json"bin": { "my...

2018-08-16 09:51:22 227

原创手写一个服务器(三)

上一节完成了目录以及内容返回，这一节完成文件的缓存，分片下载，压缩这节的修改代码都在./src/app.js压缩// p 资源路径 statObj 当前资源状态 compress (req, res, p, statObj) { // 拿到请求头 let header =req.headers['accept-encoding']...

2018-08-16 09:50:41 317

原创手写一个服务器(二)

上一节我们完成的服务起的目录搭建，并写了一个简单的服务，在这一节，将完成函数封装，返回内容…偷懒神器每次我么在写玩代码都需要重新启动服务，简直蠢的不要不要的，这里我们使用 supervisor // supervisor 热更新模块安装： npm install supervisor -g 使用：supervisor ./src/app.js...

2018-08-16 09:49:41 127

原创手写一个服务器(一)

2018-08-16 09:48:54 1026 1

原创 HTTP之proxy

Web 代理是一种存在于网络中间的实体，提供各式各样的功能。现代网络系统中，Web 代理无处不在。提高访问速度。因为客户要求的数据存于代理服务器的硬盘中，因此下次这个客户或其它客户再要求相同目的站点的数据时，就会直接从代理服务器的硬盘中读取，代理服务器起到了缓存的作用，对热门站点有很多客户访问时，代理服务器的优势更为明显。Proxy可以起到防火墙的作用。因...

2018-08-12 15:25:48 23623

原创 http之压缩

在学习HTTP的时候我们会发现所有的HTTP请求和响应头都是独立的知识点，相互之间并没有关联，只有在实际的项目中，我们可能会用到多个响应头的设置。例如缓存，我们通常会使用协议缓存，强缓存，和ETAG，为了减少数据传输报的内同，我们通常会使用压缩来节省流量，这里学习一下node的压缩模块zlib 要学习压缩，首先要了解两个头， Content-Encoding: gzip 服务端...

2018-08-12 15:24:10 1150

原创 HTTP缓存

缓存的作用减少了冗余的数据传输，节省了网费。减少了服务器的负担，大大提高了网站的性能加快了客户端加载网页的速度缓存分类强制缓存如果生效，不需要再和服务器发生交互，而对比缓存不管是否生效，都需要与服务端发生交互两类缓存规则可以同时存在，强制缓存优先级高于对比缓存，也就是说，当执行强制缓存的规则时，如果缓存生效，直接使用缓存，不再执行对比缓存规则强制缓存强制缓...

2018-08-07 21:20:05 134

原创 HTTP之crypto

crypto是node.js中实现加密和解密的模块在node.js中，使用OpenSSL类库作为内部实现加密解密的手段 OpenSSL是一个经过严格测试的可靠的加密与解密算法的实现工具散列(哈希)算法散列算法也叫哈希算法，用来把任意长度的输入变换成固定长度的输出,常见的有md5,sha1等相同的输入会产生相同的输入不同的输出会产生不同的输出任意的输入长度输出长...

2018-08-02 18:00:13 596

原创 HTTP之断点续传

这里主要是理解http断点续传的原理，如何通过http请求头操作，以及相应的请求和响应头的设置。server端实现// 断点续传// 客户端要发一个头 Range:bytes = 0 -1// 服务端返回一个头// Accept-Ranges:bytes// COntent-Ranges: 0-10/总大小const http = require('http')...

2018-08-02 08:47:02 3695

原创 HTTP之多语言

很多时候我们需要处理多语言，而且网上多语言的解决方案很多，如设置cookie，请求头….. 我们这里用请求头做一个小demo，用来学习http请求头，顺便理解一下多语言的实现思路,话不多说，上代码// 多语言切换 vue-i18n// 可以支持语言切换// Accept-Language:[zh-CN,zh;q=0.9,en;q=0.8,fr-FR;q=0.7]// 服...

2018-08-01 08:48:52 2563

原创 HTTP之防盗链

很多时候别人直接把我们的网站的资源拿去在他们网站展示，但是消费的是我们的流量，为了解决这种问题，才会有防盗链这个思路这里说的只是一个简单的概念，既使用host和reffer请求头做对比，简单的做一个处理，主要是用来熟悉http头这里就是代码// 防盗链实现// 这里主要是通过reffer和host做对比，如果不是当前域，则给一张无用的图片// 实现读取let...

2018-08-01 08:48:15 19720 2

我是渣渣