标签归档:javascript

Javascript参数按值传递

关于Javascript中参数的传递到底是按值传递还是按引用传递,这个问题再此之前一直没有想过,话说javascript中有两种变量类型:基本类型和引用类型,基本类型包括:Number、String、Undefined、Null、Boolean这五种,而引用类型就是Object,根据之前在代码上的经验以及对javascript这门松散类型的语言的认识,以为在参数的传递中,传什么类型的值就按什么类型传递,比如传基本类型的变量,则参数是按照值进行传递,而传引用类型的变量的时候,则是按照引用传递。 昨晚在看《Javascript高级程序设计》的时候,才知道我之前的这种看法是错误的,下面是书中引用片段: ECMAScript中所有的函数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一变量一样。基本类型的传递如同基本类型变量的复制一样,而引用类型值的传递,则如同引用类型变量的复制一样。有不少开发人员在这一点上会感到困惑,因为访问变量有按值和按引......查看更多>>

发表在 javascript | 标签为 , | 一条评论

什么是javascript闭包

我同样也是个javascript新手,怎么说呢,先学的jquery,精通之后发现了javascript的重要性,再回过头来学javascript面向对象编程。 最近看了几篇有关javascript闭包的文章,有《javascript高级程序设计》中的文章,……我看不懂,里面有些代码是在大学教科书中看都没看过的,天书一般。幸好最近遇到两本好书《ppk on javascript》和《object-oriented JavaScript》,正字阅读中,都还没有中文版,但写的不复杂,有兴趣的朋友可以看看,适合想进阶的朋友。 今天就结合这两本书,用最浅显的语言和最通俗的方式谈谈javascript中的闭包,因为也是新手,所以有有误的地方请各位指出,谢谢 一.   准备知识 1.函数作为函数的参数 在学习javascript中,你始终要有一个有学习与其他语言不同的概念:函数(function)不么特殊的东西,它也是一种数据,与bool ,string,number没有什么两样。 函数的参数可以string,number,bool如: function(a, b) {return a + b;}......查看更多>>

发表在 javascript | 标签为 , | 2 条评论

javascript构造函数返回值

这篇文章面向初中级前端工程师 在讲构造函数返回值的问题前,我们先来聊聊new操作符。 这个new操作符从javascript 1.0版本就已经实施了,后来在ECMAScript 2.0正式引入。 new操作符的作用就是实例化一个用户定义的对象类型(在javascript可以称之为对象也可以称之为函数也可以称之为类)。 它的基本语法: new constructor[([arguments])] 其中constructor是一个函数,它定义了实例化对象的类型。 arguments是constructor调用时所需的值。 创建用户定义的对象至少需要两个步骤: 1;通过创建一个function定义一个对象类型。 2:通过new实例化一个对象。 可以连同指定的名称和属性创建一个对象类型。 当new foo(…)这行代码执行时,有下列事情依次发生: 1:一个对象将被创建,它将继承foo.prototype。 2:这个构造函数foo将连同指定的参数被调用,this指针将绑定到新创建的对象上,如果没有参数提供,new foo()也等同于new foo。 3:一个对象将通过foo构造函数......查看更多>>

发表在 javascript | 标签为 , , | 留下评论

【顶】Web开发入门不得不看

引 如今,各种互联网的Web应用程序层出不穷,那么如何快速入门,成长为一个优秀的Web开发工作者呢? 这个问题不容易回答,几乎所有的培训机构都不能清晰地解答。 所以对于Web开发刚刚入门的菜鸟们,我觉得只有通过去做,去实验,学会Web开发,可能是学着学着,实验着实验着就会了。 没有人告诉你如何去做。我学习的时候,我的导师只是给了我一堆视频,一堆文档。我们从明确一个目标开始:“哦,这个阶段,我要独立完成一个简单的Web应用程序,例如新闻发布系统”。 或许学会如何开发Web应用程序只是在完成这个Web应用程序过程中产生的副产品而已。你可以管它叫项目驱动,也可以认为这只是学习任何语言的一个非常有效的方法。       一、分析与设计 无论做一个传统的桌面应用程序,还是做一个Web应用程序,前期的分析与设计是不可避免的。 分析:需求分析,你必须了解你要做的是什么,你的客户到底想要的是什么,在做新闻发布系统的时候,我就......查看更多>>

发表在 前端开发 | 标签为 , , , , , , , , | 留下评论

Javascript计算密码的强度

用Javascript评估用户输入密码的强度 1.如果密码少于5位,那么就认为这是一个弱密码。 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码。 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码。 4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码。 本程序将根据用户输入的密码分别显示不同的颜色表示密码的强度,具体程序如下: <scriptt language=javascriptt> //CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){ if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN <=90) //大写字母 return 2; if (iN>=97 && iN <=122) //小写 return 4; else return 8; //特殊字符 } //bitTotal函数 //计算出当前密码当中一共有多少种模式 fu......查看更多>>

发表在 javascript | 标签为 , , , , | 留下评论

JavaScript获取元素位置

