随笔分类 -  前端

JavaScript的原型继承
摘要：JavaScript是一门面向对象的语言。在JavaScript中有一句很经典的话，万物皆对象。既然是面向对象的，那就有面向对象的三大特征：封装、继承、多态。这里讲的是JavaScript的继承，其他两个容后再讲。JavaScript的继承和C++的继承不大一样，C++的继承是基于类的，而JavaS... 阅读全文
posted @ 2015-02-15 09:52 熊猫正尽责 阅读(394) 评论(0) 推荐(1)
JavaScript快速入门（六）——DOM
摘要：概念扫盲DOMDOM是 Document Object Model（文档对象模型）的缩写，是W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C... 阅读全文
posted @ 2015-02-15 09:47 熊猫正尽责 阅读(564) 评论(0) 推荐(0)
JavaScript快速入门（五）——表达式运算
摘要：赋值运算赋值运算的形式为左值 = 右值。如果同个表达式中有多个赋值运算，则从右到左运算。例如：a = b = c; // 和下面两行等价b = c;a = b;另外一种赋值运算的形式叫做复合赋值运算符，形式为左值 op= 右值，其中op=表示部分运算符和=的结合，a op= b和 a = a op ... 阅读全文
posted @ 2015-02-14 08:47 熊猫正尽责 阅读(573) 评论(0) 推荐(0)
JavaScript快速入门（四）——JavaScript函数
摘要：函数声明之前说的三种函数声明中（参见JavaScript快速入门（二）——JavaScript变量），使用Function构造函数的声明方法比较少见，我们暂时不提。function func() { }和var func = function() { }除了在声明提升中有所不同之外也没有其他不同，我... 阅读全文
posted @ 2015-02-12 11:39 熊猫正尽责 阅读(237) 评论(0) 推荐(0)
JavaScript快速入门（三）——JavaScript语句
摘要：JavaScript基本语句基本概述JavaScript是脚本语言，从上到下解释执行，最小单位为语句或语句块，每个语句以分号结尾，每个语句块以右大括号结尾。JavaScript可以将多条语句或语句块放到同一行，如果每一行只有一句语句的话，结尾的分号可以省略，但强烈建议不要这么做！因为若是压缩代码，所... 阅读全文
posted @ 2015-02-11 14:07 熊猫正尽责 阅读(414) 评论(0) 推荐(0)
JavaScript快速入门（二）——JavaScript变量
摘要：变量声明JavaScript的变量声明分为显式声明跟隐式声明。显式声明即带var关键字声明，例如var example = example;要注意JavaScript里面声明的关键字只有function和var两个，不要和C之类的int、float等弄混了。我们也可以暂时不初始化，和下面这句是等价的... 阅读全文
posted @ 2015-02-10 10:14 熊猫正尽责 阅读(512) 评论(0) 推荐(0)
JavaScript快速入门（一）——JavaScript概览
摘要：本文不是参考手册式文章，仅适用于对JS产生一个大致的认知，如需JS的详细语法与应用请移步w3schoolJavaScript是什么？JavaScript的诞生在1995年前后，当时世界上的主流带宽为28.8Kbps，现在世界平均下载带宽为21.9Mbps（数据来源于http://www.netind... 阅读全文
posted @ 2015-02-09 15:34 熊猫正尽责 阅读(424) 评论(0) 推荐(0)
JavaScript事件
摘要：事件基础JavaScript事件，又称DOM事件，指用户对DOM节点进行各种操作时，能触发相应的处理函数。这些操作包括获取焦点、点击、键盘输入、鼠标悬浮、窗口变化等等。一个JavaScript事件，包括事件绑定、事件触发、事件冒泡、事件捕获、事件处理。下面将详细描述。事件绑定事件有类型，大类可以分为... 阅读全文
posted @ 2014-12-30 10:18 熊猫正尽责 阅读(204) 评论(0) 推荐(0)
名片效果实现
摘要：模仿QQ空间、微博等鼠标悬浮在人名上时，显示用户详细信息大体思路是将名片卡隐藏在页面中，当悬浮时将名片卡移动到鼠标边，鼠标移开时隐藏名片卡。本文的JS使用了jquery用户名跟名片卡代码如下（只是为了显示类名，具体内容按需补充）：用户名JS代码如下：var showMsgCardControl = ... 阅读全文
posted @ 2014-12-10 20:51 熊猫正尽责 阅读(175) 评论(0) 推荐(0)
前端优化技巧（一）
摘要：闲暇没事整理了下前端常用的优化技巧，按目的分类如下：在文档开头显示一个加载中图案（俗称菊花），然后把不重要的JS文件放在文档末尾， 给script标签添加defer属性目的：防止JS文件阻塞页面加载CSS精灵（将多张小图片集合到一张大图片中）合并JS文件（将多个JS文件集合到一个JS文件中）目的：减... 阅读全文
posted @ 2014-12-08 17:32 熊猫正尽责 阅读(140) 评论(0) 推荐(0)
会话框拖拽效果实现
摘要：遇到这需求是想模仿网页版QQ，多个会话框时会叠一起，需要有拖拽功能。网上找到了一篇代码（原文地址），但其中有少数地方边界处理没做好，计算也有一点问题，修正了下。原文所说的弊端未解决。界面代码如下： Test ... 阅读全文
posted @ 2014-12-08 11:28 熊猫正尽责 阅读(208) 评论(0) 推荐(0)
上传图片动态预览(兼容主流浏览器)
摘要：做这个功能初始目的是为了在提交编辑前先查看效果，当然仅限于图片。核心代码来源于网上，经测验有效假设HTML如下： JS如下：document.getElementById("upload").onchange = function(){ var objUrl = getObjec... 阅读全文
posted @ 2014-12-08 10:34 熊猫正尽责 阅读(222) 评论(0) 推荐(0)