使用Webhook实现前端自动发布

喜闻乐见的背景故事时间–承接[prerender-spa-plugin]–微型Vue项目的静态化利器,官网上线之后,就开始琢磨,每次改动都得上服务器部署一下,是不是有点麻烦了,是时候该整个自动化部署惹:)然后就开始自己挖坑自己填啦。 本文将会涉及的内容– Webhook是啥?什么时候该使用它? 该怎么利用W...

(prerender-spa-plugin)--微型Vue项目的SEO利器

最近和同事写了个公司的PC官网,综合个人开发习惯、周期以及需求,我最终选择用vue-cli来快捷开发(因为之前已经写好了基于vue-cli的二次定制脚手架)。上线之后,老大说了一句,还是改回静态页吧,SPA的SEO太差啦。这… 本文会涉及到的内容– 使用prerender之前的境况介绍 使用preren...

浅谈React中的组件开发--从星级评价说起

机缘巧合之下,我在接到我司产品星级评价需求的前一天,看到了@蜗牛老湿的★tiny-rate 东半球最小的评级组件☆,在大佬的启发下我就十分顺手的撸了一个移动端用的星级评价组件。 本篇会涉及的内容有: 评价组件的实现 React组件开发浅谈 小结&组件源码(不涉及业务) 星星评价组件的实现组件的实现...

移动端自制日历

最近在做一个类似课程表的需求,需要自制一个日历来支持功能及展现,就顺便研究一下应该怎么开发日历组件。 本文主要涉及以下内容: 怎么开发一套日历皮肤? 怎么计算年月日? 怎么开发日历相关的功能? 总结&DEMO源码 怎么开发一套日历皮肤? 层层分离,块块独立 在梳理日历逻辑之前我想先记录一下日历样...

怎样优雅安全的Get到Object里的东西呢?

写在前面–这是一篇短文,是平时逛各类奇怪网站看到的一个选题,感觉挺有趣的,就自己写了个方法。 不安全的取对象里的元素会怎么样?boom~123let someObject = {a: {b: {c: 'hah'}}}console.log(someO...

基于React跑一个简易版九宫格抽奖

写在前面,年会将至,需求自然也跟各种抽奖有关啦。最近刚好接了一个紧急的九宫格抽奖需求,顺便也记录一下撸这个简易九宫格的过程吧。 本文可能涉及以下内容: 九宫格布局 九宫格动效 抽奖逻辑处理 前后端联调 九宫格布局九宫格大家应该都挺熟悉的吧,就是九个格子嘛,下面给大家看看我们线上的九宫格抽奖↓↓ 等等.....

从-1开始用Vue写一个活动页(三)

历经1周半开发周期,我基于vue的微信活动页也算勉强上线了,经历了不少坑也填了不少坑,总体来说还是受益匪浅的。 本篇会涉及的内容有: Vue活动页框架搭建 开发活动页时路由的相关用法 活动页与主站的用户互通 实际上线遇到的问题 本次开发总结 Vue活动页框架搭建相信大家都有接到过做活动页的需求吧,并且而且...

从-1开始用Vue写一个活动页(二)

距离第一篇的发布过了好久,因为这次真的踩了不少坑..以后还是尽量不要新立项目好了,就跟立了个flag一样T T 第一篇传送门–记从无到有的活动页开发-1 本篇主要内容有以下几点– 使用vue-router除了mode之外,可能还需要知道base属性 关于hash与history这两种模式的选择 关于微信授权...

从-1开始用Vue写一个活动页(一)

写在前面–为啥从-1,因为看到大大们都是从0开始起手的,身为切图仔就只能从-1开始起手啦。不扯啦..让我们进入正题。 关于Vue我感觉不需要再做介绍了,在掘金随便一搜都有一堆,不过如果大家实在没听说过,我还是十分建议直接进入Vue的官方文档进行阅读。 项目背景最近,接了一个活–一个完全独立的活动页开发,由于它...

移动端自制音乐播放器--React

相信大家都有过开发音乐播放器的需求,我也不例外,最近刚好就做了一个这样的需求,所以就顺便把遇到的问题和踩过的坑,分享一下~ 因为项目是基于React,所以下面的源码基本都是在播放器组件中抽出来的,不过无论在什么框架下开发,逻辑是一样滴。 播放器皮肤先从简单的开始讲起吧,说到播放器几个常用的操作按钮肯定少不了,但是...