摘要： 很久都没有更新博客了，人要学好难，跟着学坏容易，这个其实是我一直以来不明白的地方。如果，能反过来，应该是很多人求之不得的美事吧。说远了，我就是这种一放松下来，就容易堕落的一份子。最近也是工作的原因，需要在liunx上安装samba文件共享服务器，这样就可以通过samba服务器使liunx与Windo... 阅读全文

摘要： 由于工作的需求，促进我学习html5 canvas技术，canvas是html5最强大的元素之一。使用它可以在浏览器中做一番奇妙的事情。大家或多或少都听过canvas的强大用处，我这里就不再赘述了。 canvas的强大功能是通过canvas的context对象表现出来的，该环境变量是可以从can... 阅读全文

摘要： 近半年来一直觉得自己在技术上好像左右挣扎，技术没啥提升，看书看不进，自学还挺慢。写出来的东西，自己都觉得不满意。让自己也用庸人自扰的感觉。 最近，在工作中，有一个小小的功能需要实现，这个功能非常简单，其大概功能是：当有一批商品需要促销时，满多少到多少元区间立减多少元，再比较离下一个优惠区间还差多少... 阅读全文

摘要： 由于公司的发展的需要，我被安排到移动站做前端，说起移动端的开发，对我来说追溯到我2011年的时候就有接触过，只不过那时候是做app开发，与现在的移动web开发有相当的区别。做移动开发也正合我今年的工作计划。从个方面来说，挺感谢自己的领导给我这个机会及对我的信任。 对于我们现在公司在移动web端... 阅读全文

摘要： 移动互联网是未来的发展趋势，现在国内很多互联网大佬都在争取移动这一块大饼，如微信及支付宝是目前比较成功的例子，当然还有各种APP和web运用。由于公司的需要，最近也在开发移动web，对于一个没有移动开发经验的人来说，其实也是比较困恼的一件事情。对于移动web开发目前主要是基于webkit内核的浏览器... 阅读全文

摘要： 有段时间没有更新了，思绪一下子有点转不过来。正应了一句古话“一天不读书，无人看得出；一周不读书，开始会爆粗；一月不读书，智商输给猪。”。再加上周五晚上看了下很久没看的湖南综艺节目《天天向上》关于出版书及读书的相关内容，看到相当多的嘉宾家里的书房让我惊叹也伴随着一种文人的向往。我虽然小的时候不太爱... 阅读全文

摘要： 对于前端的同学来说，网页布局就是其基本功，不会页面布局就不是一个合格的网页重构师。 在我们的日常工作中，我使用的最多的布局方式莫过于固定宽度式布局。反正，我所工作过的公司基本上都是使用固定式页面布局。为什么固定宽度式布局使用最广泛，原因很简单，因为简单粗暴上手简单。流体式及弹性布局比较多的使用在论坛... 阅读全文

摘要： 在上次博文中已经讲了transition，其实animation与transition功能相同，都是通过改变元素 的属性来实现动画效果的。但是它们也有区别：transition是只能通过改变指定属性的开始值与结束值，然后在这两个属性值之间进行平滑过渡的方式来实现动画效果。animation却可以通过定义多个关键帧以及每个关键帧中元素的属性值来实现更为复杂的动画效果。语法animation: name duration timing-function delay iteration-count direction;值描述animation-name规定需要绑定到选择器的 keyframe 名称。 阅读全文

摘要： HTML5和css3已经是将来的发展趋势，现在有很多移动端还有一些游戏公司已然使用它们开 发了比较成功的产品。我在2011年的时候也跟着技术潮流初浅的学习了html5+css3。毕竟那时候我没有把学习的知识与实际工作结合起来。因此，这种没有实践的学习很容易忘记。在去年年底的时候公司有个页面的浮层图标需要优化，就是鼠标划过能变大，划出复原。其实要做这个功能很简单，也有很多的方法。但是，我后来就用了css3的transition属性。 简单的示例结构: View Code 方法一:给元素添加:hover伪类样式#scrollTop a:hover {width:84... 阅读全文

摘要： 函数对于我们这些程序员来说，在熟悉不过啦，我们几乎每天能在写函数，使用函数。可是，在javascript中，大家知道几种函数调用的语句呢？在工作中，常用到的函数调用的语句就一两 个。那为啥大家知道我还在这里写博客，没事消磨大家的时间。想要知道，请耐心看完，你就明白啦。javascript中的函数本身是一个变量/值，因此函数调用其实是一个表达式，如图1所以，下面代码就是函数调用语句，它也是一个表达式语句：functionName();在javascript中具名函数可以使用上面方法直接调用，匿名函数可以通过引用变量调用，如果没有引用的匿名函数怎么调用呢？下面的例子说明这三种情况：// 实例1:具 阅读全文

摘要： javascript从开始的验证表单的脚本语言发展到现在能运行在服务器上，其影响力不断的提升。自己作为一个做前端的，编写js是必不可少，从自己学习js的历程来看其实也是比较吃力。要学好它，还是的花费一些精力。下面来说说我学习到的一些js特性吧。1.对象的属性名使用引号的疑惑 当我们在申明一个对象字面量的时候，经常看到对象的属性名有的有引号，有的没有，那时候我就是觉得非常困惑，它们之间有什么区别呢？这个我困惑很久了。后来，在一本书上不经意的看到了关于对象的属性名有无引号的解释。　1.1　当对象的属性名是合法的标识符且不是保留字时，是不需要使用引号的，当然使用也没有问题，只不过是多此一举而已... 阅读全文

摘要： 在上个星期我介绍了css3的属性选择器，伪类选择器和结构伪类选择器，今天楼主继续把其它的css3选择器说完。 在css3中，共有11中UI状态伪类选择器，分别是E:hover,E:active,E:focus,E:enabled,E:disabled,E:read-only,E:read-write,E:checked,E:default,E:indeterminate及E::selection我们来看下这11种选择器被浏览器的支持的情况一，选择器E:hover,E:active,E:focusE:hover选择器用来指定当鼠标指针移动到元素上面时元素所使用的样式,用法如下：:hover... 阅读全文

摘要： 本文档整理大部分公认的、或者少有争议的JavaScript良好书写规范（Best Practice）。一些显而易见的常识就不再论述（比如要用对象支持识别判断，而不是浏览器识别判断；比如不要嵌套太深）。条目顺序按重要级粗略的从高到低排列。把外部JavaScript文件放在HTML底部我们的目标是相同的：为用户尽可能快地显示内容。当载入一个脚本文件的时候，HTML会停止解析，直到脚本载入完毕。因此，用户可能会长时间对着一个空白的屏幕，看上去什么都没有发生。如果你的JavaScript代码只是增加一些功能（比如按钮的点击动作），那么尽管大胆地把文件引用放在HTML底部吧（就在之前），你会看到明显的速 阅读全文