html事件

事件

元素被某种原因所受激的行为。

事件是观察者模式的一种典型案例。

事件由三部分组成：1.事件源 2.事件类型 3.事件的处理函数（回调函数）。

事件对象（event）pageX |pageY |which(点击某键)

事件类型

鼠标事件

点击事件 on+mouseDown/Up(鼠标按下或弹起)|click(单击)|dbclick(双击)

移动事件 on+mouseOn/Off(鼠标放上或离开)|mouseMove(鼠标移动)

​ mousedrag(鼠标拖拽)|mousedragend(拖拽结束)

键盘事件

​ keydown|keyup(某键按下或起来可捕获控制键)|keypress(按了某键)

表单事件

​ focus|blur|chage

chage条件：1.元素值改变 2.失去焦点

窗口事件

omload（整个文档加载完）

如何使用自定义字体

CSS中定义字体

@font-face {
	font-family: 字体名;
	src: url(字体文件路径) format("truetype");
}

使用font-family引入

	font-family: '字体名';

如何部署网站

1.为什么要发布

1.通过http协议访问

2.可以通过公网访问

2.http协议访问

通过应用服务器 tomcat|apach|nginx

3.什么是Nginx

1.一种应用服务器

2.可把网页发布长网站

3.一种网络软件的服务端

轻量Web服务器|反向代理服务器|电子邮件服务器(IMAP/POP3)|负载均衡

4.使用

下载-->解压-->使用

常用目录结构

conf：配置文件目录|log：运行日志|html：默认网络应用程序存放目录

启动：在安装路径下cmd.exe-->nginx.exe

关闭：nginx -s stop

重新加载配置文件：nginx -s reload

nginx配置

 server {
        listen       80;	#要监听的端口
        server_name  localhost;		#服务名
        location / {
            root   html;	#webapp目录
            index  index.html index.htm;	#默认打开的页面
        }

公网访问

云服务器

内网穿透

常用工具：小米球、花生壳、frp、神卓互联