我是怎么写JavaScript框架的(一)

前言

以前大三的时候写的一个小框架,仿jquery链式结构,纯属练手,大牛勿喷。当时还把JQ的源码全部打印下来(因为在电脑上看不方便做笔记),7600+行代码,300+页A4纸,对照着看别人是怎么写的。还好一个长我一届的学长当时比较闲,我说我想读JQ代码,他也没读过,就找来上两届的学长以前练手写的小框架进行学习。可惜只找到了压缩混淆后的代码,对于一个渣渣来说,阅读起来很困难。在他的指点下,我大致了解了原理,并开始着手自己写。现在陆续有学弟找我要这个代码。虽然现在觉得写得一塌糊涂,但是,可能对于和我当时一样摸不着边的人来说,可能会有帮助。我就打算慢慢解析我是怎么写的,并穿插讲解我对JQ(2.0版)写法的理解。其实源代码里我都写有注释,我也是靠这些注释回忆我当时是怎么想的。可能会有很多不好的地方,轻喷~ 罒ω罒

我给库起名Oct.js,是因为这个是在企鹅实习生应聘失败后为10月校招而写。纪念那个稚嫩的我。

全部代码,看这里看这里~( ̄▽ ̄)~* 
配合使用文档看代码更容易理解

Read More

Web开发利器推荐(三)

看到一个很棒的系列,介绍了很多对web开发很有帮助的利器,解决了很多开发中遇到的繁琐事,翻译来分享一下:

Cloudconvert

出色的在线转换器,支持超过150种格式,支持音频、CAD、文档、电子书、图像、表格、演示文稿、视频文件。 与Dropbox和 Google Drive同步,适用于所有智能手机。 最棒的是,它提供功能强大但使用简单的API。

Read More

Web开发利器推荐(二)

看到一个很棒的系列,介绍了很多对web开发很有帮助的利器,解决了很多开发中遇到的繁琐事,翻译来分享一下:

Webflow

通过这些服务,一个没有HTML/CSS知识的人,就能在55分钟内搭建一个跨浏览器的页面。 这是为网页设计师准备的完美解决方案,已经有超过26 000人在使用Webflow。 只能免费创建两个项目,想要创建更多项目的收费也很合理。 这个工具真的很酷。

如果你和我一样是个不喜欢GUI的前端,就可以在Webflow上导出几个免费的响应式布局模板。 我还想推荐responsive layout generatorResponsive Patterns

Read More

Web开发利器推荐(一)

看到一个很棒的系列,介绍了很多对web开发很有帮助的利器,解决了很多开发中遇到的繁琐事,翻译来分享一下:


Prepros

这是很赞的预处理程序。 Prepros能编译很多种语言 (LESS, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, LiveScript, Haml, Markdown),实时压缩和连接JS,优化图片,当CSS或HTML变化时自动刷新浏览器,多设备测试。

所以你不用购买LiverloadGhostlab,Prepros是开源、免费的。 类似的功能只能通过Grunt实现,但Prepros让事情变得简单。

Read More

黑客马拉松促进编程和公民思想

编者注:开放政府数据给黑客们为民服务,不得不给这样开明的镇长点赞~


2月21日,迈阿密戴德镇政府在Miami Ad School举办的编程比赛中开放了政府数据库。

2015年Code Across 的主题围绕21世纪的政府。 这次编程比赛时间与国际数据开放日2月21日吻合。 这次活动以数字化的方式回答了关于政府和社区的常见问题,为迈阿密戴德镇的健康状况、人口资源、社会服务和其他公民服务建立了一个开源指向。

Read More

谷歌推荐的大学生技术学习指南

看到一篇对大学生学习技术很有帮助的指南,翻译一下,供大家参考:


有一个扎实的计算机科学的基础,是成为成功的软件工程师的重要条件。这是一个引导大学生自学技术和非技术技能的建议。你可以通过这个指南决定选修的课程,但是请确保这个课程符合你专业要求,以保证顺利毕业。本指南提供的网上资源并不是要取代大学提供的课程。它们可能会给你所学的内容进行补充或提供一个主题的介绍。

Read More

利用 SVG 和 CSS3 实现有趣的边框动画

演示 | 下载

今天我们来探索一下Carl Philipe Brenner的网站上一个微妙而有趣的动画效果。当鼠标经过网格元素时,会有一个微妙的动画发生——网格元素变得透明,每条边有个顺时针的动画,创造了非常好的效果。这种效果是通过JS给span标签的宽或者高做了动画。我们待会会用SVG和CSS渐变来完成。注意,这个技术还是实验性的。

Read More