js代码 | 易学教程

下拉菜单项封装，使用图标字体实现

阅读更多关于下拉菜单项封装，使用图标字体实现

通过之前的站点导航案例，分离下拉菜单的共性和特性 dropdown.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>dropdown</title> <link rel="stylesheet" href="../css/base.css"> <style> /*分离出dropdown公共样式*/ .dropdown{ position: relative; } .dropdown-toggle{ position: relative; z-index:2; } .dropdown-arrow{ display: inline-block; vertical-align: middle; background-repeat: no-repeat; } .dropdown-list{ display: none; position: absolute; z-index:1; } .dropdown-left{ left:0; right:auto; } .dropdown-right{ right:0; left:auto; } /*分离出nav的dropdown独有样式*/ .menu .dropdown-toggle{ display: block; padding:0 16px

GitHub上整理的一些工具

阅读更多关于 GitHub上整理的一些工具

GitHub上整理的一些工具技术站点 Hacker News：非常棒的针对编程的链接聚合网站 Programming reddit：同上 MSDN：微软相关的官方技术集中地，主要是文档类 infoq：企业级应用，关注软件开发领域 OSChina：开源技术社区，开源方面做的不错哦 cnblogs，51cto，csdn：常见的技术社区，各有专长 stackoverflow：IT技术问答网站 GitHub：全球最大的源代码管理平台，很多知名开源项目都在上面，如Linux内核， OpenStack等免费的it电子书： http://it-ebooks.info/ DevStore:开发者服务商店不错的书籍人件人月神话代码大全2 计算机程序设计艺术程序员的自我修养程序员修炼之道高效能程序员的修炼（成为一名杰出的程序员其实跟写代码没有太大关系）深入理解计算机系统软件随想录算法导论（麻省理工学院出版社）离线数学及其应用设计模式编程之美黑客与画家编程珠玑 C++ Prime Effective C++ TCP/IP详解 Unix 编程艺术《精神分析引论》弗洛伊德搞定：无压力工作的艺术平台工具（都是开源的好东东哦） Redmine/Trac：项目管理平台 Jenkins/Jira(非开源)：持续集成系统（Apache Continuum

js拖动

阅读更多关于 js拖动

以下网址是一段js拖动的代码, http://www.jb51.net/article/10578.htm 我感觉这东西用在网页的广告上很有用，所以记一下 <html> <head><title>拖动效果函数演示 by Longbill.cn</title> <style> body { font-size:12px; color:#333333; border : 0px solid blue; } div { position : absolute; background-color : #c3d9ff; margin : 0px; padding : 5px; border : 0px; width : 100px; height:100px; } </style> </head> <body> <script> function drag(o,s) { if (typeof o == "string") o = document.getElementById(o); o.orig_x = parseInt(o.style.left) - document.body.scrollLeft; o.orig_y = parseInt(o.style.top) - document.body.scrollTop; o.orig_index = o.style.zIndex; o

JS流程控制语句重复重复（for循环）语句结构： for(初始化变量;循环条件;循环迭代) { 循环语句 }

阅读更多关于 JS流程控制语句重复重复（for循环）语句结构： for(初始化变量;循环条件;循环迭代) { 循环语句 }

重复重复（for循环）很多事情不只是做一次，要重复做。如打印10份试卷，每次打印一份，重复这个动作，直到打印完成。这些事情，我们使用循环语句来完成，循环语句，就是重复执行一段代码。 for语句结构： for(初始化变量;循环条件;循环迭代) { 循环语句 } 假如，一个盒子里有6个球，我们每次取一个，重复从盒中取出球，直到球取完为止。 <script type="text/javascript"> var num=1; for (num=1;num<=6;num++) //初始化值；循环条件；循环后条件值更新 { document.write("取出第"+num+"个球<br />"); } </script> 结果: 执行思路: 任务我们有1，2，3...10不同面值的钱，使用for语句完成合计，看看我们一共有多少钱，请补充第8行代码，实现该功能。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>if...else</title> <script type="text/JavaScript"> var mymoney,sum=0;//mymoney变量存放不同面值，sum总计 for(mymoney=1

js的变量提升问题

阅读更多关于 js的变量提升问题

执行结果：为什么第一个不输出全局变量呢？我们先了解下变量提升，指的是变量声明总是会被解释器“提升”到函数体的顶部，这意味着，我们的var scope="局部”，但解释器会提升该scope变量——将该变量的声明提升到函数体的顶部。注意：变量提升只是提升变量声明部分，并不会提升变量赋值部分。上面的代码可以转换为： function test(){ var scope ; document.writeln(scope+"<br/>"); scope = "局部"; document.writeln(scope+"<hr/>"); } 这样的话就在test()函数里面，先声明了scope变量，但是第一次打印时还没有赋值，故为undefined 来源： CSDN 作者： victor_yjx 链接： https://blog.csdn.net/victor_yjx/article/details/104417210

高性能网站建设，前端优化

阅读更多关于高性能网站建设，前端优化

相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化的。　　以上是一张web2.0页面的生命周期图。工程师很形象地讲它分成了“怀孕，出生，毕业，结婚”四个阶段。如果在我们点击网页链接的时候能够意识到这个过程而不是简单的请求-响应的话，我们便可以挖掘出很多细节上可以提升性能的东西。今天听了淘宝小马哥的一个对yahoo开发团队对web性能研究的一个讲座，感觉收获很大，想在blog上做个分享。　　相信很多人都听过优化网站性能的14条规则。更多的信息可见developer.yahoo.com 　　在firefox下有一个插件yslow，集成在firebug中，你可以用它很方便地来看看自己的网站在这几个方面的表现。　　这是对用yslow对我的网站西风坊测评的结果，很遗憾，只有51分。呵呵。中国各大网站的分值都不高，刚测了一下，新浪和网易都是31分。然后yahoo(美国)的分值确实97分!可见yahoo在这方面作出的努力。从他们总结的这14条规则

优化网站性能的14条军规快速提高网站访问速度

阅读更多关于优化网站性能的14条军规快速提高网站访问速度

优化网站性能的14条军规快速提高网站访问速度相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax，flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google几乎已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面，根据yahoo的调查，后台只占5%，而前端高达95%之多，其中有88%的东西是可以优化网站性能的。以上是一张web2.0页面的生命周期图。工程师很形象地讲它分成了“怀孕，出生，毕业，结婚”四个阶段。如果在我们点击网页链接的时候能够意识到这个过程而不是简单的请求-响应的话，我们便可以挖掘出很多细节上可以提升性能的东西。今天听了淘宝小马哥的一个对yahoo开发团队对web性能研究的一个讲座，感觉收获很大，想在blog上做个分享。优化网站性能的14条军规快速提高网站访问速度，更多内容如下：相信很多人都听过优化网站性能的14条规则。 1. 尽可能的减少 HTTP 的请求数 [content] 2. 使用 CDN（Content Delivery Network） [server] 3. 添加 Expires 头(或者 Cache-control ) [server] 4. Gzip 组件 [server] 5. 将 CSS 样式放在页面的上方

关于js中伪数组

阅读更多关于关于js中伪数组

伪数组：具有length属性；按索引方式存储数据；不具有数组的push()、pop()等方法；　　伪数组无法直接调用数组方法或期望length属性有什么特殊的行为，不具有数组的push()、pop()等方法，但仍可以对真正数组遍历方法来遍历它们。这种对象有很多，比较特别的是function内的arguments对象，还有像调用getElementsByTagName, document.childNodes之类的，它们都返回的NodeList对象都属于伪数组，也称为类数组，还有自定义的对象，也属于伪数组。我们可以通过Array.prototype.slice.call(fakeArray)将伪数组转变为真正的Array对象。代码例子如下： var fakeArray01 = {0:'a',1:'b',length:2};//这是一个标准的伪数组对象 var arr01 = Array.prototype.slice.call(fakeArray01); alert(arr01[0]);//a var arr02 = [].slice.call(fakeArray01); alert(arr02[0]);//a 还有就是，jQuery中的$()对象都是伪数组对象，其中保存的是DOM对象，基于此，也就更好理解jQuery中的this，目前就理解到这里了，就酱！来源：

一言难尽的js变量提升

阅读更多关于一言难尽的js变量提升

基础知识在这个课题开始之前我们先做一些基础知识的讲解 1、在顶级的区域内声明的变量为 window级别的变量。也就是说var a=100 等价于 window.a=100; 2、局部的重新声明变量没有意义。var a=100;var a;后面的将没有意义。 3、在有参数函数的定义中 function abc(p1){} abc(1),在函数执行中，先构建，在执行，会有两个步骤，所以说当函数执行之前构建过程中，将临时生成代码 var p1=1;将来一切不赋值的声明将变得没有意义。 var p1;//没有意义 var p1=2;//有意义。开始进入正题全局作用域和局部作用域全局作用域：整个JS执行环境局部作用域：通过创建一个函数就开辟出了一个局部作用域全局变量和局部变量全局变量：在全局作用域都可以访问的变量局部变量：只能在当前局部作用域访问的变量声明提升：如果变量声明在函数里面，则将变量声明提升到函数的开头如果变量声明是一个全局变量，则将变量声明提升到全局作用域的开头变量运行（搜索）机制：首先看，有没有局部作用域如果有，查找是不是这个局部作用域定义的变量如果不是，寻找上一级作用域，直到找到全局作用域如果全局作用域也找不到这个变量，这个变量就是未定义的 undefined 第一题： var a=1; function test(){ console

小白必看 web前端程序员分享JavaScript学习方法

阅读更多关于小白必看 web前端程序员分享JavaScript学习方法

JavaScript是前端三要素之一，因为JavaScript，有很多人从入门到放弃了前端。不过作为一个知识点，想要学好JavaScript并不是没有方法，接下来小编就给大家简单分享一下。从第一阶段学习的HTML+CSS知识点，进入到第二阶段的JS范畴，从学习方向和程度上来讲，我明显感觉到了不同。JS更加注重的是逻辑能力，每天上课跟着老师的思路走，把老师教的方法记下来，然后在课下自己去练习，通过练习把老师的方法变成自己的方法，其中这转换的过程，就是精髓所在。在刚开始学习JS的时候，因为不能直观地看到页面，感觉还是很枯燥的。但进入到后半段操作页面的时候，我逐渐发现JS很有意思，尤其是在老师布置完作业之后，独立地把作业敲出来，还是很有成就感的。当然，老师课堂上讲的之知识主要是重点知识和学习方法，不能所有细枝末节的东西都讲到，我们应该在课下自己进行知识的扩展，增强自己的能力。和很多同学一样，有时候老师讲的一些难点能听的懂，但是自己敲的时候却敲不出来，这时候我会去参考一下老师写的，回忆一下老师的思路，完成需求的方法，然后再自己敲，反复地练习，直到自己能敲出来为止。学习中，我们还要多和别人交流，每个人面对同一个需求的时候，解决的办法和思路都是不同的。可能同一个人不同时间针对同一个需求写出的代码都是不同的，所以我们也要多和别人，尤其是交流，彼此分享一下好的学习方法与简洁的解题思路

订阅 js代码