前端实现弹幕效果的方法总结(包含css3和canvas的实现方式)

原文地址:https://github.com/forthealllight/blog/issues/17)

之前在一个移动端的抽奖页面中,在抽奖结果的展示窗口需要弹幕轮播显示,之前踩过一些小坑,现在总结一下前端弹幕效果的实现方式。

  • css3实现乞丐版的弹幕
  • css3弹幕性能优化
  • canvas实现弹幕
  • canva弹幕的扩展功能

全文

异常监控:教你如何优雅的处理前端异常

原文地址:https://mp.weixin.qq.com/s/bOohIxkx7A3OiilkgvjvXg

作者:Jartto's blog来源:http://jartto.wang/2018/11/20/js-exception-handling/

前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人。

全文

Web性能领域常见的专业术语

原文地址:https://mp.weixin.qq.com/s/GIpmZIY6yxGRBpkTDHuJuw

衡量网页的性能是一个比较琐碎的事情,因为没有某一个指标或数字可以直接告诉我们网页的性能怎样,因为加载网页不是一瞬间的事,准确地说,它是一个过程,不存在某个单独的 “时间点” 可以完全体现出网页的性能,因为在网页加载的过程中,有很多个比较关键的 “时间点” 可以影响用户的感觉(感觉我们的网页是 “快” 还是 “慢”)。而且不同类型的产品所侧重的点也都不太一样,可能同一个时间点,对于某些产品至关重要,但对于另外一些产品,则完全不care。

全文

React useEffect的陷阱

原文地址:https://zhuanlan.zhihu.com/p/84697185

今天就来讲一个useEffect这个Hook使用的一个小陷阱,看下面的代码,一个Counter,在窗口大小改变的时候,在console上输出当前count。

全文

React SSR 详解 + 2个项目实战

原文地址:https://juejin.im/post/5def0816f265da33aa6aa7fe

全文

你不知道的 JSON.stringify() 的威力

原文地址:https://github.com/NieZhuZhu/Blog/issues/1

全文

webpack打包之后js文件引用顺序错乱,vendor顺序错误

webpack打包之后js文件引用顺序错乱,vendor顺序变成了最后,自己查了很多方法,都不能解决问题,于是自己一个一个排查,终于找到了问题所在

全文

Webpack多入口文件、热更新等体验

原文地址:https://www.cnblogs.com/cqhaibin/p/6581308.html

Webpack现今流行的前端打包工具,今儿本人也来分享下自己学习体验。

全文

正则大全

原文地址:https://github.com/any86/any-rule

全文

写给前端的正则表达式入门

转载自:segmentfault.com
作者:savokiss
原文地址:https://segmentfault.com/a/1190000021145901

JavaScript 中,使用 // 即可创建一个正则表达式对象,当然也可以使用 new RegExp()

常用的跟正则相关的方法有 matchtestreplace
其中 matchreplace 都是字符串上的方法, test 是正则对象上的方法。

全文

🌓