2019年12月_业火之理

原创【读书笔记】图解HTTP第九章收获

基于HTTP的功能追加协议HTTP瓶颈HTTP协议探知服务器上是否存在内容更新，就必须频繁到服务端确认，如果服务端没更新，就会产生徒劳的通信。SPDY的目标陆续出现的Ajax和Comet技术，一定程度上使HTTP得到了改善，但HTTP协议本身限制令人束手无策，为了根本性的改善，需要有一些协议层面上的改动。SPDY没有完全改写HTTP协议，而是在TCP/IP层与传输层之间通过新加会话...

2019-12-28 01:40:09 158

原创【读书笔记】设计模式第十七十八章收获

观察者模式又称发布订阅者模式或者消息机制，定义了一种依赖关系，解决了主体对象与观察者之间的功能耦合。这个发布订阅跟我们平时说的一样，作者举的是发布评论或者删除评论的例子，函数里使用个_message做闭包，返回对象里包含对这个_message对象的操控。var Observer=(function(){var _message={}return{regist:function(){...

2019-12-27 23:05:34 119

原创【javascript】常用正则分组捕获匹配

前言今天别人问了个正则问题把我问住了，匹配半天没匹配出来，最终到处找资料搞定了，因为js的正则匹配和其他语言有些区别，还有分组方面有些坑，特此记录下js正则常用捕获符必须先弄懂这个，基础就不说了，里面还有些坑。小括号就是分组，分组里面有这样几种：(?=) positive lookahead 正向前瞻型捕获(?!) negative lookahead 负向前瞻型捕获(?...

2019-12-27 16:04:58 1537

原创【图书笔记】图解HTTP第八章收获

确认访问用户身份的认证密码：只有本人才会知道的字符信息动态令牌：仅限本人持有的设备内显示的一次性密码数字证书：仅限本人（终端）持有的信息。生物认证：指纹和虹膜等本人生理信息。IC卡等：仅限本人持有的信息。HTTP/1.1使用如下认证：BASIC认证DIGEST认证SSL客户端认证FormBase认证BASIC认证从HTTP/1.0就定义的认证方式，现在仍有一部分网站用...

2019-12-26 20:49:24 130

原创【读书笔记】设计模式十五十六章收获

享元模式运用共享技术有效地支持大量细粒度的对象，避免对象间拥有相同内容造成多余的开销。作者举了个要创建多个新闻的例子。把每个新闻包装一下在扔进dom很累，可以使用享元类达到需求。var Flyweight =function(){ var created=[] function create(){ var dom =document.creatElement('div') d...

2019-12-26 19:11:06 112

原创【图书笔记】图解HTTP第七章收获

HTTPSHTTPS并非应用层的一种新协议，只是HTTP通信结果口部分用SSL和TLS协议代替。通常HTTP直接和TCP通信，当用SSL时，则变成先和SSL通信，再由SSL和TCP通信。我们一般加解密需要有密钥，传统加密方式只要密钥被人偷了就能破解。这种加密方式一般叫做共享密钥加密，我看有些资料叫对称加密。有种加密方式叫非对称加密或者叫公开密钥加密。它是把私钥自己保管，公钥发给别人，对方使...

2019-12-26 00:02:56 382 5

原创【读书笔记】设计模式十三十四章收获

桥接模式桥接模式是在系统沿着多个维度变化的同时，又不增加其复杂度并已达到解耦。作者举了个要给每个元素增加移入移出的特效。这时候就需要把公用逻辑抽离出来，在每个元素事件里进行调用。这就相当于桥接了。简单说这个桥接就是抽离公用逻辑。将实现层与抽象层解耦分离。组合模式又称部分-整体模式，将对象组合成树形结构以表示“部分整体”的层次结构。组合模式使对象的使用具有一致性。这个模式作者举的例...

2019-12-25 21:05:49 107

原创【读书笔记】图解HTTP第六章收获

HTTP首部HTTP首部字段HTTP首部字段是由首部字段名和字段值构成，中间用冒号分割若HTTP首部字段重复，根据浏览器内部处理逻辑的不同，结果可能并不一致。HTTP首部字段根据实际用途被分为以下4种类型通用首部字段请求首部字段相应首部字段实体首部字段端到端首部，分在此类别种的首部会转发请求/响应对应的最终接收目标，且必须保存在由缓存生成的响应中。另外规定它必须转...

2019-12-24 17:47:16 156

原创【读书笔记】设计模式第十一十二章收获

代理模式由于一个对象不能直接引用另一个对象，所以需要通过代理对象在这2给对象之间起到中介作用。作者举了跨域请求的例子。可以利用代理模式进行请求。图片的src，jsonp都是。作者后来说了个代理模板，使用的是form target指向iframe实现跨域的古老技术。这个技术我没咋看懂，有需要百度。装饰者模式在不改变原对象的基础上，通过对其包装拓展，使原有对象可以满足用户的更复杂需求。...

2019-12-24 16:00:56 115

原创【javascript】链式调用的几种模式套路总结

前言有很多经典的库都实现了链式调用，但实际他们采用的方法都不太一样。总结一下。一、原型对象链式调用代表就是jqueryfunction ClassA(){ this.prop1 = null; this.prop2 = null; this.prop3 = null; } ClassA.prototype = { method...

2019-12-24 00:53:22 1448

原创【读书笔记】图解HTTP第五章收获

与HTTP协作的Web服务器HTTP /1.1允许一台HTTP服务器搭建多个Web站点。HTTP通信时，除客户端和服务器以外，还有一些用于通信数据转发的应用程序，例然代理、网关、隧道。这些应用程序和服务器可以将请求转发给通信线路上的下一站服务器，并且能接收那台服务器发送的响应再转发给客户端。代理是一种转发功能的应用程序，扮演了位于服务器和客户端中间人角色，接收客户端发送的请求并转发...

2019-12-23 17:01:09 153 1

原创【读书笔记】设计模式第九章第十章收获

外观模式外观模式就是为一组复杂子系统接口提供一个更高级的统一接口。作者举了个不同浏览器存在兼容问题，所以要做适配，于是写了个函数里面是if什么什么各种条件判断。简单说这模式就是二次封装。我觉得我们封装axios那些也算外观模式。适配器模式适配器模式就是将一个类（对象）的接口（方法或者属性）转化为另一个接口，以满足用户需求。作者举个例子，公司以前开发个框架A，特别像jq...

2019-12-23 15:49:25 111

原创【读书笔记】图解HTTP第四章收获

返回结果的HTTP状态码1xx 信息性状状态码接收请求正在处理2xx 成功状态码请求正常处理完毕3xx 重定向状态码需要进行附加操作以完成请求4xx 客户端错误状态码服务器无法处理请求5xx 服务器错误状态码服务器处理请求出错200 OK 表示客户端发来的请求在服务器端被正常处理了204 No Content 该状态码代表服务器...

2019-12-22 20:34:07 167

原型模式原型模式是用原型实例指向创建对象的类，使用于创建新的对象的类共享原型对象的属性以及方法。这一章没啥意思，其实就是前面说的js的语言特性。作者举了个要做轮播图的例子，一开始逻辑全写一个类里，后来做改进就是把公用部分，也就是图片的各种播放方法放原型链上。然后说了由于原型对象可以扩展，非常方便。最后说的就是原型继承，就是把子类的原型对象复制一份父类的原型对象上方法。书上说不用new就创建新...

2019-12-22 20:06:04 92

原创【读书笔记】图解HTTP第三章收获

HTTP报文内的HTTP信息HTTP报文的报文首部与报文主体通过空行（CR+LF）来划分，通常不一定要有报文主体。GET /HTTP/1.1 是请求行。HTTP/1.1 200 OK 是状态行。编码提升传输速率报文是HTTP通信的基本单位，由8位组字节流组成，通过HTTP通信传输。实体作为请求或响应的有效载荷数据（补充项）被传输，其内容由实体首部和实体主体组成。通...

2019-12-21 18:46:10 115

原创【读书笔记】设计模式第五章第六章收获

第五章抽象工厂模式抽象工厂模式：通过对类的工厂抽象使其业务用于对产品类簇的创建，而不负责创建某一类产品的实例。抽象类。作者意思是子类继承父类，而父类原型链上绑的方法调用给与抛出错误返回，这样在子类继承父类并生成实例调用原型链方法时，方法如果没有被重写就会报错。博主以前学的抽象类其实就是只能继承，自己不能生成实例或者调用。这个抽象工厂模式，我花了点时间才搞懂作者这个啥意思。其实就是我创建个...

2019-12-21 16:58:41 114

原创【读书笔记】图解HTTP第二章收获

简单的HTTP协议发送请求GET /index.html HTTP/1.1Host : hackr.jp起始行开头GET表示请求访问服务器类型。方法随后的字符串指明了请求访问资源对象。URI最后是HTTP版本号。协议版本Host那些属于请求首部字段。响应请求HTTP/1.1 200 OKDate: Tue, 10 Jul 2012 06:05:15 GMTConten...

2019-12-20 20:01:15 152

原创【读书笔记】设计模式第三章第四章收获

第三章简单工厂模式简单工厂模式，又叫静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要用来创建同一类对象。作者举了个例子，每个方法都写一个类，这样别人做下一个功能想复用你的方法就变得非常麻烦。于是就会请个向导来得到对应的类。我看了这个感觉其实就是套一层而已：var PopFactory = function (name){ switch(name){ case 'al...

2019-12-20 18:58:08 142

原创【读书笔记】图解HTTP第一章收获

前言这书一共11章，一天一章，争取11天干完，每章总结收获。第一章了解web及网络基础一些背景知识HTTP被译为超文本传输协议，严谨译名应该叫超文本转移协议。3项WWW构建技术，HTML，HTTP，URL（这里书中的语句有点怪，好像有点歧义）WWW是web浏览器当年浏览超文本客户端应用程序时的名称。现在表示这一系列的集合，也称web。1990年11月，CERN研发了世界上第一...

2019-12-19 22:32:12 148

原创【读书笔记】设计模式第一章第二章收获

前言博主趁双12买了本javascript设计模式，为了使自己加紧看完，一共有40章节，每天2章，20天搞定。个人觉得这个书还挺有意思。第一章灵活的语言 Javascript第一部分，主要是说别挂太多全局变量，有以下几个解决办法：一、使用对象把各种方法包起来二、使用函数返回各种方法（不推荐函数把函数包起来，书上解释是实例化无法获得）三、使用类的写法（就是函数里面在this里...

2019-12-19 21:00:56 136

原创【css】转盘游戏实现

前言转盘游戏是经常要制作的小游戏，看别人用渐变实现很有意思，一个转盘也是很复杂的。本文实现参考了徐小夕大佬的公众号。样式部分单个扇形实现：利用border-radius和linear-gradient来渐变。做扇形还有一种思路，就是先做正方形，然后用skew进行形变，变成菱形，再定位到相应位置，拿容器overflow hidden一下就行。这里采用linear-gradient，...

2019-12-19 14:19:00 840

原创【websocket】原生实现方式记录

前言虽然现在有比较好用的socket.io库，但是原生实现websocket特别有助于了解其到底是怎么工作的。原理websocket应用层协议，它基于TCP传输协议，并复用HTTP的握手通道。前置知识数据帧格式WebSocket客户端、服务端通信的最小单位是帧，由1个或多个帧组成一条完整的消息。发送端：将消息切割成多个帧，并发送给服务端接收端：接收消息帧，并将关...

2019-12-18 06:04:06 287

原创【docker】记录docker-compose的安装配置

作用由于需要使用多个容器来配置，不同容器间还有先后安装顺序，所以才有了docker-compose在配置文件中，所有的容器通过services来定义，然后使用docker-compose脚本来启动、停止和重启应用和应用中的服务以及所有依赖服务的容器。运行docker-compose up，Compose 将启动并运行整个应用程序配置文件组成。services 可以定义需要的服务，每个服...

2019-12-17 14:06:42 239

原创【docker】通过dockerfile来构建镜像

背景记录docker制作express的镜像流程流程先连上电脑，建立个nodeapp文件夹安装nvm，输入：wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash如果提示拒绝连接，那么需要用git安装，输入：yum -y install gitgit...

2019-12-16 14:59:38 266

原创【docker】安装制作入坑笔记

背景天天听群里那么多人吹docker，自己又没用过，早就想试一下了。安装CentOS为了节省买服务器的钱，我通过虚拟机做一个centos8的系统。vmware虚拟机下载链接：https://pan.baidu.com/s/1EOl2k4chiPx20cuBvijBaQ提取码：tsflcentos8下载选择简易安装，然后会出现pane is dead，估计是因为它以为是cent...

2019-12-14 07:24:45 239 2

原创【nodejs】不用WebSocket模拟即时通讯的几种方式（Comet与SSE）

背景最近学了websocket，感觉很有趣，特别是不用websocket也能模拟出即时通讯效果的骚操作非常牛b。Comet这个Comet翻译成中文叫服务器推技术。传统模式是客户端发请求，服务端返回就结束了，但这明显不能满足即时报价，即时通讯之类需求。而comet技术解决这个痛点一般采用2种方式：1、在浏览器端安装插件，基于套接口传送信息，或是使用 RMI、CORBA 进行远程调用...

2019-12-11 04:40:10 1051

原创【webpack】babel在webpack中的配置以及参数意思

背景最近总听很多人在问babel-polyfill到底要不要了？我于是到处百度搜资料整理了下。babel-polyfill相关7.0版本前是babel-core babel-polyfill babel-runtime之后就变成了作用域包：@babel/core @babel/polyfill @babel/runtime在7.4后@babel/polyfill被废弃。不用怀疑，无...

2019-12-06 06:28:14 537

原创【css】linear-gradient的几种用法

背景linear-gradient很多人用过，我发现这东西用起来变化还是挺多的。语法<side-or-corner>描述渐变线的起始点位置。它包含to和两个关键词：第一个指出水平位置left or right，第二个指出垂直位置top or bottom。关键词的先后顺序无影响，且都是可选的。to top, to bottom, to left 和 to right这些值...

2019-12-05 12:08:24 3761 2

原创【css】圣杯布局双飞翼布局的各种解法与思考分析

背景现在布局一般都用flex了，最近发现考布局还有很多在考圣杯布局和双飞翼布局的，所以来研究下。圣杯布局html骨架<div class="content"> <div class="center"> </div> <div class="left"> </div> <div cl...

2019-12-04 09:44:21 252

原创【MongoDB】MongoDB语句速查

数据库相关查看数据库use database_name 查看所有数据库show dbs查看当前使用的数据库db删除数据库db.dropDatabase()集合相关查看集合帮助db.collection_Name.help();查看数据库所有集合show collections创建集合db.createCollection(c...

2019-12-02 02:58:44 230

原创【javascript】cookie session localStorage sessionStorage的区别

背景这个问的比较多，怕以后忘了，总结复习下。cookie由于http是认不得来访者的，所以就想出了cookie这个解决办法：就是你来我这，我给你办张卡，你下次来凭卡认你。这个cookie是存在浏览器上的，浏览器可以篡改，于是有人想了个办法，做签名，就是在本来的数据后面加一串加密后的码，如果你改了，后面的码和当前这个值不匹配，那么服务器就不认。这个只能相对安全一点。设置签名一般服...

2019-12-01 01:48:05 129

不忘初心，坚定道路！