华生君_

只有注册用户登录后才能阅读该文。 阅读全文

摘要： JQUERY对尺寸的定义JQUERY对于元素尺寸及位置定义，还有就是配合浏览器尺寸及状态的计算所做出的一些动画特效。其实像这类JQUERY应用无外乎涉及这些属性的调用：innerHeight()、innerWidth()、outerHeight()、outerHeight(true)、outerHeight(false)、outerWidth(true)、outerWidth(false)、position()、offset()、scrollTop()、scrollLeft()。对于尺寸的定义其实很好理解，只是使用outerHeight()、outerWidth()的参数时容易搞混淆，特别是很 阅读全文

摘要： 平稳退化：在google.com.hk的左上角，有一个更多的链接，它具有一个目标地址，但是当我们点击时，大多数情况发现的是弹出一个下拉列表供用户选择（这是一种典型的渐进增强形式）。怎么理解？——如果用户的浏览器支持javascript，那么就可以享受到这种快速导航的服务功能，有利于改善用户体验。如果浏览器不支持javascript功能（可以尝试禁用浏览器的javascript)，再次访问google.com.hk，再次点击更多时，发生了什么？是的，没有看到下拉列表，而打开了一个新页面。（这是一种典型的平稳退化）。怎么理解？——如果用户的浏览器不支持javascript，用户仍然能够访问我的网站 阅读全文

摘要： JavaScript作用域 任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。 1. 全局作用域（Global Scope） 在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域： （1）最外层函数和在最外层函数外面定义的变量拥有全局作用域，例如：123456789101112varauthorName="山边小溪";functiondoSomething(){varblogName="梦想天空& 阅读全文

摘要： 讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先，如果你是一个javascript新手，我建议您阅读 《JavaScript初学者的最佳实践》 ，这是一篇高质量的javascript教程，接触jQuery之前最好先阅读。当你准备使用jQuery，我强烈建议你遵循下面这些指南：缓存变量DOM遍历是昂贵 阅读全文

摘要： 在firefox下jquery的css方法不支持backgroundPositionY属性，我们可以通过如下方法解决。在使用backgroundPositionY之前调用https://raw.github.com/brandonaaron/jquery-cssHooks/master/bgpos.jsgithub项目来自：https://github.com/brandonaaron/jquery-cssHooks/blob/master/bgpos.jshttps://github.com/louisremi/jquery.backgroundXY.js/blob/master/jquer 阅读全文

摘要： 免费字体下面的这些icon font都是免费或者开源的，你可以大胆的使用，但是作为设计师，大家要有点儿修养，在使用前先看看相关字体文件的版权授权方式～～Font Awesome(150+个)为配合Twitter Bootstrap使用而设计。其实它是Glyphish的一个免费的重新设计的版本。Modern Pictograms(89个)可以在Font Squirrel免费下载，但是如果你愿意，也可以捐款。Erler Dingbats(~120个)Ecqlipse 2(281个)Heydings Icons(60个)Iconic(171个)Web Symbols(~80个)Entypo(100+ 阅读全文

摘要： 有时候需要在jquery中调用setInterval和setTimeout,直接在ready中调用其他方法，会提示缺少对象的错误，解决方法如下方法1. 应用jQuery的扩展可以解决这个问题。复制代码代码如下:$(document).ready(function(){$.extend({ show:function(){ alert("ready"); }});setInterval("show()",3000);});方法2. 指定定时执行的函数时不要使用引号和括号。复制代码代码如下:$(function(){function show(){ aler 阅读全文

摘要： setTimeout( ) setTimeout( )是属于window的method,但我们都是略去window这顶层物件名称,这是用来设定一个时间,时间到了,就会执行一个指定的method。请先看以下一个简单,这是没有实际用途的例子,只是用来示范setTimeout( )的语法。　1.　setTimeout( )语法例子　练习-69 等候三秒才执行的alert( ) 在第3 章说到alert 对话盒, 一般是用按钮叫出来, 在这练习, 你会看到网页开启后3 秒, 就会自动出现一个alert 对话盒。1.　请用浏览器开启示范磁碟中的timeout1.htm,这档案有以下内容: 示范网页... 阅读全文

摘要： Chrome Web 开发者工具页面结构与样式浏览器开发者工具的使用是Web前端开发工程师必须要掌握技能。本文介绍的是chrome自带的开发者工具，首先从页面的结构和样式来介绍。本文的目的是介绍chrome开发者工具的基础用法。或许你用别的工具，如firebug或IE的开发者工具，但本文介绍的功能，其他对应工具上应该也有相应的功能，可以帮助你了解对比。浏览器开发者工具功能：查看元素的html结构概览页面的css，以及某一元素的样式实时编辑css来调样式查看http请求页面中运行js检测页面性能瓶颈，做性能评估查看页面在本地存储的数据浏览器开发者工具在开始讲解chrome的开发者工具前，先简单列 阅读全文