html&css

html&css

页面渲染及性能优化，实际问的是重排和重绘，即避免使用会触发重布局和重绘的属性

• s尽量少访问dom节点和css 属性
• 尽可能的为产生动画的 HTML 元素使用 fixed 或 absolute 的 position ，那么修改他们的 CSS 是不会 Reflow 的。
• img标签要设置高宽，以减少重绘重排
• 把DOM离线后修改，如将一个dom脱离文档流，比如display：none ，再修改属性，这里只发生一次回流。
• 尽量用 transform 来做形变和位移，不会造成回流

盒模型

盒模型分为标准盒模型和怪异盒模型（IE）

box-sizing : content-box //标准盒模型
box-sizing : border-box  //怪异盒模型

CSS新特性

transition //过渡
transform //旋转、缩放、移动或者倾斜
animation //动画
gradient //渐变
shadow //阴影
border-radius //圆角

标签语义化

①易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。
②有利于SEO，搜索丢失的时候能让页面呈现清晰的结构。
③有利于开发和维护，语义化更具可读性，代码更好维护，与css3关系更和谐。
④方便其他设备解析，如盲人阅读器根据语义渲染网页。
HTML5新标签

<header>代表头部
<nav>代表超链接区域
<main>定义文档主要内容
<article>可以表示文章、博客等内容
<aside>通常表示侧边栏或嵌入内容
<footer>代表尾

seeionStorage和localStorage

• seeionStorage用于本地存储一个会话中的数据，这些数据中有在同一个会话中的页才能访问，并且当会话结束后，数据也随之销毁，因此sessionStorage不是持久化的本次存储，仅仅是会话级别的存储；

• localStorage用于持久化的本地存储。处分是主动删除数据，否则数据是永远不会过期。

form表单当中method的post和get的区别

get是在服务器上获取数据，post是向服务器传送数据。
get和post的安全性都一般，但总体来get的执行效率比post高，post的安全性比get高。
get传送的数据量比较小，不能大于2KB，post传送的数据量比较大，大概在80-100KB。
在做数据查询的时候，建议用get方法，做数据添加、修改或者删除的时候，建议用post方法。

DOCTYPE作用

DOCTYPE声明一般位于文档的第一行，告诉浏览器以什么样的模式来解析文档。

async 和 defer

• defer 属性表示延迟执行引入的 JavaScript，即这段 JavaScript 加载时， HTML 并未停止解析，这两个过程是并行的。当整个 document 解析完毕后再执行脚本文件，在 DOMContentLoaded 事件触发之前完成。多个脚本按顺序执行。

• async 属性表示异步执行引入的 JavaScript，与 defer 的区别在于，如果已经加载好，就会开始执行，也就是说它的执行仍然会阻塞文档的解析，只是它的加载过程不会阻塞。多个脚本的执行顺序无法保证。