摘要: 阿里巴巴菜鸟网络招聘前端开发工程师,我也是这里的前端开发工程师。现在加入,您将有可能成为阿里系创业公司早期员工的一员。电商、物流和金融是阿里的铁三角,互联网+物流会给行业带来怎样的改变?阿里的福利你懂的!工作地点:杭州阿里巴巴西溪园区联系邮箱:tongjie.rtj@alibaba-inc.com阅读全文
posted @ 2015-07-03 09:39 rentj 阅读(391) 评论(2) 编辑
摘要: 这些光标操作快捷键适用mac/linux终端和chrome控制台,这些快捷键都是emacs的快捷键,常用的快捷键:Ctrl + d 删除一个字符,相当于通常的Delete键(命令行若无所有字符,则相当于exit;处理多行标准输入时也表示eof)Ctrl + h 退格删除一个字符,相当于通...阅读全文
posted @ 2015-04-10 10:52 rentj 阅读(758) 评论(0) 编辑
摘要: git是个分布式的版本管理工具,现在我们前端这边用它做版本管理。之前也看过一些相关资料,不过没有使用它管理过项目代码。如今,用它也有段时间了所以就写些东西,仅供参考。###快速上手工作经常用到的几个git命令:1. git clone 版本库地址 克隆远程版本库到本地2. git checkou...阅读全文
posted @ 2015-04-09 11:33 rentj 阅读(695) 评论(0) 编辑
摘要: 逻辑解偶: MVC是一个表现层的架构模式,它把我们的Web应用划分成模型,视图,控制器三部分。从逻辑上解耦了系统的业务逻辑和表现逻辑。但问题在于MVC的各部分并没有一个严格的定义,去指导我们什么时候使用M什么时候应该使用V,这些判断都取决于我们以往的项目经验,所以对于工作应验不多的人来说要完全理...阅读全文
posted @ 2014-11-13 23:16 rentj 阅读(530) 评论(0) 编辑
摘要: function TimeSpan(h, m, s) { this.h = Number(h); this.m = Number(m); this.s = Number(s);}TimeSpan.prototype = { timer: null, stop: func...阅读全文
posted @ 2014-08-12 22:03 rentj 阅读(732) 评论(1) 编辑
摘要: /*1、width: viewport的宽度,css像素,三星S3的viewort默认宽度是980px。 当设置viewport width=device-width时,对应的媒体查询中width的值为:设备物理像素 / window.devicePixelRatio。 ----------------------------------------------------------*/ @media screen and (width:360px){ body{ background-color:#0f0; } } /*2、device-with: 屏幕宽度,and...阅读全文
posted @ 2014-02-17 20:49 rentj 阅读(5320) 评论(0) 编辑
摘要: 应用了seajs的模块化js文件不能像普通js文件一样直接合并和压缩,具体可以看这里为什么 SeaJS 模块的合并这么麻烦。下面演示了如何使用VS2012一键发布应用了seajs的asp.net项目,需要用到的工具有nodejs、grunt、msbuild等。项目目录结构其中base.js是一个公用的JS库,pulg-a.js,pulg-b.js是基于base的公用插件。对于开发环境的项目,在浏览器中访问Index.html 会加载base.js、sea.js、 common.js、 plug-a.js、plug-b.js。对于发布后的项目,在浏览器中访问Index.html只会加载 seas阅读全文
posted @ 2013-04-22 11:35 rentj 阅读(440) 评论(1) 编辑
摘要: 在Visual Studio中通过修改发布配置文件,可以在发布Web时自动调用YUICompressor批量压缩项目中JS和CSS。这种方式的优点,一是不需要在项目的js、css文件夹中单独建立debug子文件夹来存放未经压缩的文件,二是使用debug模式发布时不会进行压缩方便调试。具体方法如下:1 安装JRE,下载YUICompressor,并解压(如:E:\工具\yuicompressor)2 新建Compressor.bat文件内容为:@echo offif "%1" == "" goto exitpushd "%1"echo 阅读全文
posted @ 2013-03-06 18:12 rentj 阅读(3923) 评论(4) 编辑
摘要: 单例模式确保一个类在整个应用程序中只有一个是实例对象,在Javascript可以使用单例模式来管理命名空间;代码:function Namespace(name){ return window[name] || (window[name] = {}); }(function(){ var DOM = Namespace("DOM"); DOM.method = function(){ //..... };}())console.log(DOM.method());阅读全文
posted @ 2013-03-04 14:58 rentj 阅读(245) 评论(0) 编辑
摘要: 解释器模式(Interpreter):定义一种语法格式,通过程序解释执行它并完成相应的任务。在前端编程场景中可以应用解释器模式来解释CSS选择符实现DOM元素的选择。开放封闭原则:面向对象中的开放封闭原则是类或模块应该对扩展开放对修改封闭,在这个dom选择器中实现id选择器,元素选择器,类选择器,如果以后需要属性选择器的话定义一个属性选择器实现相应的方法,同时在简单工厂中增加相应的创建属性选择器对象分支即可。匹配原理:浏览器在匹配CSS选择符时是按照从右到左匹配的,所以实现自己的DOM选择器时匹配行为也应该和浏览原生匹配行为一致。代码:(function (ns) { /* //tagNam.阅读全文
posted @ 2013-03-01 12:19 rentj 阅读(2407) 评论(1) 编辑