- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅翻译 js优化笔记
第一章 加载和运行1、将所有标签放置在页面的底部，紧靠 body关闭标签的上方。此法可以保证页面在脚本运行之前完成解析。 2、将脚本成组打包。页面的标签越少，页面的加载速度就越快，响应也更加迅速。不论外部脚本文件还是内联代码都是如此。3、 有几种方法可以使用非阻塞方式下载 JavaScript： ——为标签添加defer属性（只适用于Internet Explorer 和
2013-07-12 12:36:26
490
转载 Lazy Load, 延迟加载图片的 jQuery 插件
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.Lazy L
2012-11-27 15:35:01
340
转载 javascript中setTimeout和setInterval的使用
这两个方法都可以用来实现在一个固定时间段之后去执行JavaScript。不过两者各有各的应用场景。方法实际上，setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。不过这两个函数还是有区别的，setInterval在执行完一次代码之后，经过
2012-11-26 12:50:28
327
转载 JS控制CSS样式语法对照
CSS与JS紧密配合，为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。例如常用的关闭某个漂浮的广告显示:document.getElementById('ad').style.display='none';相当于：.ad{ display:none}.下面就是JS 控制CSS样式表的语法对照：
2012-11-25 22:10:55
340
转载 高效重构之模块化 [转载]
说起模块化，也许我们首先想到的是编程中的模块设计，以功能块为单位进行程序设计，最后通过模块的选择和组合构成最终产品。把这种思想运用到页面构建中，也已经不是什么新鲜事。相信很大一部分页面构建工程师都经历了这样几个阶段：第一阶段是在一个css文件中把多个页面按自己的习惯顺序从上往下编写样式，基本不考虑有无公用样式，以完成设计呈现为首要目的；第二阶段是提取不同页面中的通用样式，如公用颜色、图标、按钮等，
2012-11-23 09:09:24
224
转载 IE6显示png透明背景、图片的方法
PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，目前，最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明，会显示一个灰色的框。 解决的办法也是有多种，在这里列出常用的其中一种：IE6显示透明PNG背景：使用css滤镜。CSS Code复制内容到剪贴板background-image:none，filter:
2012-11-22 09:06:16
324
转载 浅谈CSS HACK——兼容不同浏览器的CSS
CSS hack是由于不同的浏览器，比如IE6,IE7,Firefox等，对CSS的解析不一样，导致解析的页面效果不一样，这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到同样页面效果。CSS hack原理:IE都能识别*，FF不能识别*IE6能识别*，但不能识别!importantIE6识别_，IE7和FF均不识别_I
2012-11-22 09:04:07
329
转载 xHTML到底有多少个标签？
xHTML究竟有多少个标签？绝大部分人都不能得出一个正确的答案，现在就有个机会，自己数数。答案：91个，哈哈,被你找到了~a, abbr, b, base, body, br, dd, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, head, hr, html, i, img, li, link, meta, ol, p, s
2012-11-21 09:10:49
333
转载 Javascript编程风格
所谓"编程风格"（programming style），指的是编写代码的样式规则。不同的程序员，往往有不同的编程风格。有人说，编译器的规范叫做"语法规则"（grammar），这是程序员必须遵守的；而编译器忽略的部分，就叫"编程风格"（programming style），这是程序员可以自由选择的。这种说法不完全正确，程序员固然可以自由选择编程风格，但是好的编程风格有助于写出质量更高、错误更少、
2012-11-20 08:57:33
321
转载 Javascript代码进化之“修身”
众所周知，JS是一种语法极其灵活的语言，一千个人会有一千种JS书写方式。这造成的结果往往就是给项目日后的开发及维护留下一个不小的隐患，也对你和团队再次开发及阅读代码造成一定困难，个人认为良好的书写规范是应该首当其冲的。所以参考一些优秀前端开发团队的代码规范后，总结了几点，希望能让你的Javascript代码上升一个台阶。变量命名：变量名包括全局变量，局部变量，类变量，函数参数等等，
2012-11-20 08:56:03
336
转载 Javascript面向对象编程
Javascript是一个类C的语言，他的面向对象的东西相对于C++/Java比较奇怪，但是其的确相当的强大。这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。初探我们知道Javascript中的变量定义基本如下：JavaScript Code复制内容到剪贴板var name = 'Chen Hao'; var email = 'haoe
2012-11-19 09:10:47
281
转载 HTML5语音输入（淘宝语音搜索）方法
谷歌的网站是时逛时新啊，今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单只需要在input添加属性x-webkit-speech即可，例子如下：这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示这时说出来识别后就可以了，我测试下来，中文英语的识别率还挺高的。语音输入其他属性：lang这玩意可以强制输
2012-11-19 09:06:38
1165
转载 JavaScript深度克隆（深度拷贝）一个对象
科普一下：js一般有两种不同数据类型的值：基本类型（包括undefined,Null,boolean,String,Number），按值传递；引用类型（包括数组，对象），按址传递，引用类型在值传递的时候是内存中的地址。例如：1var a={"a":1};2 3var b=a;
2012-11-19 09:02:36
669
转载 Web 设计的 8 个趋势
本文译自网站设计公司weavora.com，介绍了在他们眼里8个Web设计趋势：单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体，每个趋势后面都附了数个案例，相信对网站设计师会有一定的参考价值。1. 单页面 单个长页面的设计一度不受人待见（无论是客户还是设计师），但现在整个互联网随处可见。一个合理的解释是，用户现在早已习惯于使用鼠标滚轮了，比
2012-11-16 12:59:40
280
转载 javascript最优编码方案
字符串拼接最优方法 Js代码 var liststring = "" var lis = []; for (var i = 100; i > 0; i--){ lis.push("This is list item #" + (99- i)); } liststring += lis.join("") + "";
2012-11-15 09:15:21
269
转载 正则表达式，javascript表单验证函数
索引：1. 验证radio 是否选择2. 检测输入长度限制3. 3.1.1 键盘能输入只能是数字3.1.2 键盘能输入只能是数字3.2. 键盘不能输入数字4. 4.1 验证邮箱格式4.2 验证邮箱格式5. 屏蔽关键字( 这里屏蔽*** 和****)6. 中文/ 英文/ 数位/ 合法性判断7. 7.1 检查一段字串是否全由数位组成7.2 检查
2012-11-15 09:12:27
390
转载 微软松口 承认或将引入Web3D解决方案
日前，CNET 的记者 Shankland 采访了微软网络标准工作组的领导人、同时也是 W3C HTML 工作组的联合主席 Paul Cotton。在采访中，CNET 主要就几个微软目前仍未支持的新标准提出了问题，包括 WebGL、WebRTC、DO NOT TRACK 等等。原文地址在此。以下是关于 WebGL 部分的节选：Shankland: 即使 Mozilla 和 Google
2012-11-14 12:18:02
353
转载 jQuery数组处理汇总
$.each(array, [callback])遍历,很常用?12345678var arr = ['javascript','php','java','c++','c#','perl','vb','html','css','objective-c'];$.each
2012-11-13 13:02:32
381
转载 反馈式交互设计在网站里的实际应用
出色的设计源于生活，那么我们就从生活中说起，我们依照用户生活的使用情景来设计一款产品，我们不需要重新培养的用户的使用习惯，用户可以在第一次使用你的产品来完成自己的目标，并且不需要他人的指导。比如说苹果公司在设计第一代iMac的过程中，乔纳森及其团队前往日本，曾向日本某糖果行业的人请教，如何在生产糖果颜色的电脑外壳的同时，保持其一贯的半透明度。 在下文中我们将
2012-11-13 09:02:15
770
转载 JavaScript 性能提升的13个小技巧
13个简单的代码优化方法，可以让你的代码在 Chrome 的 V8 JavaScript 引擎编译/运行你的 JavaScript 代码更加快速。在演讲中，他解释了怎么优化，并且解释了原因。下面简明的列出了优化的要点： 1. 在构造函数中初始化所有的对象 2. 始终用相同的顺序初始化对象 3. 尽量使用数字 4. 为数组使用从0开始的连续的主键 5. 不要提前分配大型
2012-11-12 12:53:36
244
转载 游戏引擎BigWorld宣布将在4.0版本支持HTML5
世界著名游戏引擎开发商澳洲BigWorld在日前AGDC开发者执行会议上披露将在本年末或2013年初推出支持HTML5的最新引擎版本BigWorld 4.0。 BigWorld公司的策略官Steve明确表示对HTML5的支持将使BigWorld引擎占据未来授权市场的巨大技术优势，而获益最大的将是众多移动娱乐领域的开发者。 毫无疑问，HTML5已成为未来社交游戏的发展趋势，尤其是对于移动
2012-11-10 20:17:45
472
转载 [技巧] Javascript模块化编程（三）：require.js的用法
这个系列的第一部分和第二部分，介绍了Javascript模块原型和理论概念，今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。复制
2012-11-10 11:09:35
1535
转载 让IE也支持box-shadow
E6/7并不支持CSS3的属性，IE8也不能很好的支持CSS3。如何让IE 6/7/8支持border-radius (rounded)，box-shadow ( shadow)，text-shadow等这些属性呢？这里介绍一个通过htc脚本实现这些属性的方法。首先下载ie-css3.htc脚本，然后在css中加入：它的使用方法是：下载它并放到你的服务器目录在你的里面写入下面的代码:
2012-11-10 10:58:06
422
转载 Jquery图形报表插件|jqplot简介及参数详解
jqPlot是 一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性 (Pluggability)，你可以编写自己的图表样式。功能概述：有多种图表样式可供选择可以自定义日期轴线可设置旋转轴文字自动计算趋势线工具条提示和高亮数据点默认最优设置，非常易于使用以上功能在jqP
2012-11-09 09:22:02
433
1
转载 Web设计者和开发者必须学习网络营销的三大理由
agota在1stwebdesigner上发表了一篇文章《3 Reasons Why Web Designers And Developers Must Learn Online Marketing》，介绍了Web设计者和开发者必须学习网络营销的三大理由。下面是对该文的编译，内容如下：在最近的几个月里，我采访了很多成功的Web设计者和开发者。他们似乎都有一个共同点：都在花费时间学习网络
2012-11-09 09:21:00
719
转载 jquery判断浏览器类型
用jquery来判断浏览器类型，如果只是仅仅为了判断浏览器的类型而使用该方法,那么不建议使用，只是在你已经使用了jquery才建议使用，因为没必要因为这么小的一个功能就加载那么大的类库吧。Jquery中利用navigator.userAgent.indexOf来判断浏览器类型，并进行了一下处理，建议学习Jquery的朋友学习下，了解一下思路。主要使用的方法:$.browser.['
2012-11-09 09:09:18
644
转载 JavaScript技巧：24条JavaScript实用建议
为JavaScript做一点性能小提升吧！本文列出了24条能让你的代码编写过程更为轻松高效的建议。也许您还是JavaScript初学者，刚刚写完自己的Hello World，那这里有很多对您的工作将十分有用的小贴士；也许有些技巧您已经知道，那就试试快速浏览一下，看能不能发现一点新东西吧！注：本文多次用到Firebug的console对象，请参考 Firebug Console AP
2012-11-08 09:18:20
250
转载 javascript设计模式 接口介绍
大家对接口应该都不陌生，简单的说接口就是一个契约或者规范。在强类型的面相对象语言中，接口可以很容易的实现。但是在javascript中并没有原生的创建或者实现接口的方式，或者判定一个类型是否实现了某个接口，我们只能利用js的灵活性的特点，模拟接口。 在javascript中实现接口有三种方式：注释描述、属性验证、鸭子模型。 note：因为我看的是英文书，翻译水平有限，不知道有些词汇如何翻译
2012-11-08 09:17:27
322
转载 Web设计的8大趋势：Metro、简洁、响应式Web设计
摘要：“如今的生活节奏太快，如果你不停下来看一看，也许你可能会错过那一时的风景。”让我们花一点时间来看看近年的设计趋势，这些设计是最广泛使用的技术。weavora网站近日发表一篇文章《Web design trends we love》，文中总结Web设计的8大趋势：单页面、照片背景、Metro、超大尺寸图片、注重简洁、响应式Web设计、视差滚动、“活版印刷”。如果你有不同的意见或推荐，请
2012-11-07 08:58:21
453
转载 25佳优秀的流体和响应式布局网页设计案例
响应式网页设计是时下网页设计领域最热门的话题之一，该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出(详见：Responsive Web Design)，其目标是要让设计的网站能够响应用户的行为，根据不合终端设备自动调剂尺寸。今天这篇文章收集了25佳优秀的流体和响应式结构网页设计案例，希望能带给你灵感。 1. BigBite Creative
2012-11-06 09:18:29
838
转载 javascript设计模式
了解JavaScript设计模式我们需要知道的一些必要知识点：（内容相对基础，高手请跳过） 闭包：关于闭包这个月在园子里有几篇不错的分享了，在这我也从最实际的地方出发，说说我的理解。 1.闭包最常用的方式就是返回一个内联函数（何为内联函数？就是在函数内部声明的函数）； 2.在JavaScript中有作用域和执行环境的问题，在函数内部的变量在函数外部是无法访问的，在函数内部
2012-11-05 09:16:32
260
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人