kobe

快乐工作:前端;健康生活:篮球;爱笑笑

摘要: 这篇文章主要是针对Mac用户,第一次搭建本地开发环境的同学,已经搭建过的同学可以忽略。Mac自带的Apache还是XAMPP?That is a question. 其实自带的apache也够用了,XAMPP可能更加方便些。比如本地服务重启的时候,不需要在终端里面敲sudo apachectl re... 阅读全文
posted @ 2015-08-07 11:45 胡涛儿 阅读(1712) 评论(0) 推荐(0) 编辑
摘要: setTimeout的用法详见:http://www.w3school.com.cn/htmldom/met_win_settimeout.asp是的,setTimeout的常见用法是让某个方法延迟执行。我们知道,setTimeout方法是挂在window对象下的。《JavaScript高级程序设计》第二版中,写到:“超时调用的代码都是在全局作用域中执行的,因此函数中this的值在非严格模式下指向window对象,在严格模式下是undefined”。在这里,我们只讨论非严格模式。setTimeout接受两个参数,第一个是要执行的代码或函数,第二个是延迟的时间。一、先说结论:setTimeout 阅读全文
posted @ 2013-11-29 11:25 胡涛儿 阅读(10629) 评论(11) 推荐(9) 编辑
摘要: 今天在reivew部门牙套姐MM的代码的时候,有点小心得,给大家分享。我们常常说到,“学以致用”,但我发现自己却很少能真正做到。《javascript高级程序设计》即大家常说的“红宝书”,我也经常看,可是一些技巧还是要在实战中总结出来的。就比如今天将的这个~不起眼的一元运算符,学名“按位非”,在书的第三章中也有详细的介绍:~:按位非操作符由一个波浪线(~)表示,执行按位非的结果就是返回数值的反码。var num1 = 3; // 我的幸运数字是3var num2 = ~(num1);console.log(num2) // "-4"var num3 = -3; var nu 阅读全文
posted @ 2013-10-27 11:24 胡涛儿 阅读(8327) 评论(5) 推荐(1) 编辑
摘要: 一. 引子在git操作中,我们可以使用checkout命令检出某个状态下文件,也可以使用reset命令重置到某个状态,这里所说的“某个状态”其实对应的就是一个提交(commit).我们可以把一个git仓库想象成一棵树,每个commit就是树上的一个节点。家家都有一本自己的祖谱。祖谱记录了一个家族的生命史,它不仅记录着该家族的来源、迁徙的轨迹,还包罗了该家族生息、繁衍、婚姻、文化、族规、家约等历史文化的全过程。类似的,每个git仓库都有一本自己的祖谱,仓库中commit ID的繁衍,HEAD指针的迁徙,分支的增加、更新,同样的记录着一个仓库从无到有的点点滴滴。在git中,我们其实可以通过^和~来 阅读全文
posted @ 2013-05-14 18:47 胡涛儿 阅读(13970) 评论(13) 推荐(15) 编辑
摘要: 接上一篇,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 阅读全文
posted @ 2012-12-10 20:21 胡涛儿 阅读(722) 评论(0) 推荐(0) 编辑
摘要: 使用css来制作三角,在日常用得较多。恰好这几天项目中有用到,之前只是从网上copy下来代码直接用,但是今天在用的时候遇到一些问题,于是借此机会把这个css绘制三角好好研究下吧。我们分别写一个<div>,<s>,<span>标签,并给上下左右四个border赋值不同的颜色,看看是什么样子:html:<div class="triangle"></div> <p> <s class="triangle"></s> <span class="tri 阅读全文
posted @ 2012-11-09 13:45 胡涛儿 阅读(532) 评论(0) 推荐(0) 编辑
摘要: 这篇文章主要是针对Mac用户,第一次搭建本地开发环境的同学,已经搭建过的同学可以忽略。Mac自带的Apache还是XAMPP?That is a question. 其实自带的apache也够用了,XAMPP可能更加方便些。比如本地服务重启的时候,不需要在终端里面敲sudo apachectl re... 阅读全文
posted @ 2015-08-07 11:45 胡涛儿 阅读(1712) 评论(0) 推荐(0) 编辑
摘要: 之前一直用PhpStorm,功能十分强大,各种插件也有,不过比较占内存,有时候,左边的项目列表都刷不出来,今天又出现了这个问题,于是果断换sublime了。 由于项目中要用less编译,所以得装个less编译的插件。之前用PhpStorm的时候,有less编译的插件,但是每次编译的时候,都需要配置一下less文件的目录和编译成css文件的目录,比较麻烦。而grunt的less编译插件会一次遍历所有的less文件并执行编译。然后为了方便对单个less文件进行编译,我写了一个grunt的一段函数,有这个需求的朋友可以看看:https://github.com/hutaoer/tools。另外... 阅读全文
posted @ 2014-01-03 11:53 胡涛儿 阅读(1013) 评论(0) 推荐(0) 编辑
摘要: setTimeout的用法详见:http://www.w3school.com.cn/htmldom/met_win_settimeout.asp是的,setTimeout的常见用法是让某个方法延迟执行。我们知道,setTimeout方法是挂在window对象下的。《JavaScript高级程序设计》第二版中,写到:“超时调用的代码都是在全局作用域中执行的,因此函数中this的值在非严格模式下指向window对象,在严格模式下是undefined”。在这里,我们只讨论非严格模式。setTimeout接受两个参数,第一个是要执行的代码或函数,第二个是延迟的时间。一、先说结论:setTimeout 阅读全文
posted @ 2013-11-29 11:25 胡涛儿 阅读(10629) 评论(11) 推荐(9) 编辑
摘要: 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. 阅读全文
posted @ 2013-11-13 18:04 胡涛儿 阅读(4179) 评论(1) 推荐(0) 编辑
摘要: 今天在reivew部门牙套姐MM的代码的时候,有点小心得,给大家分享。我们常常说到,“学以致用”,但我发现自己却很少能真正做到。《javascript高级程序设计》即大家常说的“红宝书”,我也经常看,可是一些技巧还是要在实战中总结出来的。就比如今天将的这个~不起眼的一元运算符,学名“按位非”,在书的第三章中也有详细的介绍:~:按位非操作符由一个波浪线(~)表示,执行按位非的结果就是返回数值的反码。var num1 = 3; // 我的幸运数字是3var num2 = ~(num1);console.log(num2) // "-4"var num3 = -3; var nu 阅读全文
posted @ 2013-10-27 11:24 胡涛儿 阅读(8327) 评论(5) 推荐(1) 编辑
摘要: 原文链接:http://ia.net/blog/responsive-typography/作者:OLIVER REICHENSTEIN译者:左御随着不同设备屏幕尺寸的出现和新一代web浏览器的诞生,布局和排版的设计模式已经从静态的布局、系统的字体转变成动态的布局、web字体。现在,不仅屏幕的尺寸在变化,像素密度也在发生变化。换句话说,我们不仅需要响应式的布局,同时也需要响应式的字体。为了验证这一假设,IA创建了它的新网站,使用了响应式排版和定制的响应字体。我们拥有四个尺寸不同的屏幕和分辨率,包括MacBook Air, Nokia Lumia 900, Samsung Galaxy以及iPa 阅读全文
posted @ 2013-10-14 14:16 胡涛儿 阅读(392) 评论(0) 推荐(0) 编辑
摘要: 原文地址:http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/样式研究是关于网页字体的一系列持续的客座文章。在这篇文章中,Ethan Marcotte给font size的使用提出了一些建议。是的,没错。这个博客就是讲的如何在网页中设置文本的大小。瞧,我知道你还在那里。我可以听见你的呼吸。显然,调整文字大小并不是富有吸引力的话题。重要的是,这能引起人们彻头彻尾的争议,因为他们根据自己喜爱的计量单位形成了不同阵营。事实上,每种方法都有其自己独特的优势和局限性。因此,接下来让我们来研究并讨论一下常用的几个方 阅读全文
posted @ 2013-10-08 15:04 胡涛儿 阅读(482) 评论(0) 推荐(0) 编辑
摘要: 原文链接: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文档的上下 阅读全文
posted @ 2013-09-12 16:08 胡涛儿 阅读(521) 评论(0) 推荐(0) 编辑
摘要: 原文链接: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 阅读全文
posted @ 2013-09-07 07:15 胡涛儿 阅读(692) 评论(0) 推荐(0) 编辑
摘要: 说明:测试所用的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如何取舍,应该注意些什么问题呢?来跟我一起来探 阅读全文
posted @ 2013-07-12 17:05 胡涛儿 阅读(680) 评论(0) 推荐(0) 编辑