-
JS：详解Event Loop运行机制
在这篇文章中会介绍以下内容： engine runtime 和 call stack 简介（以 V8 引擎为例） Event Loop 运行机制的详解 microtasks 和 macrotask 的执行顺序 engine runtime 和 call stack 简介在 chrome 浏览器和 nodejs 里都是用 V8 引擎解析和运行 JS 代码，我们先来看下 V8 引擎的简化图：上图中 Heap 是用来做内存分配，Call Stack是用来执...…
-
JS：展开运算符
展开运算符 （…）展开运算符，是 ES6 中的新语法，是把可迭代的对象（string，object，数组）展开，可以用在函数调用 / 数组构造的时候，将数组表达式 / string 在语法层面展开，还可以将对象表达式按照 key-value 的方式展开。展开运算符只能用于可迭代对象。函数调用：假如你把...放在函数的参数里，就说明这个参数必须是interable object，然后这个对象会被展开成为函数的参数：function func(x, y) { console.log(x); ...…
-
JS：Map 和 Set
MapMap 是 JS(es6) 的一种字典数据结构, key 值不重复，如果有重复，就会覆盖前面的，任何值都可以作为 Map 的 key， 包括对象，字符，数字，NaN，symbol。Map 跟 Object 很像，但是 Object 只能用 string / symbol 作为 Key，Map 可以通过 size 获取键值对个数，而 Object 只能手动计算。在 JS 中，NaN === NaN是false，不过在 Map 里 NaN 被认为是同一个 key：const map = ...…
-
JS：核心基础知识点
Primitive values vs. ObjectsPrimitive values 是指：undefined, null, boolean, number, bigint, string, symbol。除此之外的都是 Objects。 Primitive values 是通过值传递的，两个 Primitive 比较的时候，是比较它们两个的值。 Objects 是通过引用传递，两个 Objects 比较的时候，是比较它们两个的引用。 const a = {}; // f...…
-
用node代理解决前后端联调跨域问题
最近做的项目，后端API是用的.NET， 前端开发用的是Angular4, 是一个前后端分离的项目。在本地开发的时候，我用node express搭了一个proxy用来解决前后端跨域联调的问题。最近项目来了新人，每次带新人开发的时候，都会问到为什么要用这个node proxy，本地开发的时候直接调用后端DEV-INT服务器上的API不就好了吗？ 每次都解释这个是用来解决联调跨域的，刚工作的同事基本都是懵比状态，有经验的一般会问，不是在服务器端设置好CROS就可以了，但是对于代理实现跨域并不...…
-
常用的一些命令行
总结一些常用的命令。Windows 回到跟目录：cd\ 到上一层目录：cd.. 到其他硬盘(比如D)：d: 查看当前目录下面所有的目录和文件： dir 查看当前目录下面所有的目录和文件，并且按顺序显示： dir /o 创建新目录： mkdir 或者 md folderTerminal 删除文件夹：rm -rf folderName 或者 sudo rm -rf folderName 查看node装在哪里： ls -la $(which node) 查看当前目录下面所有的目...…
-
Angular：如何在多个组件之间通信
在Angular组件之间共享数据，有以下四种方式：1. 父组件至子组件: 通过 @Input 共享数据2. 子组件至父组件: 通过 @Output EventEmitter 共享数据3. 子组件至父组件: 通过 @ViewChild 共享数据4. 不相关组件： 通过 service 共享数据在介绍这几种方式之前，先来看下父子组件和不相关组件是什么，在下图中可以看出，左边是描述父子组件关系，左右两个是描述不相关组件关系。第一种方式，父组件至子组件: 通过 @Input 共享数据这个例子是在子...…
-
CSS布局absolute和relative的区别
写CSS过程中，经常要用到position进行页面布局，positioin有五个值：static，fixed，inherit，absolute，relative。前面三个还很好理解，后面两个在使用过程中经常会混淆，每次用到这几个值的时候，都要google查下这几个值的区别，这次直接把这五个的区别整理一下，巩固下这个知识点也方便日后自己查看。先直接把这五个的区别列出来：static 默认值，没有定位，元素出现在正常的文档流中，但是会忽略 top right bottom right z-in...…
-
深入理解HTTPS
什么是HTTPS我们知道 HTTP（HyperText Transfer Protocol）是超文本传输协议，是网络通信的基础。HTTP 通信是分层的，从上到下有：应用层、传输层、网络层、链路层。HTTPS（HyperText Transfer Protocol Secure）是超文本传输安全协议，是安全通信通道，简单来说是 HTTP 的安全版本，是使用 TLS/SSL 加密的 HTTP 协议。我们在浏览器里访问某个网站的时候，如果看到类似下面这种小锁头，表示用的就是 HTTPS 协议：为...…
-
浏览器缓存机制：强缓存和协商缓存
缓存算是性能优化中比较简单又高效的方式，合理的缓存策略可以减少延迟，在重复利用缓存的资源文件同时，可以减少带宽和降低网络负荷，从而大大提高了性能。这篇文件就来介绍强缓存和协商缓存的工作机制。什么是浏览器缓存以 Chrome 为例，打开 DevTools 到 NetWork，第一次访问我的 Github，能看到总共有28个 HTTP Request 都是从服务响应拿到的：刷新页面，我们看到这个28个 Request，有的是从memory cache和disk cache拿到的，有些是从服务器...…