day6 javascipt

最新推荐文章于 2024-07-27 18:37:51 发布

Pe king Jia

最新推荐文章于 2024-07-27 18:37:51 发布

阅读量103

点赞数

本文链接：https://blog.csdn.net/jiatinghui/article/details/105778651

版权

                                                                                   day6知识点

一、函数
1.函数的概念（比喻成一个空调）
空调：由遥控器控制
函数：由用户或自身控制，可以实现某个功能代码段

    函数的特点：
                     忽略细节：在*使用过程*中，只需要关注其实现的功能，不需要关注内部原理
                     重复使用：多次使用
                     选择使用：按需使用

 2.创建函数
          函数哪里来的
               内置（系统提供，公司发的）

          自定义
               声明式创建函数：配合关键字（function）
                语法; function 函数名() { }
                    
               赋值式创建函数：配合关键字：var a = function （）{ }
                
          函数就是一个变量，是内部存的一段代码，这段只不过式代码被一个容器包裹了

3.执行函数
          函数名（）
                只要函数名后面又小括号，会**立即执行当前**函数。 （固定语法）
          通过事件触发
                执行无名函数：
                             元素.事件 = function（）{ }
                执行有名函数：
                             元素.事件 = 函数名   
                无名配合有名。（使用较多）
                             元素.事件 = function（）}{ 
		  函数或变量名
		  }

4.函数分类
根据写法分类
有名函数：正常函数 / 使用频率较多的函数 / 声明式和赋值式的函数
function 函数名（）{}
var a = function（）}{}
执行：常规执行：函数名或变量名（）

               无名函数：   非正常函数 / 没有名字
                              function （）{ }
                             不允许直接存在代码空间中，或则会报错
                              使用场景：1.作为变量的**值**存在（赋值式创建函数的**值**）
                                                var a = function （）{ }
                                                执行：函数名或变量名（）
                                              2.作为事件处理函数执行
		     元素.nclick = function（）{
		            事件被触发时要执行的内容
			 }

5.函数的参数
什么是参数
根据用户传入不同的参数，选择执行函数中不同的功能
参数的分类：
发：实参：函数执行时的参数
收：形参：函数定义时的参数
实参和形参的关系，赋值的关系，形参相当于变量，实参相当于值，一对一
数量对应关系
参数可以有很多个，语法上没有限制，行业习惯，自定义函数如没有特殊需求，不要超过三个

               实参和形参数量一致：按照顺序 一一对应
                
               实参多;
                         没有形参多，通过形参找不到
                         函数内部有个神秘空间（arguments），这个空间会将所有的实参保存，不论有没有被接收的
                         arguments是个对象类型的数据（类数组的数据）
                              长度（个数），表示接受到了几个实参
		‘arguments-length’
                              索引（序号，编号），表示数组内部的数据位置，索引从0开始（0带代表第一个）
	 	‘arguments-length[索引]’

   形参多：
              多出来的新参式undefined
                          形参其实就是一个变量，实参就是赋值，实参不够代表为赋值（undefined）

二、事件分类
鼠标类:
单机：click
双击：dblclick
按下：mousedown
抬起：mouseup
移动：mousemove
进入：mouseover / mouseenter
离开: mouseout / mouseleave
右键：contextmenu
键盘类：
按下：keydown
抬起：keyup
抬起并离开：keyress
浏览器类：
加载：load
滚动：scroll
改变大小：resize

所有事件的绑定方式都是一致的
目前学习了一种：on绑定，赋值式绑定
元素.on事件名 = function(){}

注意：行为的触发方式是否正确
尤其是表单类

链接: link.

图片: Alt

带尺寸的图片:

居中的图片: Alt

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash