mykurisu

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

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

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

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

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

2.23修复了2026年2月份会渲染多一行的bug，谢谢@深蓝一人童鞋提出的bug，解决方案是给二月份的日历做特殊处理，new Date(year, month+1, 0).getDay() === 6时不会再渲染后面的日期。 下面是借鉴px2rem模式，写的基于vw为主单位的…

这个布局相信大家都很熟悉吧，特别是看过阮一峰Flex 布局教程：实例篇的童鞋们，是不是倍感亲切。 没错，我们这个布局是基于flex完成的，主要思路是纵横元素的分离。 整个九宫格区域应该是一个定宽高（其实不定也无所谓）的块元素，将每一行(row)纵向排列。 每一行都是一个row，…

相信大家都有接到过做活动页的需求吧，并且而且大部分情况下是基于微信环境的。在这样的背景下，vue方便快捷的生产模式似乎比其他框架要更占优。 一般开发一个活动单页需要用到的技术有Vue/Vue-router/axios/sass/webpack，看似好像挺多的，但其实vue-cl…

首先介绍一下项目的背景，脱离了背景谈需求都在瞎逼逼，本次活动页是独立于主站项目(SPA)的新独立项目，但是由于对微信的强依赖，新项目还是需要挂在主域名下。 这有啥的，让运维同事帮忙配个nginx把主站的某个路径指向新项目目录就好呗~事实上确实是的，一开始配的域名是m.kuris…