摘要: 闲暇没事整理了下前端常用的优化技巧,按目的分类如下:在文档开头显示一个加载中图案(俗称菊花),然后把不重要的JS文件放在文档末尾, 给script标签添加defer属性目的:防止JS文件阻塞页面加载CSS精灵(将多张小图片集合到一张大图片中)合并JS文件(将多个JS文件集合到一个JS文件中)目的:减... 阅读全文
posted @ 2015-03-26 18:41 smght 阅读(177) 评论(0) 推荐(0)
摘要: JavaScript是一门面向对象的语言。在JavaScript中有一句很经典的话,万物皆对象。既然是面向对象的,那就有面向对象的三大特征:封装、继承、多态。这里讲的是JavaScript的继承,其他两个容后再讲。JavaScript的继承和C++的继承不大一样,C++的继承是基于类的,而JavaS... 阅读全文
posted @ 2015-03-26 18:39 smght 阅读(168) 评论(0) 推荐(0)
摘要: 概念扫盲DOMDOM是 Document Object Model(文档对象模型)的缩写,是W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C... 阅读全文
posted @ 2015-03-26 18:11 smght 阅读(170) 评论(0) 推荐(0)
摘要: 赋值运算赋值运算的形式为左值 = 右值。如果同个表达式中有多个赋值运算,则从右到左运算。例如:a = b = c; // 和下面两行等价b = c;a = b;另外一种赋值运算的形式叫做复合赋值运算符,形式为左值 op= 右值,其中op=表示部分运算符和=的结合,a op= b和 a = a op ... 阅读全文
posted @ 2015-03-26 17:49 smght 阅读(430) 评论(0) 推荐(0)
摘要: 函数声明之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提。function func() { }和var func = function() { }除了在声明提升中有所不同之外也没有其他不同,我... 阅读全文
posted @ 2015-03-26 17:48 smght 阅读(224) 评论(0) 推荐(0)
摘要: JavaScript基本语句基本概述JavaScript是脚本语言,从上到下解释执行,最小单位为语句或语句块,每个语句以分号结尾,每个语句块以右大括号结尾。JavaScript可以将多条语句或语句块放到同一行,如果每一行只有一句语句的话,结尾的分号可以省略,但强烈建议不要这么做!因为若是压缩代码,所... 阅读全文
posted @ 2015-03-26 17:45 smght 阅读(287) 评论(0) 推荐(0)
摘要: 变量声明JavaScript的变量声明分为显式声明跟隐式声明。显式声明即带var关键字声明,例如var example = example;要注意JavaScript里面声明的关键字只有function和var两个,不要和C之类的int、float等弄混了。我们也可以暂时不初始化,和下面这句是等价的... 阅读全文
posted @ 2015-03-26 14:16 smght 阅读(213) 评论(0) 推荐(0)
摘要: JavaScript是什么?JavaScript的诞生在1995年前后,当时世界上的主流带宽为28.8Kbps,现在世界平均下载带宽为21.9Mbps(数据来源于http://www.netindex.com)。当时的网民,每提交一次表单,都需要等待很久才能收到服务器的回应,甚至很可能等了几分钟收到... 阅读全文
posted @ 2015-03-26 14:15 smght 阅读(366) 评论(0) 推荐(0)
摘要: JavaScript事件,又称DOM事件,指用户对DOM节点进行各种操作时,能触发相应的处理函数。这些操作包括获取焦点、点击、键盘输入、鼠标悬浮、窗口变化等等。一个JavaScript事件,包括事件绑定、事件触发、事件冒泡、事件捕获、事件处理。下面将详细描述。事件绑定事件有类型,大类可以分为鼠标事件... 阅读全文
posted @ 2015-03-26 14:14 smght 阅读(251) 评论(0) 推荐(0)
摘要: 1 .htaccess1.1 文件的位置默认情况下放置于根目录1.2 .htaccess文件的编写1.2.1 错误页面跳转ErrorDocument + 错误码 + 跳转路径/提示文字eg:ErrorDocument404 /errors/notfound.html如果所需要提示的信息很少的话,不必... 阅读全文
posted @ 2015-03-26 13:23 smght 阅读(412) 评论(0) 推荐(0)
摘要: 这个系列的文章名为“JavaScript 进阶”,内容涉及JS中容易忽略但是很有用的,偏JS底层的,以及复杂项目中的JS的实践。主要来源于我几年的开发过程中遇到的问题。小弟第一次写博客,写的不好的地方请诸位斧正,觉得还有一些阅读价值的请帮忙分享下。这个“JavaScript 进阶”是一个系列文章,请... 阅读全文
posted @ 2015-03-26 13:02 smght 阅读(7700) 评论(3) 推荐(3)
摘要: 局部变量陷阱先看一段代码:[javascript]view plaincopyfunctionfoo(){vara="hello"b="world"returna+b;}这个函数执行完成之后返回helloworld,结果确实没有问题。但是里面有一个细节就是两个局部变量一个前边有var,另一个没有。这... 阅读全文
posted @ 2015-03-26 13:01 smght 阅读(312) 评论(0) 推荐(0)
摘要: 从C语言开始有时候讲一些细节或是底层的东西,我喜欢用C语言来讲,因为用C更方便来描述内存里面的东西。先举一个例子,swap函数,相信有一些编程经验的人都见识过,声明如下,函数体我就不写了,各位脑补一下。[cpp]view plaincopyvoidswap1(inta,intb);voidswap2... 阅读全文
posted @ 2015-03-26 13:00 smght 阅读(943) 评论(1) 推荐(0)
摘要: 闭包(closure)是什么东西我面试前端基本都会问一个问题"请描述一下闭包"。相当多的应聘者的反应都是断断续续的词,“子函数”“父函数”“变量”,支支吾吾的说不清楚。我提示说如果你表述不清楚你可以写一小段代码示例一下。这个基本都会,比如这样:[javascript]view plaincopyfu... 阅读全文
posted @ 2015-03-26 12:59 smght 阅读(513) 评论(2) 推荐(0)
摘要: 先看一段代码[javascript]view plaincopyvarfoo={}foo.a=nullalert(foo.a==null)//truealert(foo.a===undefined)//falsealert(foo.b==null)//truealert(foo.b===null)/... 阅读全文
posted @ 2015-03-26 12:58 smght 阅读(316) 评论(0) 推荐(0)
摘要: 前端简介Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的,名称上有很明 显的时代特征。随着人们对用户体验的要求越来越高,前端开发的技术难度越来越大,Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端... 阅读全文
posted @ 2015-03-26 10:09 smght 阅读(268) 评论(0) 推荐(0)