摘要： 在移动端开发中，有时会出现click点透的问题。一、什么是click点透以下情况，在B元素上有半透明红色遮盖层A，黄色B元素内有可点击链接C。tips：以下举例仅针对webkit内核浏览器，所有效果需要在移动端进行查看（PC端不支持touch事件）。具体html代码如下： 移动端点透问... 阅读全文

摘要： 这几个玩意儿几乎看一次忘一次，每次用都要重新看一遍，还是理解的不够。本文对不做深入解释，只根据自己的理解对函数定义进行语义化说明。1.call()fun.call(context,arg1,arg2),其中arg1，arg2等可无example:function func(){ alert(t... 阅读全文

摘要： 今天在测试的时候发现，在Chrome中的如下代码：new Date("2014-03-09");在Safari中报错invalid date。经过查阅资料找到类似的问答：stackOverflow地址：http://stackoverflow.com/questions/4310953/invalid-date-in-safari解释与翻译如下：目前Safari可以支持的标准格式如下：MM-dd-yyyyyyyy/MM/ddMM/dd/yyyyMMMM dd, yyyyMMM dd, yyyyDateJS是一个很好的格式化非标准格式日期的库。关于Date日期标准，原文截取E 阅读全文

摘要： 英文原文：http://www.mobify.com/blog/css-sprites-vs-data-uris-which-is-faster-on-mobile/中文翻译：http://www.csdn.net/article/2013-09-25/2816925-CSS-Sprites-vs.-Data-URIs:-Which-is-Faster-on-Mobile上文对dataURI 与 CSS Sprites的性能进行了详细的对比与阐述。根据上文的测试结果，在移动端，需要强调如下结论：仅对很小的资源采用dataURI不要在CSS和HTML中过多的内联dataURI移动端不要使用超过3 阅读全文

摘要： w3c plus上有详细介绍及原理http://www.w3cplus.com/content/css3-box-sizing，这里摘录其中重要知识点部分。本文重点考虑移动开发，所以默认移动端的浏览器均兼容该属性。一、两种盒模型（内盒）W3C标准盒模型： Element height = content height + border + padding（Height为内容高度）IE传统盒模型（IE6以下）：Element height = content Height(Height包含了元素内容宽度，边框宽度，内距宽度)如图：注意区分其中content覆盖的范围。W3C只是内容，不包括bor 阅读全文

摘要： 1 ;(function(win, app) {2 var $ = win['Zepto'];3 4 app.activity = function() {5 $(document.body).html('app.activity');6 }7 })(window, window['app'] || (window['app'] = {}))其中的app挂在window下，activity挂在app(表示业务应用)下。其中app.activity = function(){}最好声明为对象的形式而不是函数的形式。相关函数写在对象内 阅读全文

摘要： 在大型项目中的前端测试与开发，通常使用git clone将整个工程目录下载下来，然后本地运行调试。 然而，当一个项目已经发布到测试机上，需要临时查看某个页面的效果或修改某个页面时，clone整个工程目录显然并不是个好办法。 本文同时考虑PC本地调试方法及在手机端查看的方法，其总方法如下图所示，具体细节会在后文详细介绍。 一、PC本地查看（调试)方法 如果是静态页面，最简单的方法就是把这个单一页面下载（复制）到本地，然后本地运行调试代码或者看效果。 但是如果是动态页面，如最终预发布生成的地址为 www.xxx.com/y.html。当页面内包含数据请求接口时，该接口域名应与www.... 阅读全文

摘要： 如需要拼合以下两个依赖包：1. lib.login 版本0.2.92. lib.mtop 版本0.5.9可以用以下方法对两个依赖包进行拼合：一、GruntGrunt中有package.json文件，该文件中会有依赖内容{ …… "dependencies" : { "lib.login" : "0.2.9" , "lib.mtop" : "0.5.9" } ……}并假设同时有以下目录：--src 源代码--build 要发布的打包代码Grunt在执行时，会默认将package.json中的依赖文 阅读全文

摘要： 一、安装Grunt应在全局环境下安装Grunt，以保障在任何目录下都能够正确找到gruntnpm install grunt-cli -g二、对已有Grunt基本目录结构文件进行操作Grunt需要的基本文件有：1. Gruntfile.js。Grunt需要的基本配置文件。该文档标识了执行grunt命令时会执行的内容。2. package.json。实际为node.js的当前project信息配置文件，特别是其中的包依赖dependencies非常重要。每次npm install实际上都是对其的重新pull及更新。关于基本文件Gruntfile.js的详细教程参考http://www.grunt 阅读全文

摘要： 由于express升级到3.0，造成这本书看起来more and more蛋疼。记录少许坑儿，方便后来人。一、node.js在windows下的安装书中在两处介绍了两种方式，其实现在的node.js在windows下只需要下载一个.msi文件安装就可以，那个什么python支持可以浮云了。二、express中使用ejs创建工作目录1、书中给出的 express -t ejs projName 参数-t在3.0中已经改为-e。默认安装的为jade而不是ejs，所以创建出来的目录结构会不一样2、创建成功的ejs目录结构中views文件夹中无layout.ejs文件，即使手动创建express也不会 阅读全文