皮皮丹

beforeCreate：在实例初始化之后，数据观测之前，data 和 $el 不可用。 created：在实例创建完成后被立即调用，data可用，$el不可用。 beforeMount：在挂载DOM开始之前被调用，data可用，$el不可用。 mounted：组件被调用并被挂…

用最短的篇幅说明白vue中key在渲染时起到了什么作用，以及v-for到底为什么不要用index作为key。 现象是只有当span标签绑定key值的时候才会正常渲染动画，我们得到一个初步结论，当key发生变化的时候视图会重新渲染。如果没有绑定key或者key没有变化，那么vno…

HTTP 是一种超文本传输协议(Hypertext Transfer Protocol)，超文本传输协议该怎么理解是本文要讲的第一个问题，下面对 超文本、传输、协议 这三个名词做一下解释。 文本比较好理解就是字符串嘛，在计算机刚刚发明的时代网络通信传输的就只是字符串，后面随着技…

我们把一张图片无限放大会看到很多小格子，通常把他们叫做像素格，如果有一张图片分辨率是500*500那说明这张图片横向和纵向都是500个像素格。对应到设备屏幕上，屏幕上的格子我们叫它像素点，比如iPhone6的分辨率是1334*750，说明iPhone6的屏幕上有1334*750…

近几年大部分开发者都在 Vue React 生态里做上层开发，底层的知识点很容易遗忘，所以打算从DOM规范开始梳理一下事件相关的知识点。onclick是DOM0级事件，addEventListener是DOM2级事件，区别在于是否支持事件函数的重复绑定，大部分人对DOM规范也就…

浏览器在渲染页面时，渲染引擎会把DOM看做一个个的盒子，这些盒子的宽高以及边框由css决定，一个盒模型包括 内容区(content)、内边距(padding)、边框(border)、外边距(margin)。 盒模型又分为 标准盒模型 和 怪异盒模型，在标准盒模型中通过css设置…

**导读：**世界上有两件最难的事：把别人的钱装进自己的口袋；把自己的思想装进别人的脑袋。 首先我们想想看，在你的日常工作时间分配上，“沟通”所用的时间占比多少呢？日常的会议、在钉钉上的讨论、处理邮件等等，反正我个人是远远超过了 50% 的。这就和管理学上的一个著名理论很契合了…

掘金从上线到现在，网站的前端重构了 3 次，后端也陆陆续续修改了整个网站的结构 2 次，但是随着业务不断推演复杂，团队人手增加，有需要一波进一步的优化！ 这周，我们会根据当下掘金的情况和接下里的主要业务，整理代码。 掘金技术整理系列文章： （一）掘金的后端架构 （二）掘金前端 …

理解this的指向首先要记住一句话 在es5（不包括箭头函数）中 this 指向和定义无关，this 永远指向他的直接调用者。 下面通过几个例子来理解这句话。 定义在全局的fun1，直接调用等同于调用window.fun1()，this 自然指向window。这里不包括严格模式…