leoythonc

希望使用者有JavaScript基础，熟悉typescript更佳。 如代码所示，将本项目克隆至本地，安装好依赖即可启动服务，默认端口为9999，倘若需要调整请在根目录的config.ts中进行调整。 会持续维护。至于后续会接入什么模块，将视个人业余时间而定，初步设想会完善有用…

整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

可能由于用词不当，让大家误认为getUserInfo被弃用，其实是我们在用户未授权的情况下无法通过API调用的方式使用getUserInfo。 文章里少体现一个重要内容：获取用户头像昵称，第一次需要使用 button 组件授权，如果已经用组件授权了，wx.getUserInfo…

还是和我之前的风格一样，这里只可能出现业务型的干货，并不会在此过多的原理陈述(一是怕误人子弟，二是感觉没必要)，git作为一种工具，我们能在工作中用得顺手即可。 进入新公司或是加入新的工作群，最重要的事情当然是要拿到当前业务的代码，这是进行后续开发工作的基础。就我们当前的开发情…

一看标题，就觉得是标题党，本来只是觉得文章误人子弟，但是一看阅读量太大，截止写这篇文章为止，阅读量已经达到3K，所以觉得还是有必要专门驳斥一下的。 首先声明观点，文章的前半部分是赞同的，但是后半部分完全是不负责任的误人子弟。 发完文章之后就去写代码了，刚刚发现挺多人对本文有疑问…

以我司为例，我们团队内部使用Gitlab作为代码仓库，所以以下内容都是在Gitlab中进行实践的，当然在Github上其实也是大同小异的。 Webhook顾名思义，其实就是一钩子。当我们在Gitlab上做出某些特定操作时，可以触发钩子，去进行一些我们事先设定好的脚本，以达到某些…

我们的官网是特别“纯正”的vue-cli项目，也就是说这是个用webpack进行打包的单页应用。 在路由方面选择的是vue-router，mode是hash模式，因为并不需要考虑IE浏览器以及移动端浏览器(特别是微信这个小妖精)，所以并没有特别注意路由这一块的配置。 在页面开发…

星星填充的写法与tiny-rate类似，也是两层元素的叠加来模拟星星填充的效果，与之不同的是我给每颗星星(item)上都添加了点击事件，为了兼容我们在移动端的使用。点击每颗星星时，获取其序号，通过css3d的calc来计算出应该变化的宽度，从而达成星星填充的效果。 另外，由于☆…

因为项目是基于React，所以下面的源码基本都是在播放器组件中抽出来的，不过无论在什么框架下开发，逻辑是一样滴。 先从简单的开始讲起吧，说到播放器几个常用的操作按钮肯定少不了，但是最重要的是那一个可以拖动的播放条。 进度条的大致原理就是获取音频的当前播放时长以及音频总时长的比例…