理解前端跨域的几种方式和解决方案(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()
...