2014 年 12月随笔档案 - hsle

Javascript模块化

摘要：一、原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 function m1(){ //... } function m2(){ //... }上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就行了。这... 阅读全文

posted @ 2014-12-23 17:47 hsle 阅读(131) 评论(0) 推荐(0)

Grunt

摘要：Grunt打造前端自动化工作流Grunt这货是啥？最近很火的前端自动化小工具，基于任务的命令行构建工具http://gruntjs.comGrunt能帮我们干啥？在开始介绍前，先向大家描述下面的场景:【场景1：项目开始前】先建立一个 projA 的文件夹再建 html css js images ... 阅读全文

posted @ 2014-12-23 15:02 hsle 阅读(146) 评论(0) 推荐(0)

sublimeText

摘要：今天上午电脑有点问题出现，自己重新安装了一下sublimeText2，但是发现有些插件在sublimeText2中没有，就下载了一下sublimeText3，试用了一下，今天第一试用，的确比2方便了一些。分享一下安装的过程： 1.在http://www.sublimetext.com/3下载; ... 阅读全文

posted @ 2014-12-21 21:47 hsle 阅读(227) 评论(0) 推荐(0)

js基本语法

摘要：7.number && 数据转换为 number类型初始化： var number = new Number('23');//使用构造函数创建 * 使用typeof操作符返回 'object';使用type函数返回'number'; var number = 23; //直接量方... 阅读全文

posted @ 2014-12-21 21:45 hsle 阅读(668) 评论(0) 推荐(0)

Document Object Model

摘要：1. DOM => Document Object Model(文档对象模型); DOM是一个树形结构;由Node\Element(节点\元素)构成;2.Node\Element; element.id\element.className\element.value\.... element.... 阅读全文

posted @ 2014-12-21 21:44 hsle 阅读(213) 评论(0) 推荐(0)

对象的创建

摘要：外部属性定义方式/* 在js中并不存在类，所以可以直接通过object来创建对象但是使用如下方式创建，带来最大的问题是，由于没有类的约束无法实现对象的重复利用，并且没有一个约定，在操作时会带来问题*/var person = new Object();person.name =... 阅读全文

posted @ 2014-12-15 19:22 hsle 阅读(520) 评论(0) 推荐(0)

函数深入理解---函数的属性length和方法call 和apply

摘要：函数同样有两个非常好用的属性：length 和prototypefunction fn1(){}function fn2(num1,num2){}function fn3(num1){}//函数的length就表示该函数所期望的参数值alert(fn1.length) // 0alert(fn2.l... 阅读全文

posted @ 2014-12-15 14:51 hsle 阅读(203) 评论(0) 推荐(0)

函数深入理解---函数的内部属性arguments和this

摘要：argumentsfunction say(num){ /* 在函数对象中有一个属性叫做arguments,通过这个属性可以获取相应的参数值，这个属性是一个数组，其实就是传递进来的参数 */ console.log(arguments.length);... 阅读全文

posted @ 2014-12-12 17:55 hsle 阅读(298) 评论(0) 推荐(0)

函数深入理解---返回值为函数

摘要：返回值为函数function fn1(arg){ //此时返回的是一个函数对象 var rel = function(num){ return arg + num; } return rel; //直接返回一个可以调用的函数}//此时f是一个函数对象，可以完成... 阅读全文

posted @ 2014-12-12 16:44 hsle 阅读(464) 评论(0) 推荐(1)

函数深入理解---函数的值传递

摘要：函数的值传递//由于函数是对象，所以可以直接把函数参数传递进来function callFun(fun,arg){ //第一个参数就是函数对象 return fun(arg);}function sum(num){ return num +100;}function say(str... 阅读全文

posted @ 2014-12-12 16:30 hsle 阅读(206) 评论(0) 推荐(1)

函数深入理解---函数的重载

摘要：函数的重载function sum(num1,num2){ return num1+num2;}var sum = function(num1,num2){ return num1+num2;}function sum(num1){ return num1 + 100;}函数的对象... 阅读全文

posted @ 2014-12-12 16:22 hsle 阅读(188) 评论(0) 推荐(1)

函数深入理解---函数的定义方式

摘要：函数的定义方式//第一种定义方式function fn1(){ alert('fn1');}/*函数就是一个非常特殊的对象，是一个Function类的实例，其实在内存中存储的操作是通过一个键值对来存储的*/console.log(typeof fn1);//由于函数是一个对象，所以可以通过... 阅读全文

posted @ 2014-12-12 15:21 hsle 阅读(142) 评论(0) 推荐(0)

DOM模型和事件处理---事件处理

摘要：常用的事件方式常规的事件处理方法无法批量的为节点添加事件，所以一般都是通过如下方式进行事件操作//另外一种创建事件的方式，基本上都是使用这种方法var btn = document.getElementById('btn');btn.onclick = function(event){ //会... 阅读全文

posted @ 2014-12-12 14:59 hsle 阅读(767) 评论(0) 推荐(1)

DOM模型和事件处理---节点操作

摘要：parentNode属性element.firstChild 返回当前对像的父结点，即上级容器，var element = document.getElementsByTagName('ul');var oElement = element[0].parentNode;for(var i = 0;i... 阅读全文

posted @ 2014-12-12 11:03 hsle 阅读(444) 评论(1) 推荐(1)

DOM模型和事件处理---基本操作

摘要：1、getElementByIdgetElementById表示根据id获取，获取的是一个元素function showPassword(){ var pwd = documnet.getElementById('password'); //innerText 不支持firefox ... 阅读全文

posted @ 2014-12-12 10:58 hsle 阅读(179) 评论(0) 推荐(0)

常用知识

摘要：1、with 介绍with(document){ for(var i=0;i"); } //使用了with之后可以直接调用with参数对象进行函数调用 //此时等于documnet.write(); write('你好');}2、使用for in 可以变量对象中的属性/... 阅读全文

posted @ 2014-12-11 17:32 hsle 阅读(185) 评论(1) 推荐(1)

窗口对象

摘要：window对象，对应window对象而言是浏览器的默认对象，这个对中的所有方法都不用加window,如果：alert,confirm等//var a = confirm("你好了吗?") 打开一个选择框//alert(a);//window.alert('可以的');function change... 阅读全文

posted @ 2014-12-11 14:47 hsle 阅读(198) 评论(0) 推荐(1)

简单的事件处理

摘要：var oldColor;var oldSize;function clickDiv(obj){alert(event);obj.style.color = '#foo';obj.style.fontSize = '22px'; /* obj.style表示设置obj这个对象的style... 阅读全文

posted @ 2014-12-11 11:13 hsle 阅读(228) 评论(0) 推荐(1)

Grunt

摘要：什么是Grunt Grunt是基于NodeJs的一个任务管理器，简单的来讲就是JavaScript帮助你完成诸如CSS/JavaScript的代码风格检查、合并、压缩，图片压缩处理，LESS、SASS的编译等等。它可以帮助你自动化构建、测试代码、生成文档，当然它还可以做的更多。 Grunt生态系统非... 阅读全文

posted @ 2014-12-10 17:02 hsle 阅读(403) 评论(0) 推荐(0)

基本操作

摘要：1、常用语法和其它程序设计语言(c,java)基本类型function test1(){ var a = -1; //非0就是true; if(a){ alert(a); } if(a>0){ alert("大于0"); }else if (... 阅读全文

posted @ 2014-12-10 17:01 hsle 阅读(148) 评论(0) 推荐(0)

变量

摘要：1、变量介绍 1.1、变量的简介 var a = "123";b = '23'; //可以不使用var声明变量alert(b);a = 23;alert(a+1);a = true;alert(a);2、变量作用域在函数中的变量就是局部变量，在script变量就是全局变量var b =12; ... 阅读全文

posted @ 2014-12-10 15:31 hsle 阅读(253) 评论(1) 推荐(0)