归档: 2015/5

2015
0

Quanta杯总结-2

JS交互（后台）这次作品和后台交互还是蛮多的，自己已经不只是再单纯的重构写页面了，这次也花了很多时间在这里导致没有太多时间打重构的代码=。=主要涉及这几个：表单验证，表单提交，Ajax，数据传递。 整体结构参考的博文找不到了。。1234567891011121314151617181920212223242526272829var loginBar = { init: function () { _this = loginBar; _this.config = { $loginBtn: $('#login-btn'), $regisBtn: $('#regis-btn'), $loginOly: $('#login-overlay'), $regisOly: $('#regis-overlay') }; _this.setup(); }, setup: function () { _this.bindEvent(_this.config.$loginBtn, _this.config.$loginOly); _this.bindEvent(_this.config.$regisBtn, _this.config.$regisOly); }, //事件绑定，外部也可以单独调用 bindEvent: function (clickObj, targetObj) { clickObj.click(function () { targetObj.fadeIn(500).click(function (event) { if (event.target == $(this).context) { $(this).fadeOut(500); }; }) }) }}

0

Meteor学习笔记-1

扯淡弄完Quanta杯总得自己找点东西来学呀~去肖老板办公室见了中大的两个做外包的师兄，有个师兄也会前端，看到他用了Meteor,那我自己也来搞一下咯~Hexo的模板渲染遇到Meteor的模板代码会渲染出错！！所以有些代码就不放上去了。 安装 METEOR 还是想直接在Win下搞，选择好安装包后安装，记得要翻墙（也可能是校园网屏蔽了某些网站） 框架是直接安装在C盘下的C:\Users\Administrator\AppData\Local\.meteor。把meteor.bat添加到系统变量，然后就可以在任意位置使用命令创建新的应用了：meteor create simple-todos。后来发现用WebStorm打开也可以直接创建Meteor应用，真不愧是前端神器啊，而且还有其他前端应用比如Bootstrap，PhoneGap等等。 指导文档：Installing Meteor

0

Quanta杯总结-1

简要地说一下这次的作品吧：时间大概是20天。项目的idea是运营部的人想的，设计师和冬令营的设计师一样，这次我就专注做重构（其实后来写了好多前台和后台的交互），后台找了舍友。我和舍友都是大二才参加Quanta，所以要和大一的一起做作品比赛。具体项目的功能是在线同步聊天看视频。运营说是参考这个网站：letsgaze（可能需要翻墙，而且必须要用Chrome浏览器）。简单的说就是两个人一起看视频，我暂停，你也暂停，我播放，你也播放，看的内容是同步的。同时也可以聊天。上面这个就是主页了。接下来写点东西记录一下做的时候遇到的坑吧。静态页面：Together。其他的页面在根目录下可以找到。

0

益米主页总结(3)

第一次用上图片有点小激动。。五一小长假又是在学校。现在都是一个学期才回一次家了。 JS-main其实重新去看自己写的JS，有好多地方可以改。更悲催的是，发现JS基本都是用来实现动画效果的=。=1234567var commonAnimatefun = function(id, prevCls, addCls) { var ele = document.getElementById(id); if (ele.className.indexOf(prevCls) > -1) { return; }; ele.className += addCls;} 实现第一部分写的滚动触发JS然后给父元素添加动画类就是这个函数了。之前写的重复的太多，就封装成这个函数，当符合条件就触发。当然，为了避免多次添加类，函数内做一点判断。不过我更想是执行了一遍这个函数就取消执行，不要进入函数判断。写这篇东西的时候自己看着JS好不爽，边写边重新重构代码了：

0

益米主页总结(2)

你们知道弄了一整天才把博客重新弄好是什么心情吗。。给笔记本换了固态硬盘格了C盘D盘什么软件都要重装。折腾了好久才知道原来HEXO升级为3.0了。之前2.7用的好好的现在弄了好久真的是心好累啊心好累啊。不过算是弄好了，自己把public文件夹手动deploy【再见】。好了记一下主页里用到的JS吧。最终页面：益米，让校园生活轻松自在 JS-base不知道为什么我自己就是不喜欢用jQuery。就是喜欢自己写长长的JS代码。所以把自己之前写过的函数都收集起来真的是太有必要了： 判断是否在数组内12345678function is_inArray (array,target) { for (var i = 0; i < array.length; i++) { if (array[i] == target) { return i; } } return -1;} 其实我觉得写得还好。。不过来看看zepto.js的：123$.inArray = function(elem, array, i){ return emptyArray.indexOf.call(array, elem, i)}