天道酬心

原创 在vue中监听storage的变化

为什么要监听storage的变化？当我们在使用vue的时候，有时候需要一个两个数据在全局共享，vue虽然提供了vuex模块来解决此问题，但是为了一两个数据的共享引入vuex未免小题大做，所以我们选择使用storage来保存共享数据，但有个问题就是如何监听storage的变化，让我们可以在保存数据的同时，在另外一个路由中监听到变化并执行操作本例子就是演示此方法怎么监听首先在main.js...

原创 如何开发前端组件库

自己如何开发前端组件库，自己开发的组件库应该达到什么效果，前端组件库用到了哪些知识点

原创 如何配合使用ESLINT 和 PRETTIER

Eslint 和 Prettier的配合使用，需要安装哪些插件，配置文件怎么写

原创 Redux 流程图/生命周期

Redux 流程图

原创 node+php mvc架构

原创 神奇的vertical-align

说它神奇，一是因为它的各个属性的呈现出来的效果跟我们预想的总是不一样，这是因为属性的规定中有几个关键点容易忽略；二是它会受到一些其他样式属性的影响。适用元素：inlineinline-blocktable-cell它的属性中的几个关键点要先说明下，在下面看的时候要着重看：基线的定义：元素中‘x’字母的底部所在的直线就是基线参照点，即相对于谁的哪个属性，多数是相对父级具...

原创 什么是类数组

类数组是指在写法上跟数组一样，比如argumens，函数的第一个参数是argument[0]，写法上跟数组一样，但是不是数组，他的原型是Object。function functionName() { console.log(arguments);}functionName(3, 5)Arguments(2) [3, 5, callee: ƒ, Symbol(Symbol.ite...

转载 让浏览器尾递归

function tco(f) { var value; var active = false; var accumulated = [];return function accumulator() { accumulated.push(arguments); if (!active) { active = true; ...

原创 Axios在返回status是多少时，调用then方法

这种困惑了很久，网上也没有找到答案，忍不住下载了源码，分析了一下，终于在defaults.js文件中找到了答案validateStatus: function validateStatus(status) { return status >= 200 && status < 300;}也就是说在我们没有设置adapter的validateStatus方...

原创 ES6中forEach的实现

同时适用于数组和对象function forEach(obj, fn) { if (obj===null || typeof obj === 'undefined') { return; } if (typeof obj !== 'object') { obj = [obj]; } if (isArray(obj)) ...

转载 递归函数的优化

为什么要优化递归先看个例子：// 递归裴波那切数列function fibonacci(n) { if (n>2) { return fibonacci(n-1) + fibonacci(n-2); } else { return 1 }}function t(n) { console.time('a');...

原创 typeof 与 intanceof 的区别（全）

1、位置不同：typeof放在变量前面，没有预判断的类型值，instanceof放在变量之后，后面跟想要判断的类型值。这个比较简单，代码如下：var a = 0;var b = new Array();console.log(typeof a); // numberconsole.log(b instanceof Array); // true2、判断的类型不同，typeof可以判断...