Ching_cl-CSDN博客

原创 JavaScript 闭包

20151029 闭包闭包Closure执行环境的类型总共只有两种:全局和局部(函数). 什么是闭包? 闭包是指有权访问另一个函数作用域中的变量的函数.延长作用域; 可减少变变量污染.一. 函数作为返回值function fn() { var max = 10; return function bar(x) { if(x > max) {

2015-12-14 22:38:27 517

原创 JavaScript This的用法

20151029 This的用法This的用法在函数中This取何值,何时确定的? This是在函数真正被调用执行的时候确定的. 函数定义的时候确定不了,因为This的取值是执行上下文环境的一部分,每次调用函数,都会产生一个新的执行上下文环境. 因此,谁调用函数This就指向谁. 一构造函数的thisFOO:作为构造函数使用时function Foo() { t

2015-12-14 22:38:12 327

原创 JavaScript 执行上下文环境

20151028 执行上下文环境 # 1. 什么是自由变量? 2. 上下文环境怎么产生的?什么时候产生的? 3. 压栈和出栈的顺序一执行上下文环境在一段js代码真正运行之前,浏览器就已经做了一些”准备工作”,其中就包括对变量的声明,变量的赋值是在赋值语句执行的时候进行的.1/ 变量 console.log(a); //输出: Uncaught ReferenceErro

2015-12-14 22:37:39 480

原创 JavaScript 继承

20151028 继承继承（方法）一、对象冒充原理：让父类的构造函数成为子类的方法，通过this关键字给所有属性和方法赋值。function Person(name,age) { this.name = name; this.age = age; this.sayName = function() { console.log(this.name); }

2015-12-14 22:37:26 381

原创 JavaScript 正则表达式

1.正则表达式注:1.通过规则来匹配字符串;2.有三种括号类型,方括号[]; 花括号{}; 和圆括号();[]:需要匹配的字符;{}:需要匹配的数量;():用来行内规则分组;^符号开始$符号结束;语法:/^[0-9]+abcx?=$/g i; 如果在方括号里面加上^表示取反; g表示全局,,I表示忽略大小写! ?= 表示后面紧跟什么;

2015-12-14 22:36:53 329

原创 JavaScript RegExp 对象

20151026 RegExp对象正则表达式写规则时最好把描述加上正则表达式[Regular Expression]又称作正则表达式或常规表示法，它使用单个字符串来描述，匹配一系列符合某个句法规则的字符串，通常使用正则表达式来检索或替换那些符合某个模式的文本。【在正则表达式中空格也是一个规则，因此不能随便添加空格】一、命令Bracket括号：正则表达式中有3中类型的括号： []: 需

2015-12-14 22:36:33 354

原创 JavaScript事件源

1.事件流1.当页面元素触发事件时,该元素的容器及整个页面都会按照特定的顺序,这个我们叫做事件流;2.冒泡事件流:所有浏览器都支持,由明确的事件源到最不明确的事件依次向上触发,2.鼠标事件1.click //用户点击左键,以及当角店在一个按钮上,用户按enter键时,发生click事件;2.dbclick//当用户双击最贱是,发生dbclick事件;3.mousedown //当用户按下任意

2015-12-14 22:35:00 641

原创 JavaScript事件驱动模型

1.事件驱动模型:注:可以看做用户点击某个功能或者按钮,来产生一个onclick事件来触发某个函数;2.事件驱动要素: 1.事件源; 2.事件(行为); 例如: 鼠标点击; 鼠标悬浮于某个页面的某个热点之上; 确认表单; 在表单中选取输入框;3.事件分类:4.监听器:1.

2015-12-14 22:34:34 1220

原创 JavaScript节点操作

1.使用dom.1.nodeName 返回类型string //节点名称,根据节点的类型而定义;2.nodeVale 返回类型string //节点的值,同样根据节点的类型而定义;3.nodeType 返回类型number //节点类型,常量值之一;4.fistChild 返回类型Node //指向childNodes列表中第一个节点;5.lastChild 返回类型Node //指

2015-12-14 22:34:08 334

原创 JavaScript (2)dom对象

1.dom对象(文档对象模型)注: HTML Dom定义了用于HTML的一系列标准的对象, 以及访问和处理HTML文档的标准方法.通过dom可以访问所有的HTML元素, 连同他们所包含的文本和属性,可以对其中的内容进行修改和删除同时, 也可以创建新的元素. 属性: 1.docume

2015-12-14 22:33:27 289

原创 JavaScript对象dom

1.window对象:注:浏览器对象模型,所有浏览器都支持window对象,window对象是所有对象顶层对象!!!!1.document:使用我们从脚本中,对HTML(页面中所有的元素进行访问).2.history:包含用户,在浏览器中访问过的URL;3.location:包含有关当前URL的信息;4.Navigator:包含有关浏览器的信息;5.screen:包含有关客户端显示屏幕的信

2015-12-14 22:32:46 366

原创 JavaScript函数

1.函数1.函数的,声明式:关键字 function: function text(){ } (关键字) (函数名语法) //函数的的声明,声明式函数.2.函数表达式: var text = function { //函数体语句 }; //定义一个 var text然后把函数赋给这个text;3.对象.

2015-12-14 22:32:12 444

原创 JavaScript 数组双重for循环

双重for循环: 1.双重for循环语法: for(var i=0;i<10;i++)//前面的for控制行 { for(var j=0;j<10;j++)//后面的for控制列{ 语句1; } } 语句2;数组: 定义数组:2种方法 1.var arr =[1,

2015-12-14 22:31:36 18962

原创 JavaScript常用语句表达式

流程控制语句:条件语句:(主要用来做判断条件成立是否) 1.if语法: if(表达式){ 语句1, 语句2, 语句3, }语句2;注:执行的流程是:判断表达式是否成立,成立执行语句1,在执行语句2 ,3,当表达式不成立时;执行语句2; 2.if~else语法: i

2015-12-14 22:30:41 393

原创 JavaScript 初识

javascript:1.算法特性:1.明确性;2.有效性,3.有限性.2.算法类型:算术算法,事务性算法.引入方式:1.`<script type="text/javascript" src="myjs.js"> 外部引入语法;`2.javascript 代码可以出现在HTML 中任何地方,并且运算方式是从上到下开始的,变量1.声明变量:var a = 1;//声明了一个变量:变量名为a;

2015-12-14 22:29:36 384

原创 dom对象_02

1.dom对象(文档对象模型)注: HTML Dom定义了用于HTML的一系列标准的对象, 以及访问和处理HTML文档的标准方法.通过dom可以访问所有的HTML元素, 连同他们所包含的文本和属性,可以对其中的内容进行修改和删除同时, 也可以创建新的元素. 属性: 1.docume

2015-10-25 19:03:47 393

原创对象dom

1.window对象:注:浏览器对象模型,所有浏览器都支持window对象,window对象是所有对象顶层对象!!!!1.document:使用我们从脚本中,对HTML(页面中所有的元素进行访问).2.history:包含用户,在浏览器中访问过的URL;3.location:包含有关当前URL的信息;4.Navigator:包含有关浏览器的信息;5.screen:包含有关客户端显示屏幕的信

2015-10-25 19:02:56 344

原创函数

1.函数1.函数的,声明式:关键字 function: function text(){ } (关键字) (函数名语法) //函数的的声明,声明式函数.2.函数表达式: var text = function { //函数体语句 }; //定义一个 var text然后把函数赋给这个text;3.对象.

2015-10-25 19:01:09 403

原创 javascript 方法

1.双重for循环: 1.双重for循环语法: for(var i=0;i<10;i++)//前面的for控制行 { for(var j=0;j<10;j++)//后面的for控制列{ 语句1; } } 语句2;2.数组: 定义数组:2种方法 1.var arr

2015-10-25 19:00:11 734

原创 javascript条件语句

1.流程控制语句:条件语句:(主要用来做判断条件成立是否) 1.if语法: if(表达式){ 语句1, 语句2, 语句3, }语句2;注:执行的流程是:判断表达式是否成立,成立执行语句1,在执行语句2 ,3,当表达式不成立时;执行语句2; 2.if~else语法:

2015-10-25 18:57:16 573

原创认识JS

1.javascript:1.算法特性:1.明确性;2.有效性,3.有限性.2.算法类型:算术算法,事务性算法.2.引入方式:1.`<script type="text/javascript" src="myjs.js"> 外部引入语法;`2.javascript 代码可以出现在HTML 中任何地方,并且运算方式是从上到下开始的,3.变量1.声明变量:var a = 1;//声明了一个变量:变

2015-10-25 18:55:40 399

原创 css基础2

一.css基础1.设置边框属性：border：none;无边框.border：hidden;与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。border：dotted;(实线),border：dashed;(虚线),border：solid;(实线)border：double;(双线),border：groove;(3D凹槽边框),border：r

2015-09-27 22:56:10 352

原创 css基础

一。伪类选择器1.a:focus(获得键盘焦点时添加样式)列子： .input2:focus{ border:5px solid black; background-color:red;} <input class="input2" type="text"/>（当这个输入框获得键盘光标时添加上面样式。）2.a:first-child(伪类来选择元素的第一个子元素,

2015-09-27 22:55:47 281

原创 css

css中的引用方式:1,外部样式表:外部样式表在单独文件中定义，并且在`<head></head>`标签对中使用link标签来引用。代码公式:`<link href="index.css" rel="stylesheet" type="text/css" />`2, 内部样式表:内部样式，指的就是把CSS代码和HTML代码放在同一个文件中，其中CSS代码放在<style></style>标签

2015-09-27 22:55:23 345

原创第三章HTML笔记

第三章表单1.表单数据提交的方式有两种,2.get和post方式.3.get方式提交数据时会有大小限制.一般为64K.get方式会把数据显示在网页地址的后面,这种方式一般不推荐使用,不安全.4.post提交方式会把数据放在请求提里面,post方式没有数据大小限制,注意:提交文件必须用post方式.2.form(表单)元素的属性:2.1enctype(表单数据的内容类型,即编码内容类型):1.(

2015-09-15 00:24:49 483

原创段落与文字标签

在HTML中有很多标签，那么究竟有哪些标签呢，一起来看看吧一.段落标签1.段落与文字标签1.<h1>~<h6>:标题标签2.<p>:段落P标签3.<br>:换行标签4.<hr>:水平线标签5.<div>:分割元素(同时也是块元素)6.<span>:区域元素(同时也是行内元素)2.文本格式化标签1.<strong>:加粗元素2.<em>:斜体元素3.<cite>:斜体元素4.<sup

2015-09-15 00:22:28 761

原创 HTML是什么

一.前端技术简介1.从web1.0到web2.0，网页制作已经变为前端开发了。现在对于前端开发，你要学的不是什么“网页三剑客”，而是“HTML+CSS+JavaScript”；2.前端技术核心元素的是HTML、CSS和JavaScript，但是我们还要学习一些Ajax、SEO知识；3.前端技术只能开发静态网页，而进一步学习了后端技术，你能开发一个用户交互性更好、功能更加强大的网站；4.4、后端

2015-09-15 00:22:04 486

原创 Axure笔记

一.Axure软件是实现一个网页原型界面的工具.1.基本元件:2.image:直接可以导入你所用的图片,格式最好为Png格式为佳,3.矩形:可以任意更改其形状小大宽度高度,可增加背景颜色,4.文本标签:顾名思义就是用来添加文字的.5.动态面板:可实现图片的触发事件,(有鼠标单击时,移入时,移除时,真假判断,界面载入,等基本触发事件).6.而且每个元件都有属性和样式的修改等控制.也就是说我们

2015-09-09 23:18:05 405

原创 PS的基本内容

ps 基本内容一.工具介绍1移动工具1.自动选取2.对齐2选区工具1.矩形选区框,椭圆选框,套索工具,对变形套索2.单独选择,合并选择,相减选择,交集选择3切片工具1.切片2.保存为Web所用格式3.保存所选中图片4颜色填充1.渐变工具2.油漆桶5文字工具1.横排文字工具2.字体大小3.字体形状

2015-09-09 23:15:43 462

Ching_cl的博客