归档: 2015/5

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)}