随笔分类 - Javascript
摘要:最全的Js复制链接代码 直接复制url 点击文本框时,复制文本框里面的内容 复制文本框或者隐藏域中的内容 复制span标记中的内容 以下是代码片段: http://hsyjxzht.blog.163.com/ [点击复制] http://hsyjxzht.blog.163.com/ [点击复制] JS实现复制本文链接,推荐给QQ/MSN上的好友第一种不带标题:http://www.86shichang.com/blog/?post=150复制链接发给好友第二种带标题:如何实现复制内容自动加上文章链接 http://www.86shichang.com/blog/?po...
阅读全文
摘要:一、 规范目的:为提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,在网站建设中,使结构更加清晰,代码简明有序,有一个更好的前端架构,有利于SEO优化。二、 规范基本准则:符合web标准,使用具有语义的标签,使结构、表现、行为分离,兼容性优良,页面性能优化,代码简洁、明了、有序,尽可能的减少服务器的负载,保证最快的解析速度。三、 文件规范:html、css、js、images文件均归档至约定的目录中。1. html(1)编码:所有编码均采用xhtml,标签必须闭合,属性值用双引号包括,编码统一为utf-8。(2)语义化:语义化html,正确使用标签,充分利用...
阅读全文
摘要:其实对于Javascript链式作用域的描述,包括,JS权威指南,都有些太冗长了--但是很准确:JavaScript中的函数运行在他们被定义的作用域里,而不是他们被执行的作用域里。这句话有点难懂,但程序的设计,基本都是为了简单,便于理解的。记住JS中经典的一句话是,一切皆对象。说白了链式作用域,其实就是Javascript的一个特性:子函数中可以访问父函数的所有变量。当然也包括全局变量window(一般的函数定义function a(){},其实都是window对象的子函数)。另外补充一下,函数定义有两种方式,其实略有差别:var a=function(){}和function a(){},稍
阅读全文
摘要:关于javascript,你必须知道,你不是一个人在战斗!Any violation to this guide is allowed if it enhances readability.所有的代码都要变成可供他人容易阅读的。软件的长期价值直接源于其编码质量。在它的整个生命周期里,一个程序可能会被许多人阅读或修改。如果一个程序可以清晰的展现出它的结构和特征,那就能减少在以后对其进行修改时出错的可能性。编程规范可以帮助程序员们增加程序的健壮性。所有的JS代码都是暴露给公众的。所以我们更应该保证其质量和可阅读性,保持整洁很重要。Javascript代码格式规范1.html中外部脚本引入尽量放在尾
阅读全文
摘要:setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。 语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串。 millisec(必需):在执行代码前需等待的毫秒数。 提示: setTimeout() 只执行 code 一次。如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。两种调用函数的写法:function page_list(){ alert("shi...
阅读全文
摘要:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)myDate.getHours(); //获取当前小时数(0-23)myDate.getMinute
阅读全文
摘要:下面,我们先初步了解一下和匿名函数相关的概念。 函数声明(function 语句) 要使用一个函数,我们就得首先声明它的存在。而我们最常用的方式就是使用function语句来定义一个函数,如: 复制代码 代码如下:function abc(){ // code to process } function abc(){ // code to process } 当然,你的函数也可以是带参数的,甚至是带返回值的。 view plaincopy to clipboardprint? function abc(x,y){ return x+y; } function abc(x,y){ ret...
阅读全文
摘要:引入下方的jquery.rotate.js文件,然后通过$("选择器").rotate(角度);可以旋转任意角度,例如$("#rotate-image").rotate(45);把这句放在$(document).ready(function(){ });中就是将id为rotate-image的图片旋转45度。不过,貌似在Chrome中总是不显示。唉,找了两个小时,才发现Chrome太坑爹了,没法获取图片的长宽。解决办法是,把$("#rotate-image").rotate(45);放在$(window).load(function(
阅读全文
摘要:全局变量是个魔鬼,令人头痛。据说庞大的YUI只用了两个全局变量,真是令人赞叹!JavaScript 有两种变量:全局变量和局部变量。如果在任何函数定义之外声明了一个变量,则该变量为全局变量,且该变量的值在整个持续范围内都可以访问和修改。如果在函数定义内声明了一个变量,则该变量为局部变量。每次执行该函数时都会创建和破坏该变量;且它不能被该函数外的任何事物访问。局部变量一定要以var申明,否则是全局变量。 像 C++ 这样的语言也有“块范围”。在这里,任何一对“{}”都定义新的范围。JavaScript 不支持块范围。 一个局部变量的名称可以与某个全局变量的名称相同,但这是完全不同和独立的两个变量
阅读全文
摘要:原理很简单: onmouseover、onmouseout执行业务代码时使用setTimeout进行延时,第二次触发的时候先清除掉前面的setTimeout。 原理 代码如下: var timer; document.getElementById('test').onmouseover = function () { clearTimeout(timer); timer = setTimeout(function () { alert('over') }, 150); }; document.getElementById('test').onmo
阅读全文
摘要:qTip2是一个灰常强大且精致的jQuery提示信息插件,是qTip的第2版,也是一个全新的版本,提供了丰富的功能及漂亮的外观,非常易于使用。qTip2采用了MIT/GPLv2许可,官方网站为:http://craigsworks.com/projects/qtip2/,目前还没发布一个稳定版,Nightly版本经常会更新,当然这并不影响正常使用。简介若不放心可以尝试旧版的qTip,但在一些参数上会有所不同;若是从qTip升级到qTip2,可以使用官方提供的转换工具来升级你的代码:http://craigsworks.com/projects/qtip2/converter/。如果使用时出现问
阅读全文
摘要:1.文档加载完成执行函数$(document).ready(function(){alert("开始了");});2.添加/删除CSS类$("#some-id").addClass("NewClassName");$("#some-id").removeClass("ClassNameToBeRemoved");3.选择符利用了CSS和Xpath(XML Path Language)选择符的能力,以及jQuery独有的选择符3.1常用的: 1.根据标签名:$('p')选择文档中的
阅读全文
摘要:jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性: •HTML 元素选取 •HTML 元素操作 •CSS 操作 •HTML 事件函数 •JavaScript 特效和动画 •HTML DOM 遍历和修改 •AJAX •Utilities1.向页面添加jQuer...
阅读全文
摘要:jQuery选择器选择器 实例 选取* $("*") 所有元素#id $("#lastname") id="lastname"的元素.class $(".intro") 所有class="intro"的元素element $("p") 所有<p>元素.class.class $(".intro.demo") 所有class="intro"且class="demo"的元素:first $("p:f
阅读全文
摘要:Ajax File Upload.jQUploader.Multiple File Upload plugin. jQuery File Style.Styling an input type file.Progress Bar Plugin. 表单验证(Form Validation)jQuery Validation.Auto Help.Simple jQuery form validation.jQuery XAV - form validations.jQuery AlphaNumeric.Masked Input.TypeWatch Plugin.Text limiter for f
阅读全文
摘要:在很多优化法则中都提到,尽量将javascript放到页面底部,这是为什么呢我通过firebug进行了下简单的分析我们分析得出1、整个页面文档家在结束才开始加载css和js以及其他的数据2、当顶部的所有js都家在结束之后才可以加载页面中的图片3、顶部的common.css和common.js几乎是同时开始加载4、底部的loader-min.js和离他最近的footer.jpg也是同时开始加载由此,我们可以分析出,至少在这个版本的firefox中从http的角度看,整个document是使用的一个HTTP连接,并且必须将这个HTTP连接结束后才会创建新的连接。css和js可以共用一个HTTP连接
阅读全文
摘要:规范目的为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档.本规范文档一经确认,前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改.基本准则符合web标准,语义化html,结构表现行为分离,兼容性优良.页面性能方面,代码要求简洁明了有序,尽可能的减小服务器负载,保证最快的解析速度.文件规范1.html,css,js,images文件均归档至<系统开发规范>约定的目录中;2.html文件命名:英文命名,后缀.htm.同时将对应界面稿放于同目录中,若界面稿命名为中文,请重命名与html文件
阅读全文
摘要:1.Window.onload 的JQuery方法$(document).ready(function(){ //The Code!})可以简写为:$(function(){ //The Code!})2.添加和去除Css类$(function(){ $(“a.alink”).mouseover(function(){this.addClass(“over”); //添加样式 }).mouseout(function(){ this.removeClass(“over”); //去除样式})})3.动态切换样式$funciotn(){ $(a.alink).click(function(){
阅读全文
摘要:一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、 mootools、Bindows以及国内的JSVM框架等,通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来, 将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。 jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的,它有助于简化 JavaScript™ 以及Ajax 编程。有人使用这样的一比喻来比较p.
阅读全文
摘要:Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。 随着Web 2.0概念的普及和W3C组织的推广,网站重构的..
阅读全文