背景 最近笔者在工作中遇到了一个小需求： 要实现一个组件来播放帧图片 这个需求本身不复杂，但是需要在组件中一次性引入十张图片，就像下面这样： {代码...} 作为一个有代码洁癖的程序员，我是不允许这种重复性代码存在滴，于是乎就尝试有没有什么简单的方法。 方法...

最近在用VUE写一个后台管理系统，顶部标签页涉及鼠标滚轮事件，由于每个浏览器对滚轮事件的处理方式不一样，个人对这个又不懂，折腾了很久，参考了大神的代码，也把百度翻烂了，找到了一篇陈旧的博文（其实是主题很土，发布时间未知）。写得非常清楚，解决了我的问题...

Vue.js中内置了强大好用的过渡和动画辅助系统，让我们在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。Vue提供的 <transition> 和 <transition-group>的封装组件，可以包裹在我们需要添加进入/离开过渡的元素和组件的外面。可是，这两个...

什么是函数式组件没有管理任何状态，也没有监听任何传递给它的状态，也没有生命周期方法，它只是一个接受一些 prop 的函数。简单来说是 一个无状态和无实例的组件

我刚刚接触文档翻译，英语自打大学英语六级（CET-6）通过后就在没有提升过，现在基本上都快还给我的英语老师了@_@。直至发稿时，全网（百度）搜索没有发现一片像样的文档，好事心又开始作怪，发出来就当祭天了（估计老天爷都嫌弃文笔差，最近看《明朝那些事儿》才知...

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。

koa-session是koa的session管理中间件，最近在写登录注册模块的时候学习了一下这部分的代码，感觉还比较容易看明白，让自己对于session的理解也更加深入了，这里总结一下。

bodyParser用法错误 {代码...} 替换为 {代码...}

Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重复值的功能。

这种效果让我做的话，我一开始是用会四列的<ul> 和 <li>来实现。转动的列表嘛，最直观的就是这样了。这种方法最麻烦就是要做两三层的包裹，然后各种设置overflow,特别是有些时候还有恶心的滚动条出现，滚动条不仅不美观，还会让我们算出来的每个元素宽度...

最近几年随着大数据的兴起，以及浏览器性能的提升，数据可视化成为了一个热点，前端也冒出来了很多数据可视化的岗位。本人也做过一些数据可视化相关的产品，下面聊聊对数据可视化的一些思考。本文的数据可视化一般专指互联网公司web前端接触的数据可视化

本文能帮你做什么？1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等，也难免存在一些问题，欢...

scrollbar-width: none;这个我刚在项目遇到这个问题，乱试试了出来。亲测是可以的，大家可以试试(不能保证兼容性，我的版本是FF64)

scrollbar-width: none;这个我刚在项目遇到这个问题，乱试试了出来。亲测是可以的，大家可以试试(不能保证兼容性，我的版本是FF64)

已用babel-plugin-jsx-v-model解决 参考1参考2

前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。