Event Loop总结

| 字数 2175

之前也有 event loop 的概念,但一直都是琐碎的。直到阅读以下三篇文章后,琐碎的点串在了一起。

从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理

这一次,彻底弄懂 JavaScript 执行机制

Event Loop的规范和实现

为了印象深刻,还是决定自己写一写。总结如下:

1、进程与线程的区别

1、什么是进程?

在计算机操作系统中,只有进程才能在系统中运行。所以要使程序运行就必须为其创建进程。当我们打开浏览器时就已经创建了进程。创建进程之后,系统会为其分配资源(内存等)供其使用。

进程是程序(指令和数据)的真正运行实例。若干进程有可能 …

HTTP笔记(下)

| 字数 1809

        
跨域、缓存这些都是开发中常常遇到的,做些笔记供日后查阅。

CORS(Cross-Origin Resource Sharing)跨源资源分享

同源策略

同源策略(same-origin policy)是浏览器保障安全的一种方法。
主要指的是在同协议,同域名,同端口下才能访问资源。为什么要这样限制?假设某用户登陆了自己的网上网上银行,接着去访问了其他网站,如果没有同源策略的限制,那么其他网站就可以访问银行网站的cookie,而cookie一般存放着与用户相关的某些信息,这样用户的信息就会被泄漏或者被冒名顶替去访问网上银行。

HTTP笔记(上)

| 字数 1401

HTTP 基础

网络间通信的大体流程

名称 概念 常用协议
应用层 为应用程序提供服务 HTTP/FTP/SMTP
表示层 定义数据格式及加密
会话层 定义了如何开始、控制和结束一个会话 SSL
传输层 向用户提供端到端的服务 TCP/UDP
网络层 数据在俩个机器间创建逻辑链路 IP(IPV4/IPV6)、ARP
数据链路层 通信实体间建立数据链路连接
物理层 定义物理设备间如何传输比特流的规范(网线、光缆等硬件)

osi 模型较为复杂,一般常说的是五层模型:

物理层 -> 数据链路层 -> 网络层 -> 传输层 -> 应用层

CSS元素嵌套问题

| 字数 1845

        回顾了一下之前的代码,发现一个css中的坑即层叠顺序。什么叫层叠顺序?简单来说就是在屏幕上某一个位置堆积了很多 div 这些块哪个在上哪个在下的关系就是层叠顺序。(下面代码演示了三层堆叠)

Nuxt.js踩坑实录

| 字数 1669

        前一阵子接触一个新项目,用了vue中的ssr解决方案 — Nuxt.js。也算是小有感受,记录一些经验留后备用。

CSR & SSR

什么是 CSR ?

CSR => client-side-reder,即客户端渲染。具体过程如下:

  • 用户请求页面,返回页面。此时页面只是模版页面
  • 浏览器解析页面代码,读到js代码时,会根据我们所写的接口去请求数据
  • 得到返回数据后使用模版(vue/react/ng/art-template)进行渲染

    什么是 SSR ?

Javascript面向对象笔记

| 字数 1473

        说到面向对象,大多数人都想到的是高级语言:c++、java,但是我认为对于一名coder来说不论什么语言,一定要有面向对象这种思想(封装、继承、多态),我们只需要用语言这个工具把思想表达出来即可。本文只讨论继承。

Javascript 中创建对象

new 关键字做了什么?

利用 new & 构造函数 创建新的对象。这个创建新对象的过程分为三步:

  • 声明新的变量 basketball

Mac下利用Alfred与七牛搭建markdown图床

| 字数 1038

        在使用hexo与gitpage完成个人博客搭建后,在写博客时想插入图片总是需要外链,感觉很繁琐。刚好在利用alfred的workflow后觉得能不能把整套手动获取图片外链的动作变成自动化的动作,来用热键触发。搜了下相关的文章自己踩了不少坑最终还是完成了,总结出来避免大家后面踩坑。

前期准备:

  • 可以使用workflow的alfred(能支持正版最好不过我还是准备了链接,位置在文章最后)