摘要：
阿里巴巴菜鸟网络招聘前端开发工程师，我也是这里的前端开发工程师。现在加入，您将有可能成为阿里系创业公司早期员工的一员。电商、物流和金融是阿里的铁三角，互联网＋物流会给行业带来怎样的改变？阿里的福利你懂的！工作地点：杭州阿里巴巴西溪园区联系邮箱：tongjie.rtj@alibaba-inc.com 阅读全文
摘要：
这些光标操作快捷键适用mac/linux终端和chrome控制台，这些快捷键都是emacs的快捷键，常用的快捷键：Ctrl + d 删除一个字符，相当于通常的Delete键（命令行若无所有字符，则相当于exit；处理多行标准输入时也表示eof）Ctrl + h 退格删除一个字符，相当于通... 阅读全文
摘要：
git是个分布式的版本管理工具，现在我们前端这边用它做版本管理。之前也看过一些相关资料，不过没有使用它管理过项目代码。如今，用它也有段时间了所以就写些东西，仅供参考。###快速上手工作经常用到的几个git命令：1. git clone 版本库地址 克隆远程版本库到本地2. git checkou... 阅读全文
摘要：
逻辑解偶： MVC是一个表现层的架构模式，它把我们的Web应用划分成模型，视图，控制器三部分。从逻辑上解耦了系统的业务逻辑和表现逻辑。但问题在于MVC的各部分并没有一个严格的定义，去指导我们什么时候使用M什么时候应该使用V，这些判断都取决于我们以往的项目经验，所以对于工作应验不多的人来说要完全理... 阅读全文
摘要：
function TimeSpan(h, m, s) { this.h = Number(h); this.m = Number(m); this.s = Number(s);}TimeSpan.prototype = { timer: null, stop: func... 阅读全文
摘要：
/*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... 阅读全文
摘要：
应用了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 阅读全文
摘要：
在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 阅读全文
摘要：
单例模式确保一个类在整个应用程序中只有一个是实例对象，在Javascript可以使用单例模式来管理命名空间；代码：function Namespace(name){ return window[name] || (window[name] = {}); }(function(){ var DOM = Namespace("DOM"); DOM.method = function(){ //..... };}())console.log(DOM.method()); 阅读全文
摘要：
解释器模式（Interpreter）：定义一种语法格式，通过程序解释执行它并完成相应的任务。在前端编程场景中可以应用解释器模式来解释CSS选择符实现DOM元素的选择。开放封闭原则：面向对象中的开放封闭原则是类或模块应该对扩展开放对修改封闭，在这个dom选择器中实现id选择器，元素选择器，类选择器，如果以后需要属性选择器的话定义一个属性选择器实现相应的方法，同时在简单工厂中增加相应的创建属性选择器对象分支即可。匹配原理：浏览器在匹配CSS选择符时是按照从右到左匹配的，所以实现自己的DOM选择器时匹配行为也应该和浏览原生匹配行为一致。代码：(function (ns) { /* //tagNam. 阅读全文
