-
在 HTML 页面上，当按下键盘上的任意一个键时都会触发 javascript 的（）事件。
解析：
onfocus 获取焦点时，一般在<input>、<select>、<a>标签中使用
onBlur 元素失去焦点时，一般用于表单输入框
onSubmit 在提交时，一般用于<form>标签
onKeyDown 键盘按键时触发 -
大前端方向包括了web前端，App页面，小程序页面等。html5平常方面都可以应用，但是大量应用于移动应用程序和游戏，因为用HTML5的优点主要在于，这个技术可以进行跨平台的使用。
-
link和@import的区别：
1）link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持（IE5以上才能被识别）。
2）link除了加载CSS，Javascript外，还能用于定义RSS，定义rel连接属性等作用；@import是CSS提供的，只能用于加载CSS。
3）link加载的内容是与页面同时加载；@import需要页面网页完全载入以后加载。
用法区别： 1）link的写法：
<link rel="stylesheet" href="index.css">
2）import的写法：
<style type=”text/css”>
@import url（“index.css”）；
</style>
- HTML DOM的event事件
| 事件 | 描述 |
|---|---|
| onabort | 图像的加载被中断。 |
| onblur | 元素失去焦点时触发。 |
| onchange | 域的内容被改变。 |
| onclick | 当用户点击某个对象时调用的事件句柄。 |
| ondblclick | 当用户双击某个对象时调用的事件句柄。 |
| onerror | 在加载文档或图像时发生错误。 |
| onfocus | 元素获得焦点。 |
| onkeydown | 某个键盘按键被按下。 |
| onkeypress | 某个键盘按键被按下。 |
| onkeyup | 某个键盘按键被松开。 |
| onload | 一张页面或一幅图像完成加载。 |
| onmousedown | 鼠标按钮被按下。 |
| onmousemove | 鼠标被移动。 |
| onmouseout | 鼠标从某元素移开。 |
| onmouseover | 鼠标移到某元素之上。 |
| onmouseup | 鼠标按键被松开。 |
| onreset | 重置按钮被点击。 |
| onresize | 窗口或框架被重新调整大小。 |
| onselect | 文本被选中。 |
| onsubmit | 确认按钮被点击。 |
查询地址：https://www.w3school.com.cn/
- 把鼠标移到按钮并点击时，会产生一串什么样的事件？
CSS伪类用于向某些选择器添加特殊的效果：
:active 向被激活的元素添加样式。
:focus 向拥有键盘输入焦点的元素添加样式。
:hover 当鼠标悬浮在元素上方时，向元素添加样式。
:link 向未被访问的链接添加样式。
:visited 向已被访问的链接添加样式。
触发顺序为link–>visited—>hover（悬停）—>focus（聚焦）—>active（响应）即记为love and hate ，然后单独记住focus在hover和active之间即可。 - em 自动适应用户所使用的字体。元素像素就是指px，dp 虚拟像素，在不同的像素密度的设备上会自动适配。
align ：规定 div 元素中的内容的水平对齐方式。
text-align：规定“元素中”的文本的水平对齐方式。
两个属性使用的地方不一样，但是作用一样！
align直接写在是div里面的属性 ：
<div align="center">
This is some text!
</div>
text-align则是Css的属性：
<div style="text-align:center">
-
a.历史：
canvas是html5提供的新元素。而svg存在的历史要比canvas久远，已经有十几年了。svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。
b.功能：
canvas可以看做是一个画布，其绘制出来的图形为标量图。可以在canvas中引入jpg或png这类格式的图片。在实际开发中，大型的网络游戏都是用canvas画布做出来的，并且canvas的技术现在已经相当的成熟。另外，我们喜欢用canvas来做一些统计用的图表，如柱状图曲线图或饼状图等。而svg，所绘制的图形为矢量图，不能引入普通的图片，因为矢量图的不会失真的特点，在项目中我们会用来做一些动态的小图标。这个特点也很适合被用来做地图，百度地图就是用svg技术做出来的。
c.技术：
canvas里面绘制的图形不能被引擎抓取（canvas中绘制的元素不可以通过浏览器提供的接口获取到），canvas中我们绘制图形通常是通过javascript来实现。 而svg里面的图形可以被引擎抓取，支持事件的绑定（SVG中绘制的元素可以通过浏览器提供的接口获取到），svg更多的是通过标签来实现。我再来介绍一个svg的js库：TWO.JS。其中包含two.js和three.js前者用于绘制二维图形，后者用于绘制三维图形。TWO.JS可以支持三种格式，svg（默认）、canvas、和WEBGL。当然也可以在普通div中引入。 /以上源自知乎/
判断：为了优化网页的SEO效果，常用javascript动态生成网页的title、description、keyword。（×）
解析：使用JS动态生成可能会导致搜索引擎爬取不到，想要有利于SEO最好将关键词写在静态的HTML里。（后台提供，前台渲染，利于SEO优化） -
a、p元素不能包含任何块级元素(包括自身)
b 、a元素可以包含任何其他元素(除了自身)
c、document是文档(整个DOM树)的根节点
d、li元素的祖先元素可能是li（li里面可以包含一个新的有序或者无序列表），但父元素不可能是li。 -
下列哪些元素在浏览器默认样式下会加粗文本？
A：<h1> - <h6>标签表示 HTML 标题，默认加粗
B：<caption>标签表示表格标题，标题一般被居中表格之上，但不加粗文本
C：<em>标签表示强调内容，显示为斜体，但不加粗文本
D：<th>标签表示表格的表头，默认加粗文本 -
JSON 和 XML 优缺点的比较
（1）【XML】的优缺点
优点： （1）格式统一，符合标准；
（2）容易与其他系统进行远程交互，数据传输比较方便。
缺点： （1）XML文件庞大，文件格式复杂，传输占带宽；
（2）服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护；
（3）客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码；
（4）服务器端和客户端解析XML花费较多的资源和时间。 （2）【JSON】的优缺点
优点：（1）数据格式比较简单，易于读写，格式都是压缩的，占用带宽小；
（2）易于解析，客户端JavaScript可以简单的通过eval_r()进行JSON数据的读取；
（3）支持多种语言，包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言，便于服务器端的解析；
（4）在PHP世界，已经有PHP-JSON和JSON-PHP出现了，偏于PHP序列化后的程序直接调用，PHP服务器端的对象、数组等能直接生成JSON格式，便于客户端的访问提取；
（5）因为JSON格式能直接为服务器端代码使用，大大简化了服务器端和客户端的代码开发量，且完成任务不变，并且易于维护。
缺点：（1） 没有XML格式这么推广的深入人心和喜用广泛，没有XML那么通用性；
（2）JSON格式目前在Web Service中推广还属于初级阶段。
总结：XML对数据的描述性比JSON好，JSON的数据体积更小，传递的速度更快些，与JavaScript的交互更加方便，更容易解析处理，更好的数据交互，JSON的速度一般要快于XML。
