1. 渲染项目列表时，“key” 属性的作用和重要性是什么？ 渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。 如果没有使用 key 属性，并且列表的内容发生了改变（例如对列表进行排序），则虚拟 DOM 宁愿使用更新的数据来修补节点，来反…

从 ECMAScript 2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。想阅读更多优质文章请猛戳GitHub博客 在 ES6 中我们有 String.protot…

书签地址，欢迎star， 可以直接git clone下来，通过Google右上角的书签--导入书签，这样看起来就不要太方便。

在这篇文章中，我将向你展示目前为止，我发现/遇到的十个优秀的CSS动画库。 我大约尝试30种，但是这十种是我找到最好的。 请注意，这些库不需要引入JavaScript就可以运行。 这个站点是我不久前才发现的，但是我立马爱上了她。实话说，它值得被提出。 你可以选择你喜欢的动画类型…

在一些图片量比较大的场景（电商首页，小程序首页等），如果我们打开页面时就加载所有的图片，那势必会导致页面的卡顿以及白屏，给用户不好的体验，导致用户流失。 但是我们仔细想一下，用户真的需要我们显示所有图片一起展示吗？其实并不是，用户看到的只是浏览器可视区域的内容。所以从这个情况我…

父组件可以将一条数据传递给子组件，这条数据可以是动态的，父组件的数据更改的时候，子组件接收的也会变化。 子组件被动的接收父组件的数据,子组件不要再更改这条数据了。 父组件给子组件传递数据的时候，子组件需要利用props的属性来确定自己的预期数据，如果儿子没有通过props属性接…

css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图： 图中的内层是content依次是padding border margin。通常我们设置背景时就是内容…

最近接手了一个React开源项目，上手前看了一些react的基础教程就撸了，之前有着半年Angular转2年Vue的前端经验，但是还是对React心生畏惧。 项目做了大概一个周了，发现果然世界上代码都是一样的，React几乎和Vue的用法一样，唯一的学习成本在于语法（如果你能理…

传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个html文件的跳转，这个时候受网络、性能影响，浏览器会出现不定时间的空白界面，用户体验不好。现在的应用都流行SPA应用（single page application），单页面应用就是用户通过某些操作更改地址栏u…