王春燕的博客

高手区别于普通人的重要一点是，他们善于利用工具，把更多的时间留给了规划和思考。写代码也是同样的道理，工具用好了，你就有更多的时间来规划架构和攻克难点。

一、typeof二、instanceof三、constructor四、Object.prototype.toString.call()Object.prototype.toString.call(obj)类型检测原理五、__proto__六、 其他

前言Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL（Uniform Resource Locator, 统一资源定位器）。它是www的统一资源定位标志，简单地说URL就是web地址，俗称“网址”。

一、JS是单线程JS语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是JS这门脚本语言诞生的使命所致——用来处理页面中用户的交互，以及操作DOM而诞生的。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果JS执行的时间过长，这样会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。

事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。注意：事件名称大小写敏感。若是事件监听方式，则在事件名的前面取消on。

一、什么是calc()?calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。

1、过渡1.1.过渡的理解过渡（transition）[træn'siʒən]-通过过渡可以指定一个属性发生变化时的切换方式，平滑的过渡-在某种条件下可以触发，例如hover情况下-一次性的效果，不能循环，只能做简单的动画-只有两帧，设置动画初始值和结束值-IE10开始兼容，移动端兼容良好...

尤大大从下面的三个前端领域的不同层次来展开了介绍：开发范式&底层框架（注：大家比较熟悉的Vue、React这些框架层面）工具链（注：像webpack这样的构建工具）上层框架（注：例如Next.js、Nuxt.js）正式分享之前，尤大大提出声明：“本分享只代表讲着个人观点，因为自己是框架和构建工具的作者，肯定会包含利益相关和个人的偏见，但是分享中会尽可能做客观的看法，大家多多多包涵”，下面就让我们饱享这顿“美味”吧！...

一、类的两个概念：1、类自身；2、类的实例对象；总的来说：静态的是指向类自身，而不是指向实例对象，主要是归属不同，这是静态属性，静态方法的核心。二、对象的两个部分1、属性分为：实例属性、静态属性（类属性）、只读属性2、方法分为：实例方法、静态方法（类方法）...

JavaScript 无处不在，多年来，JavaScript 已成为最流行和最通用的编程语言。支持超过 97% 的Web。作为一名 Web 开发人员，了解最流行和最受欢迎的编程语言的历史是一个加分项，将有助于增强您对该语言的理解。1、1995 年：JavaScript 的诞生2、1996 年：JavaScript 与 Java3、1997 年：ECMAScript 作为 JavaScript 标准诞生4、2009 年：ES56、2015: 年度预期更新 ~ ES6/ES2015...

注意事项1、html结构上，分为三个部分：显示区、按钮区、底部白条2、css样式上 需要解决外边距重叠的问题，可用overflow: hidden; 点击高亮效果，可用 filter: brightness(160%)3、js 绑定点击事件的时候，用事件委托，提高整体性能，如果点击的不是按钮，则return（具体看代码）用switch···case···处理功能按钮处理方法flag表示输入是否输入首次输入转化位百分比的按钮因为需要涉及到小数,所以要用parseFloat方法来将...

TypeScript 是Microsoft 开发和维护的一种面向对象的编程语言。它是 JavaScript 的超集，包含了 JavaScript 的所有元素，可以载入 JavaScript 代码运行，并扩展了 JavaScript 的语法。TypeScript 具有以下特点：TypeScript 是 Microsoft 推出的开源语言，使用 Apache 授权协议TypeScript 增加了静态类型、类、模块、接口和类型注解TypeScript 可用于开发大型的应用TypeScript 易学.

整体圣诞树分为3个部分，书的主干、粒子特效、树上的卡片树上的卡片(重点)：每一张卡片上都有一个名字，代表圣诞树的叶子，后面可以根据自己需求更改，比如全部改成喜欢人的名字，在JS代码的第五行内更改内容树的动态旋转通过js实现、主干是html5、样式CSS......

只有具备自我营销能力，你才能脱颖而出，这对每一个程序员都是非常适用的很多同学之前跟我说，老师，我就是因为不会表达才想着学个技术，想着默默无闻的写着代码，也不会不行，但你的发展之路会比别人慢很多，你的代码也不会有生命力。只有当人们理解你所在做什么，人们对你所做的事情感兴趣，人们愿意和你一起做这件事，你的代码才有生命力所以一个程序猿，如果能意识到自我营销的重要性，这将对你的职业生涯，有着重要的影响五个自我营销能力的锻炼方式分享给大家...

在使用npm的过程中，出现一个常见的错误代码-13的权限问题，之前都是直接在npm命令前加上sudo来解决

一、啥叫递归聊递归之前先看一下什么叫递归。递归，就是在运行的过程中调用自己。构成递归需具备的条件：1. 子问题须与原始问题为同样的事，且更为简单；2. 不能无限制地调用本身，须有个出口，化简为非递归状况处理。二、递归语言例子我们用2个故事来阐述一下什么叫递归。1，从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事呢！故事是什么呢？“从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事呢！故事是什么呢？‘从前有座山，山里有座庙，庙里有个老和尚，正在给小和尚讲故事呢！故事是.

1、Amaze UIAmaze UI v2.5.0 ， 2015-11-30 发布，类似于Bootstrap2、Bootstrap框架推荐使用Bootstrap5，相比Bootstrap3，Bootstrap5重构核心已经放弃Jquery了大名鼎鼎的框架，学习前端必须学习的UI框架。3、H-UI框架不想重新写繁琐的页面，少写前端页面代码的，推荐使用这个框架4、Layui框架经典模块化前端框架，layer弹窗必用。5、Vant有赞前端框架，分两个版本Vue 版小程序版...

数组转对象思路一：使用数组的forEach方法遍历数组定义一个空对象将遍历得到的每一个对象中的value值当做新对象的key,label的值当做新对象的值循环结束后将obj的值返回给调用者即可思路二：对象转数组思路一：...