-
JS：深入理解JavaScript-函数
JavaScript中定义函数有这几种方式： 函数声明 函数表达式 立即执行函数 new Funcion(arg1,arg2…,argn,body)创建函数。定义函数的方式不同，它们的词法环境会不一样，作用域链也不一样。函数声明我们来看一个函数声明的例子：var a = 2;function foo() { console.log(a); // 2}function bar() { var a = 3; foo();}bar();在文章【JS：深入理解JavaSc...…
-
JS：深入理解JavaScript-执行上下文
在上一篇文章【JS：深入理解JavaScript-词法环境】详细介绍了词法环境，它是在V8引擎词法分析阶段用来登记变量的，这样在引擎真正执行代码的时候，就知道去哪里拿变量的值。也提到过，每次执行回调函数的时候，会把方法以执行上下文（Execution Context）的方式压入执行栈（Call Stack），执行完以后会被弹出执行栈。比如有代码：var a;function foo() { a = "hi, i am foo"; console.log(a);}function...…
-
JS：深入理解JavaScript-词法环境
在文章【JS：详解Event Loop运行机制，以及microtasks和macrotask的执行顺序】这篇文章中简单介绍了Call Stack（调用栈），在JS中所有代码都是在调用栈中执行的，遵循后进先出的原则。在了解Event Loop和调用栈的运行机制之后，仔细想了一下又觉得很疑惑: 只有function可以被压入调用栈执行吗？ JS引擎在执行代码时，是从哪里找到要引用的变量值，函数调用又是怎么找到对应的函数的呢？ 图中每个蓝色的方块代表一个function？在调用栈里是什么？...…
-
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 共享数据这个例子是在子...…