(二)前端基本功:JS必记知识点+案例

☆函数(function)

函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

function name(arguments){

statements;

}

函数的声明:函数使用跟变量一样,需要 声明

自定义函数:

函数直接量声明:


变量声明提升(面试易考点)

什么是变量提升?在函数体内部,声明变量,会把该声明提升到函数体的最顶端。 只提升变量声明,不赋值。

如下:

案例:

经典面试题1:

结果是 undefined

经典面试题2:

undefined 9

函数参数

【案例】:

*形参类似于变量来理解,所以形参同变量一样,是不加引号“”的;而实参则必须加引号!

形参的目的是为了接受实参

arguments是存储了函数传送过过来实参

Javascript在创建函数的同时,会在函数内部创建一个arguments对象实例.

arguments对象只有函数开始时才可用。函数的 arguments 对象并不是一个数组,访问单个参数的方式与访问数组元素的方式相同

arguments对象的长度是由实参个数而不是形参个数决定的

形参、实参的练习1:

形参实参案例练习1源码:


【案例】参数的传递的练习案例:(建议练熟,至少敲5遍!)

案例中小图是70px*70px;大图是360px*360px(素材获取见本文末)

HTML部分:

CSS部分源码:

JS部分源码:

X形参相当于变量不加引号,实参则必须加上引号

返回值 return


定义:

一个函数实际上就是一个计算过程,计算完成之后的结果就是返回值。

定义函数的返回值:

在函数内部用return来设置返回值,一个函数只能有一个返回值。

同时,终止代码的执行。

所有的自定义函数默认没有返回值;

Return后面不要换行

▲案例代码:

$封装


算式运算符

+ - *  /  %  ^

A++    ++后置每次自加1      先运算后自加;

++a     ++前置每次自加1       先自加后运算;

案例:

答案是77.

解答:

第2行为11;第3行为12;第4行为13+21+30+13=77

* 第4行中c++为30的原因:

这是后置++,也就是该行语句(4)执行完后才会执行c+=1这条语句

对应的前置++也就是在该语句之前(3执行完后),执行c+=1


☆语句

条件语句(if)☆

If(条件表达式){语句;}

If() {}else {}

If()else if(){}else if(){} else {}


案例:点击查询是否中奖。

【案例】:点击输入文字“请输入内容”消失,删除文字后又出现。

HTML部分:

CSS部分:


JS部分:

案例中涉及的知识点,onfocus,onblur事件:

获得焦点:onfocus

失去焦点:onblur

【案例】简单验证表单


HTML:

CSS:

JS:


案例涉及知识点:

·this(自己的)

指的是本身;This主要是指事件的调用者。

·className类名

$("result").className="wrong";

·innerHTML 更换盒子里面的内容,文字标签都换.


·表单更换内容 Input.value

isNaN    nan不是一个数字      is是    是   不是一个数字

isNaN(“12”)如果里面的不是个数字  返回true  否则   返回false

·方法和属性:

方法和属性的区别:

·方法一律带有小括号。�Iphone.tel();

方法给值:isNaN(“值”);

·属性给值一定是等号。Iphone.color = “red”;


表单自动获得焦点:

Txt.focus();方法

Onfocus事件

鼠标经过选择表单:

方法select()选择功能

自动获得和鼠标经过选择

for循环

For(var i = 0; i<100;i++) {  }  遍历

For(;;){ }    死循环

案例“金字塔”如图

源码:


·getElementsByTagName()  获取某类标签

getElementById() id元素   一个

getElementsByTagName();很多个  所以是复数很多个


**以上案例所涉及图片素材获取方式:

百度网盘链接:http://pan.baidu.com/s/1dFcDuhF 密码:itbs

有任何疑问请在评论区留言,咱们一起探讨与进步吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容

  • FreeCodeCamp - Basic JavaScript 写在前面: 我曾经在进谷前刷过这一套题,不过当时只...
    付林恒阅读 16,300评论 5 28
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,152评论 0 4
  • 最近爱上了在家人熟睡后爬上四楼的屋顶呆着看星星。 盛夏的夜晚和它的天气一样都是热情的。不是盛夏,怎么能看到如此热闹...
    京起一滩鸥露阅读 238评论 0 0
  • 曾经如果没那么在乎可能现在不会是这样的结局,或许是美好....... 曾经如果没那么在乎或许今天受伤害的还是一个人...
    遗忘痕迹阅读 137评论 0 1