Jerry_Z

个人博客

服务端渲染SSR(一)

一、传统的服务端渲染 VS 客户端渲染 1.传统的服务端渲染 大约十几年前,在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的状态中,可以说是没有独立的“人格”可言。 前端负责切图和编写静态页面模板,后端将数据渲染到前端提供的页面模板中,最后将页面渲染到浏览器展示。 这个过程中,前端只提供页面模板或者写一些JavaScript脚本,有的甚至JS脚本都是后端来写,前端的作用只局...

JS引擎的执行机制

1.浏览器引擎(浏览器内核) 浏览器内核的是一个多线程处理,它主要包含如下几个线程: GUI渲染线程: 渲染页面的html元素 JavaScript引擎线程: 页面的交互和dom渲染 定时触发器线程:一定时间后,来触发对应的线程 事件触发线程:当一个事件触发该线程的时候,就会把它放到js的事件队列中等待执行。常用于异步操作。 异步http线程:在XMLHttpRequest在连接后是通过浏...

老生常谈-CSS垂直居中

在 CSS 中对元素进行水平居中是非常简单的:如果它是一个行内元素, 就对它的父元素应用text-align:center; 如果它是一个块级元素,就对它自身应用 margin:auto。然而如果要对一个元素进行垂直居中,可能光是想想就令人头皮发麻了。 我们将使用如下所示的结构代码,并直接插入 元素中(但实际上我们将要探索的这些技巧是与容器无关的): 1234<main> &l...
CSS

[Websoket]服务器长连接(二)

一、背景 1. 目标:浏览器与服务器全双工通信的机制 需要与服务器全双工通信且不需要依赖打开多个 HTTP 连接(例如,使用 XMLHttpRequest 或iframe和长轮询)的基于浏览器应用的提供一种机制。 2.协议:包括一个打开阶段握手、接着是基本消息帧、TCP 之上的分层(layered over TCP) 3. 解决了以下的问题: 实现客户端和服务之间双向通信web应用,需要一...

[WebSocket]服务器长连接(一)

1.为什么需要WebSocket? 因为HTTP协议有一个缺陷:通信只能由客户端发起。HTTP协议做不到服务器主动向客户端推送信息。 2.之前的技术 2.1 轮询(polling) 轮询是指JavaScript启动一个定时器,然后以固定的间隔给服务器发请求,询问服务器是否有新的数据改动。 最典型的场景就是聊天室。 缺点:这种方法会导致过多不必要的请求,浪费流量和服务器资源。 2.2 Co...

[Hexo] Theme HuWeihuang

This is hexo theme Demo.

This HuWeihuang theme created by HuWeihuang modified from the original Porter YuHsuan Live Demo Hu Weihuang Blog : www.huweihuang.com Install Hexo Install Node.js and Git 123#For Macbrew instal...