怎么说嘞，我又写了个音乐播放器，不过这次是用 React 写的。之前实习的时候用了两个多月 React，实习结束之后过了两个月就已经快把 React 忘了，所以决定写个项目复习一下。 加上自己之前用 Vue 实现过一个简单的手机端 Web 版音乐客户端，虽然功能还比较全，但是距…

最近折腾 Websocket，打算开发一个聊天室应用练练手。在应用开发的过程中发现可以插入 emoji ，粘贴图片的富文本输入框其实蕴含着许多有趣的知识，于是便打算记录下来和大家分享。 是不是觉得很神奇？接下来我会一步步讲解这里面的功能都是如何实现的。 传统的输入框都是使用 <…

本文github仓库代码地址，欢迎star，谢谢。 从运行结果来看，运行正常，没有问题。接下来看看一步一步实现的过程: 一. 完成最简单的通过vuex定义全局变量，在任何一个页面可以通过this.$store.state.count可以直接使用 二. vuex中的getter方…

Web 全景在以前带宽有限的条件下常常用来作为街景和 360° 全景图片的查看。它可以给用户一种 self-immersive 的体验，通过简单的操作，自由的查看周围的物体。随着一些运营商推出大王卡等免流服务，以及 4G 环境的普及，大流量的应用也逐渐得到推广。比如，我们是否可…

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

[实践系列] 主要是让我们通过实践去加深对一些原理的理解。 有兴趣的同学可以关注 [实践系列] 。 求star求follow~ 1. 什么是babel ? 2. 可靠的工具来源于可怕的付出 3. Babel担任的角色 即使你自己没有使用它，但你的依赖很可能正在使用 Babel。…

魔方是个结构简单而变化无穷的神奇玩具。那么如何在万能的浏览器里模拟出魔方的无尽变换，又如何将其还原呢？下面让我们一步步地来一探究竟吧。 拆解过魔方的同学可能知道，现实中魔方的内部结构包含了中轴、弹簧、螺丝等机械装置。但当我们只是想要「模拟」它的时候，我们只需抓住它最显著的性质即…

我本地是用Docker进行搭建的。 1） 在执行 docker-compose run --rm web upgrade 时报错。 2）执行 docker-compose up -d 报错，关闭 docker再重新打开。 3）执行 docker-compose run --rm…