摘要: 1、font和background缩写规范——font简写:font:italic small-caps bold 12px/1.5em arial,verdana;等效于:font-style:italic;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:1.5em;font-family:arial,verdana;顺序:font-style | font-variant | font-weight | font-size | line-height | font-family(注:简写时,font-s 阅读全文
posted @ 2013-08-10 15:35 果粒遇到前端 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 方法一:运用String对象下的charAt方法charAt() 方法可返回指定位置的字符。代码如下复制代码str.charAt(str.length – 1)请注意,JavaScript 并没有一种有别于字符串类型的字符数据类型,所以返回的字符是长度为 1 的字符串方法二:运用String对象下的substr方法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。代码如下复制代码 str.substr(str.length-1,1) 重要事项:ECMAscript 没有对该方法进行标准化,因此反对使用它。重要事项:在 IE 4 中,参数 start 的值... 阅读全文
posted @ 2013-08-10 15:22 果粒遇到前端 阅读(608) 评论(0) 推荐(0) 编辑
摘要: 代码组织组织好javascript代码来避免命名冲突,将相关函数干净地分组在一起效仿在java、c#中使用的包系统——创建一个新类,然后将所有的工具函数作为那个类的成员 组织代码——伪包完整例子 阅读全文
posted @ 2013-08-07 09:51 果粒遇到前端 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 一、更多面向对象的javascript1)简单创建对象var newObject = new Object();//变量newObject指向一个Object实例,Object是javascript所有对象的基类。可以在任何时候给对象添加属性和方法newObject.firstName = "frank";newObject.sayName = function(){ alert(this.firstName);}调用对象的方法:newOjbect.sayName();与大多成熟的面向对象语言不同的是——不必为一个对象实例创建类或者蓝图!如上面所写,在运行时创建它;可以随时 阅读全文
posted @ 2013-08-06 17:15 果粒遇到前端 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 早期Javascript缺陷:1.浏览器不兼容(直到2007年左右被解决) 浏览器嗅探技术(启用或者禁用某些功能)2.性能和内存占用 1)同样的javascript代码片段在不同浏览器中执行的性能不完全相同,有时会差异很大 2)现代javascript引擎的性能仍然有很多有待完善的地方 3)不能有效利用内存,内存泄露很普遍。(引擎、浏览器自身和开发人员)| 实际上javascript是有内存管理的语言3.开发人员自身问题 需要知道什么好用什么不好用,自己努力找出比较好的方法。 比如java语言中字符串拼接(+)是坏事,字符转缓冲区是好办法,但javascript中无字符串缓冲... 阅读全文
posted @ 2013-08-06 16:35 果粒遇到前端 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 摘要:又到了每年3月-5月的离职跳槽高峰期,不论什么level的程序员们都开始纷纷去考虑勾兑猎头跳槽投递简历应聘面试等等关乎自己工作事业等重大问题的忙碌上面了。本文探讨的主要是如何选择公司、如何面试、如何谈薪水等实际的问题,可能描述会有偏颇,仅供参考。 一、为什么跳槽和选择公司 1. 为什么跳槽 虽然我们跳槽的原因各自不同,但是主要原因一般都是待遇、成长、稳定这些主要因素,也有一些比如想距离家更近等等因素。 待遇就是收入,比如工资、股票、奖金等等,在这个层面影响我们跳出的心态一般都是,比如我觉得我技术能力达到了某个阶段,但是目前薪水比我能力要低,或者是我一起成长的同学朋友同事现在薪水都... 阅读全文
posted @ 2013-08-05 17:14 果粒遇到前端 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 淘宝幻灯片效果:能自动播放,鼠标指向或者点击数字按钮就能切换图片。实现思路:1、for循环给数字按钮加上点击事件。2.for循环先把按钮的样式清空,再把当前样式设置样式。3、给每个按钮添加自定义属性index aBtn[i].index=i aBtn[2]=2 第二个按钮和第二张图片想对应,用运动框架把大图的UL每次移动-150px,因为图片高度是150px。如果移动到第n张图片就是-150*n。4、定义变量now,用来自动播放用的。把当前图片赋值给now now=this.index。5、定义自动播放函数。now++ 下一张,if判断,到最后一张图片的时候就把now设置为0,就是第一张。 i 阅读全文
posted @ 2013-08-05 17:05 果粒遇到前端 阅读(319) 评论(0) 推荐(0) 编辑
摘要: “程序里的注释是多好还是少好”,“一个合格的程序员是否应该多写注释”。我参与到这个话题是因为《优秀的程序 vs. 糟糕的程序》这篇资讯译文。去看了一下原文,作者显然是蹲坑时无聊想出来几句打油诗,说的都是业界早有定论的,虚不拉几的东西,例如什么“优秀的程序容易维护,糟糕的程序很难维护”云云。根本无意在这种打油诗里说些有争议的话题。没想到被翻译发表在iteye里,由于不押韵,看起来倒好像是几条最高指导原则一样。更没想到一句“优秀的程序不需要加以说明;糟糕的程序需要大量注释。”惹起了诸多讨论。令我惊诧的是,还有这么多的程序员对这个我一直以为早有定论的东西持不同意见,聊得不亦乐乎。那与其在别人的地方歪 阅读全文
posted @ 2013-08-05 17:03 果粒遇到前端 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 效果:1、上面大图鼠标移到左边就过渡显示左边的按钮,鼠标移到右边就过渡显示右边的按钮。2、点击下方缩略图时大图就切换为相应的并有一个拉窗帘的效果。3、缩略图有透明度,鼠标移入缩略图就不透明。4、按大图按钮切换图片,缩略图会相应切换。5、自动播放,当图片播放到最后一张时自动返回从第一张开始。实现思路:一、大图左右按钮:1、在大图上弄2个遮罩层,opacity透明度设置为0,当鼠标移出左边或者右边的运动框架时,通过运动框架使按钮opacity从0变为100,鼠标移出时就把opacity从100变为02、按钮opacity透明度设置为0,鼠标移出按钮时通过运动框架使按钮opacity从0变为100, 阅读全文
posted @ 2013-08-05 16:36 果粒遇到前端 阅读(454) 评论(0) 推荐(0) 编辑
摘要: /***作者:张荣华*日期:2008-12-01**/乘着第3届d2论坛的顺利结束的秋风,我也来分享一下自己在前端优化方面的一些些小经验,其实这些经验本身都是来自yahoo的优化原则,不过经过ahuaxuan自身的实践和再次的思考,把原来的原则都进行了分组和分析.不过由于ahuaxuan涉及到的东西有限,并没有经历过全部的优化点,所以只把自己做过的拿出来和大家讨论讨论,其中不免加入自己一些观点,希望大家指正.先说说目标,前端优化的目标是什么,一个字:快.两个字:更快.那么下面我们来看看慢的网页将会给我们带来什么:1. 慢的页面可能会网站失去更多的用户.2. 慢500ms意味着20%的用户将放弃 阅读全文
posted @ 2013-08-05 15:09 果粒遇到前端 阅读(176) 评论(0) 推荐(0) 编辑