【课堂小记---JavaScript（2）】的更多相关文章

课堂小记---JavaScript（4）

day11 1.正则表达式 去掉首尾的空格或者其他字符 replace方法可传入函数可分组. 以下为分组 基础正则表达式语法: /** * 正则表达式是一个对象类型 */ // 匹配字符串中的che var reg = /che/; // 匹配开头的che var reg1 = /^che/; // 匹配结束的che var reg2 = /che$/; //匹配che.chh···e(至少有一个) var reg3 = /ch+e/; // 匹配ce.che.chh···e(任意次h) var…

课堂小记---JavaScript（3）

操作DOM var newDOM=DOM元素.cloneNode(参数); 克隆(复制)当前节点,参数默认为false只复制当前节点元素.参数为true时复制当前元素及其后代和所有属性. day06 1.函数封装中的默认值问题 在函数定义后的调用过程中,如果函数需要有参数传入,而调用时传入参数不全,就会产生参数未定义的报错. 解决方法可以在函数中为传入参数定义默认值. function(x,y){ x = x || "abc" ; y = y || "123" ;…

课堂小记---JavaScript（2）

本阶段难点疑点梳理 1.关于switch中default的使用: default同case功能一样,区别在于并不匹配任何信息,只有当case中无任何匹配的时候才会执行default.需要注意的是,这是在default放在所有case语句最后面的情况下.放在前面不可以吗?大多数初学者几乎都没有注意过这个问题,答案是可以.default语句同case语句一样,需要break语句来终止,这才是我们忽略的重点,在之前的学习中,不管是网上教程,还是老师课上讲的内容,几乎都没有涉及到default的位置问题…

课堂小记---JavaScript（1）

day01 1.数据类型  number string boolean undefined object function 加号具有两种功能,数字相加 和 字符串拼接.加号两边只要碰见字符串,则执行字符串拼接. number(),parseInt(),parseFloat方法都可以将字符串转换成数字类型 2.“=”,一个等号表示赋值,“==”两个等号表示等于(此时不考虑数据类型),“===”,三个等号表示全等于(此时考虑数据类型) 3.NAN不是一个用来运算的值,因此 NAN 不等于 NAN .…

杨校老师课堂之JavaScript右下角广告弹框教程

案例制作思路: 1.先制作界面 添加一个盒子包含一个按钮,使盒子绝对定位在右上角 添加一个大盒子,同理,将盒子居于左下角:其中内部包含一个顶端盒子和底部盒子 顶端盒子因为是属于大盒子内部的存在,所以宽度是占满整个大盒子的宽度,内部文本设置字体12号.居中显示.加粗 底部盒子因为也是属于大盒子内部的存在,所以宽度也是占满整个大盒子的宽度,内部文本设置字体12号.居中显示.加粗.行高等 2.经思考分析,因为页面是在打开后3秒中进行跳转,所以需要一个延迟定时器(SetTimeout(code,mill…

杨老师课堂之JavaScript定时器_农夫山泉限时秒杀案例

预览效果图: 使用到的知识点: 定时器 setInterval(函数,毫秒):在指定的毫秒数后调用函数或执行一段代码 取消定时器 clearInterval:取消由setInterval设置的定时器 函数(日期函数.parseInt函数) parseInt()函数 :可解析一个字符串,并返回一个整数 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- 需求:…

javascript小记-javascript运行机制

任何语言的运行过程中,都会有编译和执行: 对于传统编译型语言来说,编译步骤分为:词法分析.语法分析.语义检查.代码优化和字节生成.但对于解释型语言来说,通过词法分析和语法分析得到语法树后,就可以开始解释执行了.(任何语言都有编译过程,只是解释型语言没有编译成二进制代码) 一.javascript的运行机制: step1.读入第一个代码段(<script></script>) step2.(编译)语法分析,有错则报语法错误(比如括号不匹配),跳转到step5 step3.(编译)对v…

松软科技Web课堂:重要->JavaScript 调试

错误总会发生,每当您写一些新的计算机代码时. JavaScript 调试 在没有调试器的情况下写 JavaScript 是有难度的. 您的代码中也许包含了语法错误,或者逻辑错误,这些都难以诊断. 通常,如果 JavaScript 代码包含错误,也不会发生任何事情.不会有错误消息,并且不会有任何可供查找错误的指示信息. 通常,每当你尝试编写新的 JavaScript 代码,就可能发生错误. JavaScript 调试器 查找编程代码中的错误被称为代码调试. 调试并不简单.但幸运地是,所有现代浏览器…

松软科技前端课堂：JavaScript 数值方法

Number 方法帮助您处理数值. Number 方法和属性 原始值(比如 3.14 或 2016),无法拥有属性和方法(因为它们不是对象). 但是通过 JavaScript,方法和属性也可用于原始值,因为 JavaScript 在执行方法和属性时将原始值视作对象. toString() 方法 toString() 以字符串返回数值. 所有数字方法可用于任意类型的数字(字面量.变量或表达式): 实例 var x = 123; x.toString(); // 从变量 x 返回 123 (123)…

松软科技前端课堂：JavaScript 对象

真实生活中的对象.属性和方法 在真实生活中,汽车是一个对象. 汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法: 对象 属性 方法   car.name = porsche car.model = 911 car.length = 4499mm car.color = white car.start() car.drive() car.brake() car.stop() 所有汽车都拥有同样的属性,但属性值因车而异. 所有汽车都拥有相同的方法,但是方法会在不同时间被执行. JavaScrip…

课堂小记---html

其他注意点: 行高line-hight的继承特性: 行高有三种属性值:数字(1.5).百分比(150%).长度值(1.5em或者30px).继承上这三者是有区别的. 当属性值为数字值,其子元素会继承行高的这个数字属性值. 而当属性值为百分比或者是长度值时,其子元素继承的是计算后的固定值.(根据父元素字体大小计算后的数值,而并非是父元素行高的属性值.) day01 1. h1 标签不能随意使用,一般放网页的关键字,用于搜索等. 2. <b>标签单指加粗,而<strong>标签用的多一…

课堂笔记--------JavaScript 的DOM操作

1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Window对象操作 一.属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null. dialogArgument:对话框返回值. 子对象:history,location,document,status,menubar,toolbar等. 方法(函数):事件(事先设置好的程序,被触发).…

十大免费教程资源帮助新手快速学习JavaScript

“JavaScript”的名头相信大家肯定是耳熟能详,但只有一小部分人群了解它的使用与应用程序构建方式.这“一小部分”人指的当然是技术过硬的有为青年.网络程序员以及IT专业人员.但对于一位新手或者说外行人而言,“JavaScript”只不过是复杂计算机编程学科当中的另一个不知所云的术语. 那么,JavaScript到底是什么? 如果各位拥有在计算机领域的工作经验,那么绝对不能错过强大的JavaScript. 它是知名度最高的Web页面脚本语言. 它同样被广泛应用于游戏开发以及桌面及移动应用程序的…

javascript学习小记（一）

大四了,课少了许多,突然之间就不知道学什么啦.整天在宿舍混着日子,很想学习就是感觉没有一点头绪,昨天看了电影激战.这种纠结的情绪让我都有点喘不上气啦!一点要找点事情干了,所以决定找个东西开始学习.那就找和java相关的东西看吧,看到javascript时以为是和java有关系,结果才弄清楚两个之间根本没有什么关系,好吧如果一定要给个理由的话:就是那时候的java名气太大.(看的视频中老师最经典的一句就是:雷锋和雷峰塔) 白天宿舍吵得不行,自己也静不下心来学什么,那就晚上吧!一点一滴的积累吧,写这…

JavaScript 继承机制小记

读<JavaScript: the good parts>, 关于对象继承这块小记一笔: function Base(v){ this.baseValue = v; this.getBaseValue = function(){ return this.baseValue; }; } function TestObject(base, c){ var temp = function(){ this.content = c; this.fromBaseValue = function(){ re…

妙味课堂:JavaScript初级--第11课：字符串、查找高亮显示

1.数字字母 Unicode 编码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <script> var str = '妙味课堂'; // alert( str.length ); //字符串…

JavaScript 闭包小记

最近朋友面试被问到了 JS 闭包的问题,本人一时语塞,想起了袁华的一句话:“这道题太难了,我不会做,不会做啊!”. JS 闭包属于面向对象的一个重要知识点,特此本人又开始了一段说走就走的旅程. 闭包就是外层函数的作用域(AO)对象被内层函数所引用,无法被释放. 上面那句话听起来可能不是很理解,本人在之前写过一篇 <Python 闭包小记 >的关于 Python 闭包的一些知识的文章,里面写了百度百科对于闭包的理解,虽然由于才疏学浅大部分都是引用的他人的知识架构,但语言这种东西都是相通的,我们不…

javascript小记-闭包理解

这几天也在看一些javascript的知识,算是对以往的一个复习,现小记一下,方便以后查询. 相信大家在研究javascript的高级特性的时候,肯定会遇到闭包的概念,自己在各种复习资料中,也发现了不同作者的不同理解,为了更好的理解,也综合了一下大家的见解,现总结如下: 1.什么是闭包 闭包的严格定义是“由函数(环境)及其封闭的自由变量组成的集合体.这个定义有些晦涩难懂,我们暂且不用管: 实际上,闭包不是一门技术,是一个语言特性: 通俗的讲,javascript中每个函数都是一个闭包,但通常意义…

学习JavaScript一些资料时，记录一些规范小记

最近工作不是很忙,所以再深入学学JavaScript,顺便提升一下自己,嘿嘿!主要记录一下学习到的一下编写代码的规范小记吧! 1.声明变量时一定带上var,避免一些错误发生,如变量提升时遇见的问题发生:var创建的全局变量不能被delete删除,而隐式创建的会被删除: 提倡一个var声明一群变量,如: var a=1,b=2,c=3; 2.for循环时,循环的数组长度最好在循环取值前缓存起来,如: for(var i = 0,len = data.length;i < len;i++){}: /…

JavaScript小记

JavaScript小记 1. 简介 1. 语言描述 JavaScript 是一门跨平台.面向对象的弱类型动态脚本编程语言 JavaScript 是一门基于原型.函数先行的语言 JavaScript 是一门多范式的语言,它支持面向对象程序设计.命令式编程以及函数式编程 其最初被创建的目的是"使网页更生动" 脚本被以纯文本的形式提供和执行:它们不需要特殊的准备,编译即可运行 2. 名称渊源 JavaScript 原型于 1995年4月 被在NetScape工作的布兰登•艾克(Brenda…

《JavaScript语言精粹》小记

一.前言 以下内容均摘自<JavaScript语言精粹>一书,本人在读这本书时,发现作者诠释JavaScript很犀利,特别是数组部分,固记录下来,想和大家分享下. 随笔主要包含两大部分: 1.数组阐述部分: 2.其他片段. 二.JavaScript数组 数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素.数组是一种性能出色的数据结构.不幸的是,JavaScript没有像此类数组一样的数据结构. 作为替代,JavaScript提供了一种拥有一些类数组(array-like)特性的对象…

JavaScript字符串的操作-课堂笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>字符串操作</title> <style type="text/css"> span{ color: red; background-color: yellow; } </style> </head>…

JavaScript、全选反选-课堂笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选反选</title> </head> <body> <input type="button" value="全选" id="all"> <input t…

JavaScript正则表达式小记

RegExp.html div.oembedall-githubrepos{border:1px solid #DDD;border-radius:4px;list-style-type:none;margin:0 0 10px;padding:8px 10px 0;font:13.34px/1.4 helvetica,arial,freesans,clean,sans-serif;width:452px;background-color:#fff}div.oembedall-githubrep…

JavaScript对json操作小记

JSON是一种轻量级的数据交换格式,同时,JSON是 JavaScript 原生格式,因此我们可以直接处理它不需要依赖任何工具包或者插件.因此,好多后台都会选择返回给前端这种非常友好的数据格式. 引子: 这篇文章是由刚刚开发过程中遇到的一个小问题引发的,先重现一下问题: var name=$('.wrap').find('.item-name').html(); ssJson[name]=id+'_'+num+'_'+buyUsdt; // ssJson.name=id+'_'+num+'_'+…

javascript小记五则：用JS写一个图片左右自由滚动的“跑马灯”效果

之前看了很多百度搜索出的东西,十个有九个是不能实用的,个个讲的都不详细,今天详细给大家讲解下关于这个图片“跑马灯”滚动效果,源码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1…

javascript小记四则：用JS写一个滚动横条文字，可以根据需要进行修改；

网页上的一些广告文字,一直会滚动是怎么做到的,今天给大家演示下,非常简单,源码如下(本案例是在.net平台上,但HTML是通用的): <!DOCTYPE html> <html> <head> <meta charset=" utf-8"><!--这个很重要,要加上--> <title>荧光屏文字 滚动效果</title> <style type="text/css">…

javascript小记三则：ASP.NET启动web调试，窗体自动放大的方法

源码如下,简单一句JS,轻松解决窗体不会自动放大的浏览器: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat=&…

javascript小记一则：今天在写VS2005——.NET程序时，写的一个JS图片示例案例

源码如下,如遇调试问题,可以找我解决: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="serve…

最近javascript的学习小记

一.关于javascript的原型与隐式原型 1.prototype 首先function是一个对象,每一个function都具有一个prototype对象,prototype对象默认是{constructor:f},一个指向函数本身的对象. 即: function a(){} ===>undefined a.prototype===>{constructor:f} a.prototype.constructor===>function a(){} 2.隐式原型 首先除开function…