摘要： 1 function replaceBodyClass(){ 2 for(var i in map){ 3 if(map[i](width)){ 4 document.body.className = document.body.className.rep... 阅读全文

摘要： 很久没写博客了，其实对于程序员来说，个人觉得应该坚持写博客，把自己遇到的一些难题，一些知识点积累起来，现在是感觉遇到了一些陈旧的问题以后，发现自己遇到过，但是自己又不想再开发一遍，这个时候就会想去找之前的代码在哪里。如果这时候有个良好的积累习惯，那么很多东西都在很快的时间就能找到了。 阅读全文

摘要： button使用行高让文字垂直居中，但是在firefox里文字会偏下，而且点击的时候中间会有一个虚线框。button的padding和margin我都程序定义过了，我想这可能跟浏览器的私有属性有关。于是用firebug查看浏览器系统样式发现以下代码：button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 阅读全文

摘要： html{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><fecolormatrix 阅读全文

摘要： javascript的分号代表语句的结束符，但由于javascript具有分号自动插入规则，所以有部分人以为不用写，让人比较模糊不清，在一般情况下，一个换行就会产生一个分号，但实际可能不是这样，也就是说在javascript中换行可能产生分号，也可能不产生，是否自动插入分号，主要看上下行。在 ECMAScript 中对分号自动插入规则也有相应的解释：空语句，变量语句，表达式语句，do-while 语句，continue 语句，break 语句，return 语句，以及 throw 语句，这些确定的ECMAScript语句必须以分号结束。这些分号可以总是明确地出现在源代码文本中。为方便起见，在特 阅读全文

摘要： 最近在做拖拽功能的时候，FF下遇到了几个问题，自己顺便整理了一下。问题： 在Firefox下以图片为句柄的拖拽无法触发onmouseup事件，在空的div中也无法触发onmouseup事件，同时在所有浏览器下选中文字后div的mouseup事件失效；整理了几个方法：1.onmousemove加在document上2.firefox : 如果被拖拽的对象里面没有任何内容，拖拽就会出现bug,我们只需要在down的最后加上一个return false3.ie : 选择文字拖拽会有bug :setCapture4.拖拽图片会有问题：return false;window.onload = fun.. 阅读全文

摘要： 上段时间，团队内部有过好几次给力的分享，这里对西风师傅分享的继承机制稍作整理一下，适当加了些口语化的描述，留作备案。一、讲个故事吧澄清在先，Java和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha，当时还叫做LiveScript，创造者是Brendan Eich，现任Mozilla公司首席技术官。1994年，历史上第一个比较成熟的网络浏览器——Navigator0.9版诞生在网景公司（Netscape），极为轰动。但是，Navigator0.9只能用来浏览，不具备与访问者交互的能力，比如，用户提交一个数据表单，如果表单为空，浏览器是无法判断的，只能直接提交给服务器 阅读全文

摘要： 在本文中，我会深入研究iOS和Android设备提供的触摸事件API，探索一下可以构建哪些类型的应用，给出一些最佳做法，并论及一些使得可触控应用（touch-enabled application）的开发变得更加容易的有用技术。针对多点触控浏览器进行的开发前言诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏（capacitive touch-sensitive screen），以捕捉用户的手指所做的交互。随着移动网络的发展，其能够支持越来越复杂的应用，web开发者需要一种方法来处理这些事件。例如，几乎所有的快节奏游戏都需要玩家一次按下多个按钮，这种方式，在触摸屏情况下，意味着多点触 阅读全文

摘要： mustache官网是这么介绍的：Logic-less templates.Available inRuby,JavaScript,Python,Erlang,PHP,Perl,Objective-C,Java,.NET,Android,C++,Go,Lua,ooc,ActionScript,ColdFusion,Scala,Clojure,Fantom,CoffeeScript,D, and fornode.js.Works great withTextMate,Vim,Emacs, andCoda.The Manual:mustache(5)andmustache(1)总而言之，支持很多语 阅读全文

摘要： iOS内嵌webview页面制作经验因为工作中做到iOS内嵌页面，以后也会越来越多地遇到，所以打算总结一下这方面的经验。切图的时候，不要把文字切到图中我看到有的同事切图的时候把文字也切到图里，包括普通图和@2x的图。这样做其实很不好，因为：设计搞中的字体可能跟iOS实际的字体不一样，二者在同一个屏幕出现的时候就会很违和。比如文字用了iOS字体，后面的一个按钮中的文字是微软雅黑，囧。。。更重要的是，99%的情况下，文字一定会模糊。系统对文字的渲染比对图片的渲染圆滑而智能很多，而且性能也好很多，尽量使用字体。可以公用图片，少图，app尺寸更小。不要CSS3和图片拼接也是看别人的代码里出现的，一个三 阅读全文