路旁有花，心中有歌，

天上有星。

http

2021.05.05

HTTP缓存： 强缓存与协商缓存 一、HTTP缓存 1. 强缓存 浏览器执行请求时，如果发现本地有之前请求的缓存，先查看请求缓存中的首部行，判断是否命中强缓存： Cache-Control 和 Expires 均未过期， 则命中强缓存。 Cache-Control: 使用max-age=xxxs形式，相对值。绝对过期时间等于缓存请求时间+max-age值。（当二者...

Data Structure

2021.05.04

数据结构原始笔记转Blog，然后边学边记。 数据结构学完了忘，别忘了及时回来看看啊。 一、基本常见数据结构 1. 队列、栈、背包 基本数据结构，不赘述。 队列：先进先出； 栈：先进后出； 背包：集合类型。只收集元素，无法按顺序遍历，也无法删除元素。（可以判断是否为空，也可以迭代所有收集到的元素） 2. 数组与链表 2.1 数组 数组是长度在创建时就固定的一种数据...

LeetCode

Algorithm

2021.05.04

开心地边刷LeetCode边记录呀，也么哥~~ 1. 数组 Array 二分查找类型 704.二分查找 704.二分查找 // 双指针法 // 1. 设置左右两侧指针，左边起始为0，右边起始位length-1 // 2. 当左右两指针交叉，搜索结束，此时意味着没有找到，返回-1 // 细节： 当左右两指针间隔一个元素，会导致下一次左右指针重合。当左右指针间隔0个元...

JavaScript

2021.05.03

总是搞混，这里记录一下。 Object.prototype 中的方法 hasOwnProperty(key): 检测字符串属性key，是否是对象自身的内部属性（纯自身内部，不包括从原型继承的属性）； key in obj 这种形式，如果key在obj的原型中，也会返回True。 isPrototypeOf(obj): 检测对象是否在obj的原型链中； ...

跨域

2021.05.02

前端跨域请求、跨页面通信的几种方式梳理 Refer: 阮一峰CORS 一、跨域问题 1. 什么是同源策略？什么时候出现跨域问题？ 在HTML标签(比如img,script等)和CSS中(url函数)使用url进行资源请求，浏览器默认不设任何限制，可以对任何资源url进行请求。 一般情况下，下列三种情况只能请求同源的资源，非同源的请求默认会报错（跨域错误）： 读取...

cookie

localStorage

sessionStorage

indexedDB

2021.05.02

浏览器端储存数据的几种方式：cookie，localStorage,sessionStorage，indexedDB 全面整理，包含以前的笔记。 一、Cookie 1. Cookie的作用 HTTP是无状态协议。Cookie的存在，是为了让服务器能识别连接过它的用户，从而在响应上针对性地采取一些友好措施。 比如一个购物网站，如果服务器无法识别客户是谁，是否曾经连接过服务...

http

https

网络攻击

2021.05.02

HTTPS协议内容和常见的网络攻击形式 一、HTTPs协议 1. HTTPs协议

Vue

2021.04.29

涉及到框架核心问题，必须搞定！ 一、虚拟DOM是啥？好在哪？ 古早时代，程序员都是通过DOM API直接操作DOM，修改页面结构的。比如document.querySelector获取DOM元素，然后修改innerHTML等。 后来因为页面结构体系很大，可能需要一次修改多个数据。而修改数据需要一个一个进行DOM操作，比较浪费性能。 用虚拟DOM可以用JS提前进行新老虚拟DO...

Vue

2021.04.29

Vuex 用于统一管理Vue app中各组件的状态，好处有二： ① 避免了属性父传子，子改父的麻烦操作。尤其是组件数目多、嵌套深的情况。 ② 可以统一拦截修改状态的操作，从而进行一些记录，做到修改状态有迹可循，方便查错维护。 Store 仓库 vuex通过创建Store，并作为插件应用在Vue app实例上，来达到统一管理app实例中组件状态的目的。 import ...

Vue

2021.04.29

一直学Vue3，不知道它具体提升了哪些细节。 这里随时记录一下，试图全面对比Vue3和Vue2，也加深一下自己的深度。 组合式API 组合式API让代码更加紧凑，逻辑相关的代码可以写在一起。 支持TS 本身用TS重写，组件对TS全面支持。 #

Vue

2021.04.29

SSR(Server Side Render)和CSR (Client Side Render)的各种优缺点 参考：Vue-SSR 什么是SSR，CSR CSR就是客户端渲染，用户在请求的时候，获取到的是一个只包含各种容器的几乎空白HTML和一个包含全部逻辑的JS，然后在客户端浏览器执行JS，进行各种请求，填充HTML容器来展示完整页面。 SSR就是服务端渲染，HTML已经...

Vue

2021.04.27

创建一个新的Vue app的整个流程，及各类型对象的API，和他们之间的交联关系梳理。 创建一个Vue app整体流程梳理 Vue模块中暴露的API有哪些？ 这些API都可以从vue中直接导入获取。 import { <api> } from 'vue' 渲染 createApp：传入根组件配置对象，创建应用实例，并返回创建的应用实例。 crea...

RESTful

2021.04.25

什么是RESTful架构？如何设计使用RESTful API？ 参考: 阮一峰网络日志 RESTful架构是什么？ RESTful架构，是目前最流行的一种互联网软件架构。（REST：Representational State Transfer 表现状态转化） 通俗理解： ① 资源在HTTP请求URI中定义 URI代表资源，资源是原始的数据，不带有表现形式。 ② 表现...

Vue

2021.04.21

渲染函数和h()是最本质的组件渲染方式，应该掌握。 源文件目录： packages/runtime-core/src/vnode.ts packages/runtime-core/src/h.ts Vue组件实现模板解析渲染的几种方式 单文件组件(SFC)中，Vue组件可以使用定义渲染模板； 任何组件都可以通过配置中tempalte property传...

Vue

2021.04.21

Vue3源码学习： runtime-core 从createApp开始，探索应用实例的创建过程。 源码目录：packages/runtime-core/src/apiCreateApp.ts Vue应用实例相关的TS类型声明 App应用实例 app应用实例所暴露的内部属性，都在这里定义了。 export interface App<HostElement =...