理解前端跨域的几种方式和解决方案（Cross-Origin Resource Sharing）
什么是跨域？（CORS，Cross-Origin Resource Sharing）
CORS 头
Access-Control-Allow-Origin：指示请求的资源能共享给哪些域。Access-Control-Allow-Credentials：指示当请求的凭证标记为 true 时，是否响应该
...
Vue的生命周期过程
生命周期钩子（Lifecycle hooks）Vue生命周期的流程图
来源：Vue生命周期图示
beforeCreate()
在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。简单理解就是整个页面创建之前调用，创建之前调用的钩子函数
...
webpack中loader和plugin 的区别是什么
Loader
loader 用于对模块的源代码进行转换。loader 可以使你在 import 或 “load(加载)” 模块时预处理文件。因此，loader类似于其他构建工具中“任务(task)”，并提供了处理前端构建步骤的得力方式。loader可以将文件从不同的语言（如TypeScript）转换
...
JavaScript实现继承的几种方式
面向对象程序设计（Object-oriented programming，OOP）什么是面向对象编程？（OOP）
面向对象编程程序设计（Object-oriented programming，OOP） 是种具有对象概念的程序设计范型，同时也是一种程序开发的抽象方针。它可能包含数据、属性、代码与方法
...
深入理解CSS中BFC（Block Formatting Context）块级格式上下文
常见定位方案普通流 (normal flow)
在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML
...
JavaScript实现斐波那契数列的几种方式
什么是斐波那契？斐波那契数列
斐波那契数列（Fibonacci sequence），又称黄金分割数列、因数学家列昂纳多·斐波那契（Leonardoda Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列”，指的是这样一个数列：1、1、2、3、5、8、13、21、34、……在数学上，斐波那
...
EcmaScript 6 Arrow Function (箭头函数)
基本语法ES6 允许使用“箭头”（=>）定义函数
123456var f = v => v;// 等同于var f = function (v) { return v;};
如果箭头函数不需要参数或需要多个参数，使用一个圆括号代表参数部分
123456789var
...
Mac 常见的一些问题
外接显示器，屏幕不亮、无信号输入问题背景：
Mac长时间连接显示器，不经常关机，会出现这种情况，显示器不亮、显示无信号输入。
尝试各种拔线、插入，电脑重启，系统设置 -> 显示器 -> 按住option键 -> 检测显示器 也不管用
解决办法：
1、强制关机
1Shift(⇧) +
...
JavaScript 获取当前时间戳的几种方式
Date.parse()1234let timestamp = Date.parse(new Date());Console.log(timestamp);// 1587452848000 获取的时间戳是把毫秒改成000显示，因为这种方式只精确到秒
Date.prototype.valueOf()
...