水平无限循环弹幕的实现

文章首页图片 2018-11-18

前言

在项目实践中应该有很多场景会用到弹幕,那么如何实现一个完美版本的弹幕呢?接下来我们原理加代码带你实现一个完整的弹幕组件(react版本)

无限循环的水平弹幕实现原理

针对实现原理,这里我画了一张原理图,大家可以看一下:

![](https://blogimages2016.o

阅读全文

填充IOS下输入框的两个坑

文章首页图片 2018-09-18

前言

IOS的坑向来就不会少,这不,最近在重构组件库的时候,就发现了两个坑,然后也找到解决办法去把坑给填上,这里记录一下,以备后面回忆。

坑一:Input输入框配合系统输入法在实时搜索的应用中会出现错误的行为

该坑的示例代码如下:

![](https://blogimages201

阅读全文

学习不一样的Array.sort

文章首页图片 2018-08-08

前言

最近在实际业务中用到了大量和排序相关的问题,而排序在不依赖于外部库的前提下,原生的函数sort就肯定是你的首选。今天这篇文章我们依然秉承着学以致用的原则,先说说理论,然后再结合业务用到的一些排序场景跟大家探讨探讨这个函数的一些用法

1、Array.sort

根据[MDN](htt

阅读全文

你以为装饰器那么容易学吗?

文章首页图片 2018-06-24

前言

最近在使用mobx的时候考虑到每个action都要各种try...catch,各种toast loading,觉得好烦,然后想到ES7的装饰器不就是为了少写代码的吗?于是我就立马付诸实践,开始我的装饰器的第一个应用,结果踩了好多坑,瞬间感觉说的跟做得果然不一样! <img src=" h

阅读全文

JS实时通信三把斧系列之一: websocket

文章首页图片 2018-04-12

前言

前端的学习路线永远不会缺少实时通信这个领域,为了给自己填充这块知识.顺便可以完成公司的长连接项目,我开始学习系统学习这块领域的知识.整个系列按照实时通信的实现方式来学习,目前能够应用在实际项目中有如下三种方式:

  1. websocket: [JS实时通信三把斧系列之一: websock
阅读全文