程序猿情人节专用项目大集合~
大家好,我是TJ
关注TJ君,回复“武功秘籍”免费获取计算机宝典书籍
TJ君花了一个周末将之前发过的各种项目及工具进行了整理,收录到了GitHub项目,欢迎各位小伙伴光临Star,地址如下:https://github.com/Wechat-TJ/TJ-WORLD-FORU
今天是很多人期待的一天,情人节!
当然也会有很多小伙伴说,不过节要学习(单身狗没人陪)~
不管有没有人陪,我们程序猿的情人节礼物自然要和其他人不一样,不过是现在还是未来,准备点和情人节有关的项目,总归是没错的吧,今天TJ君就给大家来介绍几个不错的情人节项目~
一号选手:礼物大转盘
每每到这种节日,是不是该给自己的女友准备点礼物?那到底是送个520红包还是来个全套的海蓝之谜?
女孩子最喜欢什么?是惊喜是未知。那么我们就要将谜底留到最后一刻。
giftie,礼物大转盘就是基于这样一个理念的vue+JavaScript组合而成的项目。
项目采用「自定义文案」+「自定义礼物」+「抽奖」的形式,也就是说:文字,自己决定,礼物,自己准备,最终,看女友的手气能抽到什么就是什么,非常简单。
当然你的转盘里面要都是辣条、薯片、冰糖葫芦,那么估计女朋友转到什么都是不满意的,我们来看看作者的示例代码有哪些:
export const gifts = [
{ key: 'q', name: 'Dior双飞套装', alias: 'Dior双飞', image: '/images/1.png', description: '「经典迷人色彩,彰显奢华魅力」' },
{ key: 'w', name: '腾讯视频终身VIP', alias: 'VIP', image: '/images/2.png', description: '“为你承包一辈子的 VIP”' },
{ key: 'e', name: '兰蔻小黑瓶套装', alias: '小黑瓶套装', image: '/images/3.png', description: '「强维稳,快修护」' },
{ key: 'r', name: '520红包', alias: '520', image: '/images/6.png', description: '“想给你唱一百首情歌”' },
{ key: 't', name: 'Dior星空套装', alias: 'Dior星空', image: '/images/5.png', description: '「百变唇妆,精美雕琢」' },
{ key: 'y', name: '1314红包', alias: '1314', image: '/images/6.png', description: '“从今往后,我都会在你旁边”' },
{ key: 'u', name: 'UR购物券:¥1,000', alias: 'UR', image: '/images/7.png', description: '“UR!买!”' },
{ key: 'i', name: 'Dyson美发套装', alias: '戴森', image: '/images/8.png', description: '「不同造型需求,全面满足」' },
];
看的出,作者还是很舍得花血本的哦!
看看实际的效果吧:
图片来自作者体验小程序
TJ君觉得,这个项目还有一个好处,就是不去想到底买什么不用担心买的到底会不会喜欢但最后也不会被女友觉得不用心~嘿嘿~
二号选手:表白网站
女孩子喜欢什么,在第一个项目里提到过了,女孩子喜欢惊喜,或者,就是独一无二的专属!
那么是不是给你的女友做一个表白的网站,只属于她一个人的?
LoveSourceCode,就是这样一个教你简简单单做出表白网站的项目,项目提供多种模板,简单的修改就能让你与众不同
图片来自GitHub
三号选手:百度能查到的都是你
一个仿百度的网站,看上去和百度一毛一样,但实际上内藏玄机,里面的每一个搜索,都是你准备预设好的内容,所以来说,嘿嘿,她以为用的是百度,查到的都是你爱他~
使用方法也是非常简单:
步骤1,下载代码包
步骤2,替换你要的文字和图片,例如:
展示页 show.html
111行修改日期
135行修改表白者/被表白者姓名
图片,覆盖images目录下的文件,除baidu.png
音乐,覆盖bgMusic.mp3文件
图片来自GitHub
三位选手各有所长,你喜欢哪一个呢?
点击下方卡片,关注公众号“TJ君”
回复“情人节2022”,获取仓库地址
关注我,每天了解一个牛x、好用、有趣的东东
往期推荐