网上流传很广的一张图片了,每次看到都记不住,真正用的时候还要来查,这次记到博客里面啦!   /* 获取元素的位置属性可以通过 HTMLElement.offsetLeft HTMLElement.offsetTop 但是,这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置, 而是相对于其父元素位置的相对位置,也就是说这两个数值得到的是以其 父元素左上角为(0,0)点从而计算出的数值。所以我们要得到她的绝对位置, 那么我们必须依次向上获取他的父元素的位置, 然后获取它父元素的父元素的offersetLeft和offersetTop, 一直递归到浏览器的整个画布横纵距离的时候,例如 */ /*获取元素的纵坐标*/ function getTop(e){    var offset=e.offsetTop;    if(e.offsetParent!=null){      offset+=getTop(e.offsetParent);    }    return offset; } /*获取元素的横坐标*/ function getLeft(e){    var offset=e.offsetLeft;    if(e.offsetPare......查看更多>>

发表在 javascript | 标签为 , | 留下评论

javascript小记

js自定义方法–addClass function addclass(elm,newclass){   var classes = elm.className.split(' ');   classes.push(newclass);   elm.className = classes.join(' '); }   split() 方法用于把一个字符串分割成字符串数组。 join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。可指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。提示:要想数组的开头添加一个或多个元素,请使用 unshift() 方法。     a.x = a = { }, 深入理解赋值表达式 var o = {x : 1}; var a = o;   a.x = a = {name:100};   console.log(a.x);    // undefined console.log(o.x);    // {name:100}   // a.x = a = {name:100}; // 等价于 a.x = (a = {name:100}); // 首先计算a.x的引......查看更多>>

发表在 javascript | 标签为 , | 留下评论

JS实现仿新浪微博大厅和腾讯微博首页滚动效果

JavaScript实现仿新浪微博大厅和未登录腾讯微博首页滚动效果,貌似这些天有不少朋友需要这功能,前几天已经发了几个了,不过那一个效果是用jquery实现的《jQuery向上循环滚动(仿新浪微博未登录首页滚动微博显示)》,今天发现这款是js制作的好,不敢独享,希望需要的朋友喜欢哦。   演示地址:http://www.wufangbo.com/demo/javascript/02/index.html 下载地址:http://www.wufangbo.com/demo/javascript/02/02.rar   html代码 <div class="wp"> <ul id="slider" class="slider"> <li><a class="fl" href="javascript:;"><img src="http://t1.qlogo.cn/mbloghead/b9127c4ca63961bace88/50" alt="" /></a> <p>入山又恐别倾城  世间安得双全 不负如来不负卿</p>    </li> <li><a class=&qu......查看更多>>

发表在 javascript, 前端开发 | 标签为 , , , , , , , , , , , , , , , , , , , , , , | 4 条评论

js封装一个tab效果

html代码,js压缩后1k不到,有需要的朋友拿去用 演示地址:http://www.wufangbo.com/demo/javascript/01/index.html 下载地址:http://www.wufangbo.com/demo/javascript/01/01.rar   html代码 <!DOCTYPE html> <html> <head> <title>tab测试</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="css/tab.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/tab-min.js"></script> </head> <body>   <div id="tab"> <!-- tabHead --> <ul class="tab-nav"> <li><a href="javascript:void(0)">交易安全</a></li> <li><a href=&quo......查看更多>>

发表在 javascript, 前端开发 | 标签为 , , , , , , , , , , , , , , , , , , , , , , , , | 留下评论

Web开发ABC

  Web开发经常会是非常复杂的事情。今天,针对初学者,我希望向你介绍26个概念和技术,每个都对应英文字母的一个字母。听起来很奇怪吧,那让我们开始吧。 A——AJAX AJAX是异步JavaScript和XML的意思,它是近些年你使用的所有流畅的Web应用背后的主要驱动力。 AJAX作为一项技术来说,使用已经很普遍了。Gmail,Flickr等,你甚至还可以在WordPress的管理员面板里找到它。那么它到底是什么以及它如何实现的呢? 说到底它的核心是XMLHttpRequest,这允许在页面完全渲染之后发送请求并接收返回,而无需关联页面其它部分。这意味着web程序不需要为每一个操作而刷新整个页面。这提供了非常流畅,动感的类似桌面应用的用户体验。 相关阅读 How to Make AJAX Requests With Raw Javascript 24 Best Practices for AJAX Implementations Submit A Form Without Page Refresh using jQuery   B——Browser(浏览器) 浏览器是能......查看更多>>

发表在 前端开发, 前端开发规范和经验 | 标签为 , , , , , , , , , , , , , , , , , , | 留下评论

Web设计与开发终极资源大全

  Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文全面搜集 Web 开发中可能用到的各种第三方资源。 1. 函数与类库 A. CAPTCHA CAPTCHA 用来防止恶意表单发布,以下 CAPTCHA 系统可以轻松集成到你的程序中: reCAPTCHA 这是目前最流行的 CAPTCHA 机制,该机制同时是一个古籍数字化工程的一部分,用户在验证的同时,也帮助辨认一些不够清晰的估计扫描。reCAPTCHA 还有一个 Perl 模块 实现该功能。 Securimage 这个一个免费的,开源 PHP CAPTCHA 脚本。 freeCap 基于 GPL 协议的 CAPTCHA 脚本 HN CAPTCHA PHP CAPTCHA 脚本,基于 LGPL 协议 B. 日期处理 日期操作并不轻松,尽管 PHP 和 Perl 内......查看更多>>

发表在 群组收集资源 | 标签为 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | 留下评论