JS课堂随笔
1、引用外部JS文件:
2、事件
3、js变量
4、变量的初始化:
5、函数的声明:
6、匿名函数:
7、js面向对象
8 、javascript中的遍历和C#中的有所区别
foreach 应该写成for,而且遍历的结果是数组的下标值,而不是后面的数据值
8、数组
数组的大小没有固定,所以称之为动态数组
数据和还可以当成字典用,
数组的简化写法:
字典风格:var arr={“tom”:30,”jim”:31}
9、动态事件设置:
10、window对象1、2、3
11、body、document对象事件
Onload=””属性可以写在Body里面,表示等页面全部加载完成了执行onload里面的代码,写在其他的对象里面,表示对象加载完全后执行里面的代码
12、document属性
document.write(“…………”)动态的像页面中写入内容
13、如何获得被点击控件的值:
1:Event.srcElement.value
2: this.value(this在事件相应函数调用的函数里就不能来获得事件对象了)
14、在javascript中修改一个class属性时,应该是className
js 读书笔记
1.在第一次给一个变量赋值的时候要加var 2.使用=== 替换== 3.使用闭包实现私有变量 `function Person(name, age) { this.getName = function() { return name; }; this.setName = function(newName) { name = newName; }; this.getAge = function() { return age; }; this.setAge = function(newAge) { age = newAge; }; //未在构造函数中初始化的属性 var occupation; this.getOccupation = function() { return occupation; }; this.setOccupation = function(newOcc) { occupation = newOcc; }; }` 4.在语句结尾处使用分号 5.创建对象的构建函数 `function Person(firstName,lastName){ this.firstName=firstName; https://www.360docs.net/doc/0f16396937.html,stName=lastName; var Saad = new Person("Saad", "Mousliki"); }` 6.小心使用typeof instanceof 和 constructor typeof 用在数据类型上,如果用在引用类型上返回的 object instanceof 判断是那种对象的实例 Object.constructor 是object 的一个属性。他只想:创建对象函数的引用。 7.创建一个自调用函数 `(function(){ // some private code that will be executed automatically })();
javascript笔记总结
DAY01 基本使用 什么是javascript 发展历史 javascript组成ECMAScript+BOM+DOM 使用标签 document.write方法 注释 使用引入js文件的方式 JQuery的入口函数: // 传统的JS的方式:页面加载的事件只能执行一次. /*window.onload = function(){ alert("aaa"); } window.onload = function(){ alert("bbb"); }*/ // JQuery的方式:相当于页面加载的事件,可以执行多次.效率比window.onload要高. // window.onload 等页面加载完成后执行该方法. // $(function(){}):等页面的DOM树绘制完成后进行执行. // $相当于JQuery $(function(){ alert("aaa"); }); $(function(){ alert("bbb"); }); 【JS对象和JQ对象的转换】 window.onload = function(){ // 传统JS方式: var d1 = document.getElementById("d1"); // JS对象的属性和方法: // d1.innerHTML = "JS对象的属性"; // d1.html("aaaaaa"); // 将JS对象转成JQ的对象. $(d1).html("JS对象转成JQ对象"); } $(function(){ var $d1 = $("#d1"); // $d1.html("JQ对象的属性"); // 转成JS的对象:
js总结
Js学习笔记 js的数据类型:number(数字和浮点型) string 字符串 undefined 未定义的 object 对象数组 null 空字符串 boolean true和false 正则:var reg=/pattern/;两种写法 var reg=new RegExp(pattern);括号内为规则 reg.exec(str);检索字符串内是否有规则内的字符串 reg.test(str);检查该字符串是否有规则内的字符串,有为true没有为false;正则常用通配符 . 可以匹配任何字符 \d 匹配0-9的所有数字 \D 匹配非数字 \s 所有空白字符 \S 所有非空字符 \w 所有单词字符,0-9‘26个英文字母和下划线’ \W 所有非单词字符 \b 单词边界单词的开头和结尾
\B 非单词边界 [abc] 查找方括号之间的任何字符 [^abc]查找任何不在方括号之间的字符 [0-9]查找任何从0至9的数字 [a-z]查找任何从小a-z的字符 [A-Z] [A-z] (red|blue|green)查找任何指定的选项 正则表达式量词 n+ 匹配任何包含至少一个n的字符串 n* 匹配任何包含零个或多个n的字符串 n? 匹配零个或一个n的字符 n{x} 匹配包含x个n的序列 n{x,y} 匹配包含x或y个n的序列字符串n{x,}匹配包含至少x个n的序列的字符串x$ 匹配任何结尾为n的字符串 ^n 匹配任何开头为n的 正则表达式修饰符 i 执行对大小写不敏感的匹配
g执行全局匹配(查找所有匹配而非再找到第一个匹配后停止)m 执行多行匹配 var reg=/^[0-9a-zA-Z_-]+@[0-9a-zA-Z_-]+\.(com|cn|org)/; alert (reg.test("qwww@https://www.360docs.net/doc/0f16396937.html,")); var str="wwww"; var reg=/\bc/; alert(reg.test(str)); js 分支语句if和switch语句 switch(表达式){ case 值:break; } 循环 while循环do while (先执行后判断)
黑马程序员WEB03-JS篇笔记
第3章WEB03- JS篇 1.1案例一:完成对注册页面的数据的简单校验. 1.1.1需求: 对注册页面的数据进行非空的简单校验!!!如果有某个值没有输入,点击提交,弹出一个对话框进行提示!! 1.1.2分析: 1.1. 2.1技术分析: 【JS的概述】 什么是JavaScript: 运行在浏览器端的脚本语言! JavaScript的历史: JavaScript的组成: ECMAScript:JavaScript的基本的语法 BOM:Browser Object Model : DOM:Document Object Model : 其他的脚本语言: JavaScript,ActionScript,Flex
JS的用途: 使页面更加丰富,使页面动起来!!!【JS的基本语法】 区分大小写: 弱变量类型语言:(与Java不同)* Java * int i = 3; * String s = “abc”; * JavaScript: * var i = 3; * var s = “abc”; 分号可有可无: 变量命名: 【JS的数据类型】 JS将数据类型分成两类: * 原始类型: * undefined:未定义类型 * boolean:布尔类型 * number:数字类型 * string:字符或字符串.
* null:空 * 引用类型: * 对象类型.对象类型默认值是null. 【JS的运算符】 JS中的运算符与Java中基本一致! JS中有一个 === 全等于.全等于是类型和值都一致的情况下才为true. 【JS的语句】 JS中的语句与Java的语句一致! 【JS的通常开发的步骤】 JS通常都由一个事件触发. 触发一个函数,定义一个函数. 获得操作对象的控制权. 修改要操作的对象的属性或值. 定义函数: * function 函数名称(){ // 函数体 } * window.onload = function(){ } 常用事件:onclick,ondblclick,onmouseover,onmouseout,onload... 【JS的引入方式】 通常两种方式: 一种:页面内直接编写JS代码,JS代码需要使用. 二种:将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可. 1.1.3代码实现: ”字符串。例如。浏览器在加载如下代码就会产生一个错误。”); } Hi(); 错误原因:当浏览器解析到字符串””时,会结束JavaScript代码段的执行。解决方法: 使用转义字符把字符串‘’分成两部分来写就不会造成浏览器的误解。 代码测试和错误处理,理解浏览器的不同内核和代码不同的兼容性,在不同浏览器代码报错的时候会有不同的调试方法,学会使用浏览器的调试器对网页开发效率会有很大的提高。现在主流的浏览器是Chrome、Firefox、Safari等。 JavaScript的基本语法和各种变量,各种数据类型及各种数据类型的转换。 重点:避免变量污染 Var foo = function(){ Var a = 1, b = 2; Var bar = function(){ Var b = 3, c=4, //a= 1,b =3, c=4 a+=b + c; // a=8, b=3, c=4 }; //a=1, b=2, c = undefined bar(); //a= 21,b=2,c= undefined } JavaScript运算符的使用。JavaScript定义了51个运算符,主要分为一下几大类,位运算符、算术运算符、逻辑运算符、关系运算符、赋值运算符、对象炒作运算符和其他运算符。设计程序结构。程序都是由一个或多个语句组成的集合,语句表示一个可以执行的命令。用来完成特定的任务。大部分语句用于流程控制,在JavaScript中提供了if条件判断语句、switch多分枝语句、for循环语句、while循环语句、do/while循环语句、break语句、continue语句等7种流行控制语句。
韩顺平html+css+js之JS笔记
韩顺平html+css+js 之JS笔记 Javascript的基本介绍 ?JS是用于WEB开发的脚本语言: ?脚本语言是什么: ?脚本语言不能独立使用,它和HTML/JSP/PHP/https://www.360docs.net/doc/0f16396937.html,配合使用 ?脚本语言也有自己的变量,函数,控制语句(顺序,分支,循环) ?脚本语言实际上是解释性语言(即在执行时直接对源码进行执行) ?Java程序.java→.class→jvm , js→浏览器(js引擎来解释执行) ?Js在客户端(浏览器)执行 ?因为js是由浏览器来执行的,因此这里有个问题,不同类型的浏览器可能对js的支持不一样。
爱创课堂 前端课堂笔记 js基础字面量
三、字面量 字面量:是表示固定值的一种表示方法。字面量的字面含义就是你看到什么就是什么。 字面量也叫常量。 字面量:数字,字符串,undefined,布尔类型的值。今天只学数字字面量和字符串字面量。 3.1 数字字面量 数字字面量包含:整数,浮点数(小数),特殊值。 ①整数: 十进制表示法,八进制表示法,十六进制表示法。 八进制表示法:前缀0,0o,0O,后面数字0-7。 十六进行表示法:前缀0x,0X,后面数字0-9,字母a-f或者A-F 在进行算术运算时,都会转换成十进制。(控制台输出的是十进制的数) 八进制:逢八进一。 4console.log(010000); 八进制每一位数都不能超过7,如果超过了会强制转换成十进制。 1console.log(087); 前缀是0o或者0O会直接报错。 1console.log(0o87); 2console.log(0O87); 十六进制:逢十六进一 1console.log(0X10); 2console.log(0x100); 3console.log(0x1000); 4console.log(0xff);
十六进制每一位数不能超过0-9或者a-f(A-F),超过直接报错。1console.log(0xgh); 以下这些都输出15 1console.log(15); 2console.log(017); 3console.log(0o17); 4console.log(0O17); 5console.log(0Xf); 6console.log(0xf); 以下这些都输出-15 6console.log(-0xf); ②浮点数字面量 整数.小数(浮点数只能用十进制表示) 表示: 1console.log(22.33); 2console.log(-1.8); 3console.log(0.893); 4console.log(.893);
JavaScript笔记
Javascript是弱类型语言;体现在在变量定义时无须指定类型,解释器会根据为变量所赋的值自动判断变量的类型,并且在其生命周期中,类型是可以改变的。(弱类型并非没有类型,实际上JavaScript中有一套内置的变量类型,但只能通过解释器自动使用,而不能手工指定。) JavaScript支持变量未经定义直接使用,但推荐进行变量的定义,否则变量的生命周期难以确定。 定义变量时可以使用“var”关键字。(因为JavaScript代码总是在同一页面内有效,并不能跨网页运行,所以也不需要定义类似于Java语言中的访问修饰符(public,private等)。 JavaScript变量的命名规则于Java相似。 如果要将字符串转换为数字类型,可以使用parseInt和parseFloat方法,如果无法转换为数字,则JavaScript会返回特殊值“NaN(Not a number)” JavaScript的运算符与表达式基本与Java的相同。“(x===y)表示同时比较之和类型”。 JavaScript语言中的自定义方法与Java有较大的不同,第一:JavaScript中没有方法修饰符,所有方法都是本页面内可以反问;第二:由于JavaScript是弱类型语言,所以不需要声明方法的返回值类型;第三:JavaScript中的方法不支持重载,但是支持类似于Java中变长参数的特性。 JavaScript中的数组除了能够存储数据类型外,只提供了一系列的属性与方法,因为JavaScript为弱类型,所以JavaScript中的数组也不会限制存放数据的类型。如:Var a= new Array(); //a.length=0 Var b=new Array(3); //b.length=3 Var c=new Array(“tom”,”jerry”); //c.length=2 Var d=new Array(“x”,3”y”); //d.length=3 Var e=[]; //e.length=0 Var f=[“tom”,”jerry”]; //f.length=2 Var g=[3]; //g.length=1
express.js初学者要点学习笔记
express.js初学者要点学习笔记
Node.js Express 框架 Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性: ?可以设置中间件来响应 HTTP 请求。 ?定义了路由表用于执行不同的 HTTP 请求动作。 ?可以通过向模板传递参数来动态渲染 HTML 页面。 安装 Express 安装 Express 并将其保存到依赖列表中: $ npm install express --save 以上命令会将 Express 框架安装在当前目录的 node_modules 目录中, node_modules 目录下会自动创建 express 目录。以下几个重要的模块是需要与 express 框架一起安装的: ?body-parser - node.js 中间件,用于处理 JSON, Raw, Text 和 URL 编码的数据。 ?cookie-parser - 这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie,并把它们转成对象。 ?multer - node.js 中间件,用于处理 enctype="multipart/form-data" (设置表单的MIME编码)的表单数据。 $ npm install body-parser --save $ npm install cookie-parser --save $ npm install multer --save
Nodejs学习笔记
1、异步式IO(非阻塞I/O)与事件驱动 当线程遇到I/O 操作时,不会以阻塞的方式等待I/O 操作的完成或数据的返回,而只是将I/O 请求发送给操作系统,继续执行下一条语句。当操作系统完成I/O 操作时,以事件的形式通知执行I/O 操作的线程,线程会在特定时候处理这个事件。为了处理异步I/O,线程必须有事件循环,不断地检查有没有未处理的事件,依次予以处理。 Node.js 所有的异步I/O 操作在完成时都会发送一个事件到事件队列。在开事件由EventEmitter 对象提供。前面提到的fs.readFile 和http.createServer 的回调函数都是通过EventEmitter 来实现的。下面我们用一个简单的例子说明EventEmitter 的用法: //event.js var EventEmitter = require('events').EventEmitter; var event = new EventEmitter(); event.on('some_event', function() { console.log('some_event occured.'); }); setTimeout(function() { event.emit('some_event'); }, 1000); 运行这段代码,1秒后控制台输出了some_event occured.。其原理是event 对象注册了事件some_event 的一个监听器,然后我们通过setTimeout 在1000毫秒以后向event 对象发送事件some_event,此时会调用some_event 的监听器。 2、Node.js与Windows的兼容性仍然不如POSIX 操作系统,这一点在npm 提供的第三方模块中体现得尤为突出。这主要是因为许多第三方的模块需要编译原生的C/C++ 代码,其中编译框架和系统调用很多都是以Linux 为范本的,与Windows 不兼容。 3、使用node 的REPL 模式 REPL (Read-eval-print loop),即输入—求值—输出循环。 运行无参数的node 将会启动一个JavaScript 的交互式shell 4、Node.js 将“HTTP服务器”这一层抽离,直接面向浏览器用户 5、global--全局对象与全局变量 6、全局变量--process、console 7、常用工具--util Util.inherits()继承 Util.inspect()以字符串的形式输出 8、Events事件模块只提供了一个对象:events.EventEmitter。EventEmitter 的
JavaScript笔记
JavaScript介绍 一般把JavaScript写在
Storing Data JavaScript uses three basic data types: text number(Integer or decimals)Boolean(true or false) A variable is a storage location in memory with a unique name. Define a variable as follow: var pageHits; Initialize a variable: var price = 30; JavaScript assign the data type of variable automatically. Create an constant const TAXTRATE = 0.99; a taxt rate can?t change while the script is running, but you can change the rate in your initialization code, and the new constant value will be reflected in the script from the on out. 如果在一个input type=”text”输入框变化的时候,调用JavaScript函数,可以在输入框中加入onchange 事件,如 取值和赋值 var num = document.getElementById(“num”).value; document.getElementById(“num”).value = “$” + num; 取小数点方法 num.toFixed(2);代表取2位小数点。 NaN means not a number,比如一个数字和一个字符串做运算时,结果为NaN,或者和一个未初始化的constant运算时。 parseInt() and parseFloat():converts text to a number parseInt(“2) + parseInt(“1”) = 3 但是要转换的字符串前面不能包含非数字,如 parseFloat(“$3.50”) = NaN 前面包含非数字元素的字符串使用parseInt或parseFloat结果为NaN isNaN(var)可以用判断一个变量是否为一个数字 但是只有开头是数字使用parseInt方法就可以了,如 parseInt(“13dd”)则结果为13 Timer JavaScript allows you to set timers. A JavaScript timer work like an alarm clock:you tell it how long to wait, and when that amount of time expire, a certain piece of code will run. Unlike an alarm clock, however, JavaScript timers are triggered when a certain amount of time has passed(在一定时间之后被触发),as opposed to triggering at a certain time(而不是在一个确定的时间被触发。 设置一个timer需要: 1.Establishing the time delay(毫秒) 2.Letting the timer know w hat code to run when the delay elapses. The built-in JavaScript function: setTimeout(). Example as fellow:
JavaScript笔记知识点整理图文
一、JavaScript基础 1. 变量:区分大小写(html 不区分大小写) 变量和作用域: 1) Js在函数内部直接读取全局变量 2) 在函数外部无法读取函数内部的局部变量 3) 在函数内部声明变量的时候,要使用var,如果不用,则认为声明的是全局变 量 2. 标识符的命名:第一个字符必须是字母、下划线或$ 第二个字符及以后:字母、数字、下划线或¥ 3. 保留字(不可以当做标识符): 4. 声明变量: 1) 声明变量:var a; 2) 赋值:a=10; 3) 声明变量和初始化变量:var a=10; 4) 声明多个变量:var x,y,z=10; 5) 不声明变量,直接使用:x=10 5. 数据类型: 1) Typeof 操作符:用来检测变量的数据类型: a) Undefined :未定义 b) Boolean:布尔型 c) String:字符串 d) Number :数值 e) Object:对象/null f) Function:函数 g) 例如:Var sun=“太阳”; Alert(typeof sun ); 2) Undefined 类型:定义了一个变量但是没有给这个变量赋值、使用一个为定义 的量、或者用了一个不存在的对象的属性的时候,返回undefined 3) Null 类型:空字符,表示不存在的值 a) 如果定义的变量准备在将来用于保存对象,那么最好将该变量初始化为 null 。 b) 养成编码的规范,不要忘记初始化变量。 4) Boolean 类型:true/false (小写) a) Var hello=“hello world ”; alert(typeof hello )// 返回的是string 类型
爱创课堂前端培训VueJS第1天课堂笔记(本课程共3天)
爱创课堂前端培训 VueJS 第1天课堂笔记(本课程共3天) 班级:北京前端训练营六期 讲师:张容铭 日期:2016年6月10日 张容铭老师 微博:@张容铭_YYQH QQ : 286031482 E-mail : yuye_qinghe@https://www.360docs.net/doc/0f16396937.html, 爱创课堂官网:https://www.360docs.net/doc/0f16396937.html,
VueJS (1) 复习 (3) 一、百度图片 (5) 二、VueJS介绍 (5) 2.1 vue源码 (6) 2.2官网 (6) 2.3体验vue (7) 三、Vue (8) 3.1 Vue实例化对象 (8) 3.2选择器 (8) 3.3数据绑定 (9) 四、插值 (9) 4.1属性插值 (9) 4.2单次插值 (10) 4.3过滤html插值 (10) 4.4 插值表达式 (10) 4.5插值过滤器 (10) 下午复习 (11) 五、数据动态绑定 (12) 六、数据双向绑定 (12) 七、绑定类四种方式 (13) 八、绑定样式的四种方式 (14) 九、模板指令 (15) 9.1条件模板指令 (15) 9.2 Template模板元素 (15) 9.3循环模板指令 (15) 9、4支付宝注册 (16) 作业 (16)
复习 Backbone 模型 创建模型 实例化对象 Defaults Initialize Set On hasChanged Get toJSON Unset 删除校验 视图 创建视图 实例化对象 El setElement Initialize Render Events Underscore Template 集合 创建集合 集合实例化对象 Add 去重 Get toJSON Remove On Underscore拓展 Filter Some Every
webpage种种笔记
有关于Div_Css布局,JS_Html网页制作的种种笔记 两本书——《CSS网站布局实录》《javascript征途》,一个网站——W3school,大概的翻阅浏览了一下,记录四部分如下: 目录 目录 (1) 张淳老师Notes (1) Html (1) Css (2) Javascript (4) 摘录 (6) W3shool (6) 《CSS网站布局实录》 (7) 案例Model (8) Question (11) 张淳老师Notes Html 一、基本规范 二、元素分类 块状元素:可定长宽高 Div h1-h6 p pre ul/li/ol form fieldset legend noframes noscript 内联函数:紧挨着 A b ado big br button cit code dfn em i img input kbd label map object q samp script select small span strike strong sub sup textarea tt var 三、常用元素 div span p h1-h6 ul li ol dl dt dd img scr alt table tr td form method: GET POST action: input text(设定name值) password hidden reset checkbox(radio)image file (文
件上传)button and so on Css 1Chapter 一、使用方法:选择符{属性:值} 二、在网页中应用样式CSS 1、内敛样式 2、内部样式 3、外部样式p>span>#a1/span>#a1 7、相邻选择符+ 8、属性选择符p[class] 9、属性值空格匹配 10、前置匹配^ p[class^=”0”] 11、后缀匹配$ p[class$=”0”] 12、子字符匹配* p[class*=”0”] 13、连字符匹配 群组选择符p,ul{....} 伪类选择符:link/:visited/:active/:hover/:focus/:first-child 对象:fisrt-letter :fisrt-line 2Capter 一、常用的布局属性div 随时调用 Height Width Postion: relative/absolute/fixed/static(default) ○1top○2left○3right○4botton○5z-index:0 default 二、max-height/min-height/max-width/min-width 三、float:left,right clear:left/right/both/botton/top 四、overflow hidden –x –y 五、inline(只有块状元素有长宽大小)/block/inline-block 六、display none visible\ visibility:hidden visible
韩顺平javascript笔记(全套)解析
韩顺平2011javascript笔记(全) JavaScript 1.javascript基本介绍: (1)javascript是实现网页动态效果的基石,在web的开发中扮演重要的角色,被广泛的 应用到各个领域: ○1网页游戏 ○2地图搜索 ○3股市信息查询 ○4web聊天 ···· (2)在web开发中,js是必不可少的技术,同时js也是ajax/jquery/extjs等框架的基础。 (3)javascript是一种广泛用于客户端WEB开发的脚本语言,常用来给HTML网页添加动 态的功能,比如响应用户的各种操作。 2.脚本语言: (1)脚本语言往往不能独立使用(单独使用没有什么意义),它一般与html/asp/jsp/php (2)脚本语言有自己的变量,函数,控制语句。 (3)脚本语言是一种解释性语言。 3.JS一般在客户端的浏览器执行。但也可以对服务器进行编程(非常少) 4.JavaScript简介 JavaScript是一种解释型的语言。Javascript并不是java的一种java脚本语言,除了名字都带有java这个此外,两者并没有任何关系。 Javascript的第一个版本出现在Netscape Navigator2浏览器中。人们最初给javascript 起的名字是LiveScript。然而由于,当时java技术的正是如日中天,netscape公司给livescript改名为javascript,以便是人们更加注意javascript。随着javascript的发展,微软公司决定在IE浏览器中加入微软的品牌的javascript,即Jscript。脚本语言不仅只有javascript的一种,还有其他的脚本语言,如VBscript和perl语言 (1)标签中添加javascript代码,在 之间的代码块,不是用于显示html元素,而是需要浏览器进行处理的脚本代 码,在标记之间包围的代码块,称为脚本块。