前端拾渣

定义一个名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是从父组件传过来的属性对象，如果父组件没有传入属性而组件自身…

最近我们就有一个需求，需要标识出一些热门场所的人流的热力图情况，同时需要给出该热门场所的边界轮廓。经过查看百度地图和高德地图的开发者API文档，发现并没有这类公共接口提供我们使用。目前地图能够提供我们使用的，基本只能是一些行政区划的边界范围，这个在我之前的文章中也有写过，大家可…

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set实例的创建可以简单通过new方法来实现，同时可以通过传入一个数组格式的参数来实例化。 删除某个值，返回一个布尔值，表示删除是否成功。 返回一个布尔值，表示该值是否为Set的成员。 清…

详情请查看在线版本

主要整理日常工作中常用的一些通用Js代码，以方便能够记录与使用。