前端荣耀

Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重复值的功能。 在ES6之前，我们如果想要实现这个功能的话，需要的处理代码要多很多。 这个技巧的适用范围是数组中的数值的类型为：un…

定义一个名child子组件，为该子组件添加内容应该在子组件的template中定义，直接在父组件的<child>标签中定义的内容不会被渲染。 在子组件中通过加入<slot>元素占位，便能够渲染父组件中子组件标签中的内容了。 插槽可以有默认内容，当在父组件中没有提供内容的时候，来…

当使用 PascalCase (首字母大写命名) 定义一个组件时，你在引用这个自定义元素时两种命名法都可以使用。也就是说 和 都是可接受的。 注册之后可以用在任何新创建的Vue跟实例(new Vue)的模版中。 我们往往有很多功能单一的基础组件，而这些组件有经常会被各个功能组件…

1、Vue.js的数据绑定形式是使用“Mustache”语法（双大括号）的形式，针对Html代码，需要使用v-html指令。 2、Mustache语法不能作用在HTML特性上面，此时需要使用v-bind指令。 1、一些指令能够接收一个“参数”，在指令名称之后以冒号表示，如v-b…

我们遇到的一类H5，其中包括“强动画”效果，UI设计提供的是一系列序列帧的素材时，前端将序列帧素材还原成动画进行展示的H5. 采用gif格式的图片来展示序列帧动画，会存在图片文件大，移动端失真以及安卓端卡顿，以及循环播放情况下有时只会播放一次的情况。只能作为零碎的点缀素材时使用…

由于这次制作的H5互动小游戏需要针对点击速度进行动效的更新，然后游戏场景中有很多的元素，在使用canvas的过程中，发现在安卓机上面会出现快速点击之后页面卡顿的现象，由于动画的卡顿，导致页面上面的计时器（setInterval）被卡停了，最终出现了安卓机的游戏结果拉了IOS一条…

我们的组件都是使用ES6的class定义的，所以组件的属性其实也就是class的属性（更确切的说法是class实例化对象的属性，但因为JavaScript本质上是没有类的定义的，class只不过是ES6提供的语法糖，所以这里模糊化类和对象的区别）。 在ES6中，可以使用this…

（1）在React中，事件命名采用驼峰命名方式，而不是DOM元素中的小写字母命名方式。例如onclick要写成onClick，onchange要写成onChange等。 （2）处理事件的响应函数要以对象的形式赋值给事件属性，而不是DOM中的字符串形式。例如在DOM中绑定一个点击…

此阶段组件被创建，执行初始化，并被挂载到DOM中，完成组件第一次渲染。 constructor本身是ES6的class的构造方法，组件被创建时，会首先调用组件的构造方法。这个构造方法会接受一个props参数，props是从父组件传过来的属性对象，如果父组件没有传入属性而组件自身…