摘要：
这篇文章主要是针对Mac用户，第一次搭建本地开发环境的同学，已经搭建过的同学可以忽略。Mac自带的Apache还是XAMPP?That is a question. 其实自带的apache也够用了，XAMPP可能更加方便些。比如本地服务重启的时候，不需要在终端里面敲sudo apachectl re... 阅读全文
摘要：
setTimeout的用法详见：http://www.w3school.com.cn/htmldom/met_win_settimeout.asp是的，setTimeout的常见用法是让某个方法延迟执行。我们知道，setTimeout方法是挂在window对象下的。《JavaScript高级程序设计》第二版中，写到：“超时调用的代码都是在全局作用域中执行的，因此函数中this的值在非严格模式下指向window对象，在严格模式下是undefined”。在这里，我们只讨论非严格模式。setTimeout接受两个参数，第一个是要执行的代码或函数，第二个是延迟的时间。一、先说结论：setTimeout 阅读全文
摘要：
今天在reivew部门牙套姐MM的代码的时候，有点小心得，给大家分享。我们常常说到，“学以致用”，但我发现自己却很少能真正做到。《javascript高级程序设计》即大家常说的“红宝书”，我也经常看，可是一些技巧还是要在实战中总结出来的。就比如今天将的这个~不起眼的一元运算符，学名“按位非”，在书的第三章中也有详细的介绍：~：按位非操作符由一个波浪线（~）表示，执行按位非的结果就是返回数值的反码。var num1 = 3; // 我的幸运数字是3var num2 = ~(num1);console.log(num2) // "-4"var num3 = -3; var nu 阅读全文
摘要：
一. 引子在git操作中，我们可以使用checkout命令检出某个状态下文件，也可以使用reset命令重置到某个状态，这里所说的“某个状态”其实对应的就是一个提交(commit).我们可以把一个git仓库想象成一棵树，每个commit就是树上的一个节点。家家都有一本自己的祖谱。祖谱记录了一个家族的生命史，它不仅记录着该家族的来源、迁徙的轨迹，还包罗了该家族生息、繁衍、婚姻、文化、族规、家约等历史文化的全过程。类似的，每个git仓库都有一本自己的祖谱，仓库中commit ID的繁衍，HEAD指针的迁徙，分支的增加、更新，同样的记录着一个仓库从无到有的点点滴滴。在git中，我们其实可以通过^和~来 阅读全文
摘要：
接上一篇，git config命令使用第一篇——介绍，基本操作，增删改查:http://blog.csdn.net/hutaoer06051/article/details/82750691. 删除一个section命令参数 --remove-section格式：git config [--local|--global|--system] --remove-section section使用这个命令，不仅可以删除一个没有内容的section，而且即使该section下面有内容，也会一起删除掉比如我们来删除这样一个配置:直接使用命令: git config --local --remove-se 阅读全文
摘要：
使用css来制作三角，在日常用得较多。恰好这几天项目中有用到，之前只是从网上copy下来代码直接用，但是今天在用的时候遇到一些问题，于是借此机会把这个css绘制三角好好研究下吧。我们分别写一个<div>,<s>,<span>标签，并给上下左右四个border赋值不同的颜色，看看是什么样子：html：<div class="triangle"></div> <p> <s class="triangle"></s> <span class="tri 阅读全文
摘要：
之前一直用PhpStorm，功能十分强大，各种插件也有，不过比较占内存，有时候，左边的项目列表都刷不出来，今天又出现了这个问题，于是果断换sublime了。 由于项目中要用less编译，所以得装个less编译的插件。之前用PhpStorm的时候，有less编译的插件，但是每次编译的时候，都需要配置一下less文件的目录和编译成css文件的目录，比较麻烦。而grunt的less编译插件会一次遍历所有的less文件并执行编译。然后为了方便对单个less文件进行编译，我写了一个grunt的一段函数，有这个需求的朋友可以看看：https://github.com/hutaoer/tools。另外... 阅读全文
摘要：
Array.prototype.slice的妙用开门见山，关于Array 的slice的用法可以参考这里http://www.w3school.com.cn/js/jsref_slice_array.asp。除了常见的从某个数组中抽取出新的数组外，它还有一些其他的用法。经常的，可以看到Array.prototype.slice(arguments, 0); 这个写法可以用于function() {} 内，这样可以将函数的参数列表转换成一个真正的数组。请看一个例子：var slice = Array.prototype.slice;var toString = Object.prototype. 阅读全文
摘要：
原文链接：http://ia.net/blog/responsive-typography/作者：OLIVER REICHENSTEIN译者：左御随着不同设备屏幕尺寸的出现和新一代web浏览器的诞生，布局和排版的设计模式已经从静态的布局、系统的字体转变成动态的布局、web字体。现在，不仅屏幕的尺寸在变化，像素密度也在发生变化。换句话说，我们不仅需要响应式的布局，同时也需要响应式的字体。为了验证这一假设，IA创建了它的新网站，使用了响应式排版和定制的响应字体。我们拥有四个尺寸不同的屏幕和分辨率，包括MacBook Air, Nokia Lumia 900, Samsung Galaxy以及iPa 阅读全文
摘要：
原文地址：http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/样式研究是关于网页字体的一系列持续的客座文章。在这篇文章中，Ethan Marcotte给font size的使用提出了一些建议。是的，没错。这个博客就是讲的如何在网页中设置文本的大小。瞧，我知道你还在那里。我可以听见你的呼吸。显然，调整文字大小并不是富有吸引力的话题。重要的是，这能引起人们彻头彻尾的争议，因为他们根据自己喜爱的计量单位形成了不同阵营。事实上，每种方法都有其自己独特的优势和局限性。因此，接下来让我们来研究并讨论一下常用的几个方 阅读全文
摘要：
原文链接：http://filamentgroup.com/lab/on_ems_and_rems在我们最近发表的文章中，《我们怎样学会放弃设置默认的font-size而拥抱em》，我们注意到有几个原因使得我们在css中停止对body的font-size进行设置。一些读者更愿意使用rem单位代替em，这样的话，他们就不会遇到我们之前发现的问题。我们承认，rem确实很不错，但是我们也应该认识到，rem和em并不是互相排斥的，它们都有着各自的使用目的。在同一个css的布局中，rem和em都是很有用的，这取决于你试图怎样去做。也许rem最吸引人的地方在于，不管它们所在的元素处于哪种html文档的上下 阅读全文
摘要：
原文链接：http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/在css中使用em单位，在灵活性上为用户和开发者带来了好处。但是同em打交道是比较乏味的，你可以列举很多的理由。其中，最出名的，1em的值隐约仅跟基于像素的设计相关。从传统的固定大小的设计转变到灵活的css单位带来了不便，这种不便长期以来一直驱使着web开发者们需要声明一个全局font-size的值，这使得计算比较容易。但使用现代的响应式设计原则使得我们需要保留默认的font-size从而拥抱标准的em。也许最流行的全局设置font-si 阅读全文
摘要：
说明：测试所用的js框架为kissy,后端语言为php写在前面目前我们可以将ajax请求的情形按照不同的类型进行分类，比如页面编码：utf-8 or gbk; ajax 传参方式 post or get; 传参的时候数据放到url中还是放到data属性中;参数中是否带有中文;后端通过get or post方式获取参数; 后端解析并返回值的编码为 utf-8 or gbk。通过排列组合一下，发现居然多达64种，但是页面编码来说的话，我们暂定为utf-8（因为页面编码为gbk的情况是可以类推的）。我们在ajax请求的时候怎么去避免乱码，post和get如何取舍，应该注意些什么问题呢?来跟我一起来探 阅读全文