浏览器工作原理
浏览器结构 用户界面用于展示除标签页窗口之外的其他用户界面内容 渲染引擎负责渲染用户请求的页面内容。 浏览器引擎，用于在用户界面和渲染引擎之间传递数据。 渲染引擎下面有很多小的功能模块，比如负责网络请求的网络模块，用于解释和执行JS的JS解释器。还有数据存储持久层，帮助浏览器存储各种数据，如cookie等等。 渲染引擎可以说是一个浏览器的核心，我们往往会把渲染引擎称为浏览器的内核。 不同浏览器使用的内核也不一样。 IE使用的是TridentFirefox使用的是GeckoSafari使用的是Webkit 并将其开源。Chrome使用的是基于Webkit改造优化的Blink渲染引擎，也将其开源。Opera和Edge使用的Blink。 浏览器进程每个应用程序必须至少启动一个进程来执行其功能，每个程序往往运行很多任务，进程就会创建一些线程来帮助它去执行这些小任务。 进程是操作系统进行资源分配和调度的基本单元，可以申请和拥有计算机资源，进程是程序的基本执行实体。 线程是操作系统能够运行调度的最小单位，一个进程可以并发多个线程，每条线程并行执行不同的任务。 当我们启动某个程序时，就会创建...
JS-Game-Snake
HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="snake.css"> <title>Snake</title></head><body> <div class="content"> <div class="btn startBtn"><button></button></div> <div class="btn pauseBtn"><button></button></div> <div id="snakeWrap&q...
SSR 搭建与免流
前言 服务端系统是CentOS 6/7 （建议用CentOS6） 具体调试，需要一点Linux基础，还有计算机网络知识。 免流包含参数指导。 资源来源于百度。 什么是免流漏洞？三大运营商流量计费检测系统漏洞，有些客户会对此漏洞加以利用从而使用远远超出其套餐的流量，倘若漏洞扩大，会使运营商损失过大。 通俗地讲，就是将手机正常的上网的数据伪装成是使用运营商免流量服务的数据，从而欺骗运营商的流量计费系统，实现免流。 为什么会有免流漏洞？运营商为了给客户提供方便，提供了一些优惠政策，如：接收彩信、登陆掌厅免除流量费以及免收取流量费的其他业务。一些用户通过Squid+OpenVPN自身的HTTP代理自定义服务器http请求头信息为运营商网站，当系统检测到请求头属于访问运营商网站的数据，用户即可达到免费上网的目的。 运营商的计费系统为了区分用户使用的是免流量业务还是正常访问互联网会把这些免流服务的网址加入到白名单，这些白名单中的网址就是我们平常所说的免流IP了，当计费系统检测到用户访问的是白名单中的网址或接收彩信时就不会进行扣费。 问题就出在检测上了，各运营商、各地区的检测方式都不尽相同，...
Git 版本控制
Git 配置查询配置信息 列出当前配置：git config --list; 列出repository配置：git config --local --list; 列出全局配置：git config --global --list; 列出系统配置：git config --system --list; 其他配置 配置解决冲突时使用哪种差异分析工具，比如要使用vimdiff：git config --global merge.tool vimdiff; 配置git命令输出为彩色的：git config --global color.ui auto; 配置git使用的文本编辑器：git config --global core.editor vi; Git相关的配置文件： Git\etc\gitconfig C:\Users\ [用户名称] \ .gitconfig 设置用户名与邮箱(全局配置) git config --global user.name "[name]" git config --global user.email...
FLex弹性布局总结
Flex布局传统布局处理布局的传统解决方案，是基于盒状模型。 依赖 display+ position+ float 对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 像传统的float布局： 难以控制。如果站点上存在一些不可预知的内容，那么布局将变的难以维护。 源码顺序依赖。弹性布局依赖于HTML源码，在做响应式设计时将难以为不同的媒体查询变更布局。 列等高问题。如果容器中有两到三列不同的内容，并且在任意内容的条件下，都需要设置为相同的高度。浮动布局难以实现这个要求。 内容居中。使用浮动布局难以将内容水平且垂直居中。 Flex 处理Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 2009年，W3C 提出的一种新方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 使用弹性盒子可以任何尺寸的屏幕上改变其和其子元素的尺寸填充屏幕可用空间。一个弹性框容器将延展它的子元素以填充可用空间，并且缩小它的子元素来避免溢出。 ...
计算机网络
计算机网络概念计算机网路功能 数据通信（连通性） 资源共享 硬件 软件 数据通信（连通性） 分布式处理 多台计算机各自承担同一工作任务的不同部分,用户可以根据需要合理选择网络资源，就近快速地进行处理。 实现数据信息的快速传递，提高可靠性 提供负载均衡与分布式处理能力，集中管理以及综合信息服务 计算机网络的组成 1.组成部分：硬件 软件 协议 2.工作方式 边缘部分——用户直接使用： C/S方式 或 P2P方式 核心部分——为边缘部分服务 3.功能组成 通信子网——实现数据通信。 资源子网——实现资源共享/数据处理。 计算机网络的分类 按分布范围分： 广域网(LAN) 城域网(MAN) 局域网(LAN) 个人网(PAN) 按使用者分：公用网 / 专用网 按交换技术分：电路交换、报文交换、分组交换 按传输技术分： 广播式网络——所有的 节点/主机 共享通信信道 点对点式网络——使用分组存储转发和路由选择机制 ...
内网穿透——NPS
前言——关于内网穿透什么是内网穿透？百度百科： 内网穿透，即NAT穿透，网络连接时术语，计算机是局域网内时，外网与内网的计算机节点需要连接通信，有时就会出现不支持内网穿透。就是说映射端口，能让外网的电脑找到处于内网的电脑，提高下载速度。不管是内网穿透还是其他类型的网络穿透，都是网络穿透的统一方法来研究和解决。 人话：就是将内网(LAN)IP转换成可以在公网(WAN)使用的公网IP。让互联网上的用户可以通过此公网IP地址访问特定的内网主机所提供的网站或者服务器。而内网主机可以是你的PC，也可以是云服务器，甚至可以是你的树莓派。 内网穿透可以干什么？说白了就是内网穿透可以通过外网直接访问到你家的电脑。 具体一点的： 发布应用/网站,外网可以访问。 可以实现远程控制,随时随地都能用家里的电脑。 自建游戏服务。 搭设个人网络存储服务器。 解决方案——NPS 名称 API 客户端单独KEY 子域名支持 收费模式 语言 ngrok 支持 未知 支持（但收费） 按客户端数量收费 GO frp 不支持 统一 支持（但收费） 按客户端数量收费 GO lanproxyp ...
爱琳编年史
为了把对洛奇剧情感兴趣的读者带入到独一无二的精彩世界中，将会对洛奇时间线及故事进行整合与追溯。 本文章可能因为官方翻译和游戏版本差异而含有大量 个人观点、 个人猜测、 人名地名不符、 历史混淆等，加之资料整理周期等因素不能保证资料正确性，在此也请洛奇资深爱好者进行补充以及更正。 因本人语言能力有限，有叙述交待不周的地方请见谅，为了让大家更好理解剧情，本人将对世界线中的事件进行精简和拆分，请各位没有 深入了解游戏剧情 的玩家安心食用。 最后，感谢每一位为洛奇剧情做出贡献的玩家。 本文最早发布于2018.1.8 目前时间线的梳理截止于 G23(未完) ，有部分G25设定补充。 非初次访问者，须清理浏览器缓存后观看。 【异世界时期】异世界-迪尔纳诺，爱琳传说中的乐园，米莱西安初到时迪尔纳诺已处于荒废状态，所能移动地区的地理环境与迪尔科内尔大致相同，差别在于牧场要往东方平原、南方杜加德走廊、北方希德赫雪原的路都被栅栏封起来了，各建筑物也关起了门，能提供服务的NPC也只剩下托乌克 ，村庄外围的怪物区布满了 豺狼与 巨大沙虫，唯一的地下城也只有阿尔贝地下城。 -异世界初期-[宇宙...
Hexo搭建
前置条件1.安装nodejsNode.js官方下载地址 默认安装即可，新版本自带npm。 注：安装时可能会报错。 例如：Windows安装Nodejs会报错：2503、2502 解决方案：需要用 msiexec 安装，以管理员身份运行CMD，输入以下代码。(记得用cd切换到安装包存放的路径) msiexec /package node-v12.16.1-x64.msi 2.安装GitGit官方下载地址（不推荐） Git下载地址——taobao镜像网站（推荐）直接拖动到最底层下载最新版 v2.25.0.windows.1 window具体安装过程： https://www.cnblogs.com/xueweisuoyong/p/11914045.html 3.注册一个Github账号[Gitub官网]（ https://github.com ） 安装Hexo安装hexo前还是要安装一下cnpm，毕竟npm安装插件是从国外服务器下载，受网络波动影响大，不仅下载慢还容易出错。注：CNPM跟NPM用法完全一致，只是在执行命令时将npm改为CNPM。 CMD输入以下代码安装cnpm...