摘要： 当DNS工作完之后得到了一个网址 https//192.168.1.255/index.html 这个并不符合标准的请求路径.接下来就是https的功能了.讲https前先讲讲它的前身http协议 HTTP协议 http协议是超文本传输协议，是一个基于请求与响应，无状态的，应用层的协议，常基于TCP 阅读全文

摘要： TCP连接 http的描述里面,我弱化了交互过程的描述,因为它相对复杂.所以我在此单独描述.客户端和服务端传递数据时过程相对谨慎和复杂,主要是开始和结束的过程.而这整个过程就是TCP连接.连接流程大体包括: 三次握手 握手是见面时建立信任的过程.其主要目的是确认彼此的身份和明确是确认有需求而不是来找 阅读全文

摘要： 从应用层到实体层的协议太多了,我们并不能一一涉及,目前来说就打算整理可能会与前端相关的协议. 前端面试常会问到一个问题-"从输入一个url到页面渲染经历了哪些过程".这其实是一个相当复杂的过程,所以总结的时候常常是归纳了几个重要的步骤.而这次我将尝试通过结合协议的方式去理解它们. URL组成 首先, 阅读全文

摘要： 页面请求 当我们在浏览器地址栏输入url时,web会向服务端发送请求,请求相关的资源.所以,一般情况下,当我们的url发生变化时.页面会重新向服务端发送请求. 前端路由 前端路由是有单页面模式的开发情况下衍出来的东西,也就是说:单一页面,无需刷新url,无需向后端请求,从而实现页面部分内容更新.对于 阅读全文

摘要： 主要是整理当浏览器拿到html和css之后怎么把它们渲染成我们能看到的页面. GUI渲染线程大致流程如下: 接下来我们分环节从前往后得分析渲染流程 DOM tree 和CSSOM tree 什么是tree?就是树,它代表了一直关系.节点和节点之间是有关系的,根节点是谁,兄弟节点有哪些等.所以DOM 阅读全文

摘要： 这里主要想详细的分析一下浏览器渲染过程,但东西比较多.所以分成多个部分. JS由三个部分组成,分别为ECMAScript、BOM、DOM. 其中BOM是浏览器层面的东西,而DOM是页面层面的东西.简单来说,BOM是包含整个浏览器的,它的核心对象是window,而DOM是页面里的所有东西,它的核心对象 阅读全文

摘要： 这块儿主要是大体上理解浏览器的工作流程,对于前端来说,其中渲染部分是最重要的. 进程和线程 稍微通俗点来描述它们,就是我一个系统要做一件事,比如造车,要装发动机、机身、轮胎等等子任务.我可以只安排一个人去做,那整个造成的进程就是只有一个线程.但是如果我安排多个人去做,那就是多个线程,而且这几个人可以 阅读全文

摘要： 前言:最近发现越学习问题越多,或者说很多问题不久之前刚搞懂,过一段时间就忘记了.根本原因自己没有理解.所以就想系统得学习和整理一下前端相关的东西.争取能更好得吸收现有的知识体系. 什么是宿主环境? 我们常说前端HTML、CSS、javascript这三者为前端三基佬,也就是说作为一个前端,就必须会这 阅读全文

摘要： 我们目前已经把模板代码拉取到本地了,并且项目的文件名已经修改成了我们在命令行输入的名称.但是模板代码里的package.json里的部分信息仍是从模板带下来的,所以我们需要去修改里面的一些信息. 在文件已经生成的情况下修改文件信息,就要用到node的fs 具体的操作步骤为 1.获取当前执行命令的路径 阅读全文

摘要： 我们在准备阶段就说过,最好准备一些模板代码.在脚手架生成的时候直接将其直接拿来用. 获取模板代码主要是两种方式: 1.内置在脚手架中,然后通过node file去操作,克隆文件. 好处有:(1)我们可以在脚手架中内置多个模板,比如对应ts的代码模板,对应js的代码模板,对应不同用户权限的代码模板.不 阅读全文