JXH Blog

Thinking will not overcome fear but action will.

重学前端

前端知识回顾

知识架构的层级：文法 -词法 -语法语义运行时 -类型 -执行过程词法中有各种直接量、关键字、运算符，语法和语义则是表达式、语句、函数、对象、模块，类型则包含了对象、数字、字符串等…… 知识体系 html 和 css 浏览器的实现原理和API 前端工程实践 JavaScript类型：关于类型，有哪些你不知道的细节？这 8 种语言类型是：Unde...

Posted by JXH on March 13, 2021

浏览器工作原理解析

简要解析浏览器的工作原理

01、Chrome架构：仅仅打开了一个页面，为什么有4个进程？进程和线程一个进程就是一个程序的运行实例。详细解释就是，启动一个程序的时候，操作系统会为该程序创建一块内存，用来存放代码、运行中的数据和一个执行任务的主线程，我们把这样的一个运行环境叫进程。线程是依附于进程的，而进程中使用多线程并行处理能提升运算效率。进程和线程之间的关系：进程中的任意一线程执行出错，都会导致整个...

Posted by JXH on March 11, 2021

Chrome V8

学习JavaScript引擎V8

## 什么是V8? ### 总结 V8 是由 Google 开发的开源 JavaScript 引擎，也被称为虚拟机，模拟实际计算机各种功能来实现代码的编译和执行。那么，要想搞清楚 V8 内部的工作流程和原理，我们可以从分析计算机对语言的编译和执行过程入手。因为计算机只能识别二进制指令，所以要让计算机执行一段高级语言通常有两种手段，第一种是将高级代码转换为二进制代码，再让计算机去...

Posted by JXH on March 10, 2021

常见网页布局

各种常见布局实现

一、水平居中（1）文本/行内元素/行内块级元素* 原理： text-align只控制行内内容（文字，行内元素，行内块级元素）如何相对他的块父元素对齐。 #parent { text-align: center; } 优缺点: 优点：简单快捷，容易理解，兼容性非常好。缺点：只对行内内容有效；属性会继承影响到后代行内内容；如果子元素宽度大于父元素宽度则...

Posted by JXH on March 9, 2021

Css简要知识点

layout: post # 使用的布局（不需要改） title: My First Post # 标题 subtitle: Hello World, Hello Blog #副标题 date: 2021-03-08 # 时间 author: JXH # 作者 header-img: img/pos...

Posted by JXH Blog on March 8, 2021