# loveTanabata **Repository Path**: clarkkent/loveTanabata ## Basic Information - **Project Name**: loveTanabata - **Description**: 热恋中的福利，改一改代码中的文案以及代码图片，给你女朋友一个神秘的七夕礼物，程序也是有爱的！！！ - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: https://hjm100.gitee.io/me/love.html - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 6 - **Created**: 2020-02-13 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README #loveTanabata（七夕节的浪漫） ## ******************************************************************** 热恋中的福利，改一改代码中的文案以及代码图片，给你女朋友一个神秘的七夕礼物！ 程序也是有爱的！！！ 希望程序的世界里多姿多彩，这就是程序之美，学好程序爱情事业双丰收！ 程序之路虽然苦涩但是也可以给自己创造甜甜的美味，喜欢程序,就去创新吧！！ ## ***************************************************************** # 0.love（2014年的相识，让我来不及准备》》爱需要用一生去补偿） ## ***************************************************************** # 1.loveLog（2015年七夕礼物-->日志短信爱的执着） ## ***************************************************************** 注：这是一个程序的结合体，甜蜜的气息也不忘记练习工作，练习一下css3的动画！！ 基本上含金量不是太高，但是素材都是精心准备的，那时候的我前端知识入程度不高！ 只是写一点静态的页面以及js的交互，不过这份礼物虽然有点陋但是她很开心！ 首页是一个简单的打地鼠游戏，当分值达到一百的时候提示后面有惊喜！ 这个惊喜可以说是相识相知一整年，通过字数计算，刚好25124多个字，万里长征！ 这只是一个开头，路还有很远，当滚动条滚动到最低端的时候等待6s发生一个事件！ 即为跳转页面，一个爱的魔方作为礼物的尾声，是一个完美的设计！ 整体音乐选择：最爱的棉花糖钢琴曲（欢快的音乐氛围最佳）！ 技术性知识： 判断滚动条是否在底部：（可以自己研究一下） scrollTop为滚动条在Y轴上的滚动距离。 clientHeight为内容可视区域的高度。 scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。 scrollTop + clientHeight == scrollHeight。 ### [日志短信爱的执着预览地址](https://hjm100.gitee.io/lovetanabata/loveLog/index.html) ## ***************************************************************** # 2.lovePhoto（2016年七夕礼物-->甜蜜相册） ## ***************************************************************** 注：这个简单的小程序虽然没什么技术含量，主要是用心做的就是完美的。 基本上没什么代码，使用了一个jq相册插件jquery.fancybox-buttons.js。 页面显示的是小图片，里面连接大图片，相信大家都是可以写出来的。 程序王者之路技术固然重要，最重要的是思路，要敢做感想。 文字图片配音乐，七夕甜蜜无限爱，希望天下有情人终成眷属！！！！！ ### [甜蜜相册预览地址](https://hjm100.gitee.io/lovetanabata/lovePhoto/index.html) ## ***************************************************************** # 3.loveLetter（2017年七夕礼物-->一封甜蜜的电报） ## ***************************************************************** 注：为什么是来自一封甜蜜的信，代表着远方的思念， 2017年我在北京你在家乡， 你的专属情人节，没有玫瑰的幽香，没有巧克力的甜蜜， 作为一个程序员，随着 专业知识的提高，这封甜蜜电报送给你，它寄托着我的思念与回忆。 顾名思义，甜蜜电报是用程序写的一个打字机，当打字结束后调用一个canvas时钟 时钟记录了我们相遇相知的时间，一转眼已经有三年了。程序的入口是一个摇一摇 增强用户提要的同时，显得有那么些许高大上，不过ios系统总是那么独特，声音的 处理现在也不是很完美（还好她的手机是安卓）不是偷懒，真心的不知道如何是好， 希望大牛给予指点，pc端的排版与移动端的排版有所不同，手机端是左右浮动，移动 端是上下定位，因此绝大程度的避免了，排版错乱问题，可能兼容性不太好，但是足 以满足你的需求，爱就要行动起来，没有完美，只有更加接近完美，2017年是个思念 的年，2017年还一个奋斗的年，加油少年，前方的路，她是我的风景。。。。。 项目分为两个风格：1：网页版、2：app(打包完后附加上apk文件) 添加音乐播放器，播放的音乐是我表白的时候为她点的歌，浪漫气息更加浓烈 浪漫APP安装包下载地址（安卓与ios都有）： 链接: https://pan.baidu.com/s/1c1OJIfu 密码: ahjm ### [一封甜蜜的电报预览地址](https://hjm100.gitee.io/lovetanabata/loveLetter/Applove/index.html) ## ***************************************************************** # 4.loveSpeak（2018年七夕礼物-->说不完的土味情话） ## ***************************************************************** 注:说不完的土味情话，送给你一生一世的甜蜜，送给你每时每刻的枕边蜜语。 点击“生成情话”按钮，打乱情话库的文字，但随着动画特效随机生成一条情话。 就是这么神秘，扫描二维码可以给朋友分享本页面链接，幸福要懂得分享。 点击下载生成图片按钮，会将整个页面生成图片，可以长按保存啦！ ### [说不完的土味情话预览地址](https://hjm100.gitee.io/lovetanabata/loveSpeak/index.html) ## ***************************************************************** # 5.loveMeteorShower（2019年七夕礼物-->陪你去看流星雨） ## ***************************************************************** 注:陪你一起去看流星雨，在安静的夜空下说不完的情话，一个小男孩望着远方，希望流星能够 给你带去远方的思念，2019年的七夕是我们异地分离度过的第5个七夕，虽然满满的都是思念，但还是希 望宝宝能永远开心快乐，希望天下所有异地的恋人能够早日告别异地的酸楚，有情人终成眷属。 本礼物设计思路： 1. 页面加载后点击按钮：梦梦大人陪我一起去看流星雨吧 1. 点击按钮后隐藏遮罩层 --> 播放音乐 --> 播放星星聚合动画（5秒一下）点击的时候切换文案播放 1. 播放完毕后展示这些年的作品项目路径 1. 爱就要永远向前看 ### [陪你去看流星雨](https://hjm100.gitee.io/lovetanabata/loveMeteorShower/index.html) ## ***************************************************************** （可能服务器已经到期，需要的小伙伴只能通过下载源码来访问和预览了）