前端学习笔记

1. HTML5中对大小写不敏感。
2. H5使用 main 标签来展示文档的主体部分，没有foot标签。
3. 关于无障碍性（Accessibility）的说法中，tableindex控制tab键控制网页时的顺序。
4. 为了实现表单文件上传，需要将 form 元素的 enctype 属性设置为multipart/form-data。
5. white-space: nowrap 文字很长也不换行。
6. text-align CSS中可继承。
7. 如果想让一个元素相对于屏幕（视口）定位，应该把它的 position 属性设置为fixed.
8. 旋转属性：transform。
9. Connection 与 HTTP 缓存无关。
10. const 只在声明所在的块级作用域内有效 .
11. HTML 标签中属性的值不加引号浏览器也能识别.
12. NaN与任何值都不相等，包括NaN本身。
13. Symbol的最大特点就是每一个Symbol都是不相等的，保证产生一个独一无二的值。
14. [1,2] == [1,2];//false 不是指向同一个引用。
15. 装箱：把基本数据类型转换成对应的引用类型的操作。拆箱：把引用类型转换成基本数据类型的操作。在Javascript中出现 基本数据类型数据 和 引用数据类型数据要进行转换的情况下会进行装箱/拆箱操作.
16. 当协议、端口、域名与当前的不同时就会出现跨域问题。
17. 1 尽量减少页面中重复http请求数量 2 服务器开启gzip压缩 3 css样式的定义放置在文件的头部 4 JavaScript脚本放置在文件末尾 5 压缩合并JavaScript.css代码 6 使用多域名负载网页内的多个文件.图片——加快网页加载。
18. 当同一个HTML元素被多个样式定义时，以下样式中优先权最高的是内联样式（在 HTML 元素内部）
19. 箭头函数中的this始终指向其父级作用域中的this。换句话说，箭头函数会捕获其所在的上下文的this值，作为自己的this值。在箭头函数中调用 this 时，仅仅是简单的沿着作用域链向上寻找，找到最近的一个 this 拿来使用，它与调用时的上下文无关。
20. 在数值运算中，优先调用了valueOf，字符串运算中，优先调用了toString。默认情况，会调用toString()方法。
21. 
22. 输入url按下回车之后，浏览器会去浏览器缓存中寻找该url的ip；没有的话去系统缓存中找，还是没有的话去路由器缓存中寻找；再没有就去系统host文件中找，还是没有最后只能去请求dns服务器，然后dns给一个ip给浏览器；浏览器根据这个ip地址，将请求信息，请求说明和请求参数等封成一个tcp包，由传输层，到网络层，到数据链路层到物理层，传送给服务器，服务器解析这个tcp包将对应的页面文件返回。浏览器根据html文件生成dom树，根据css文件生成cssom树，然后合并这两棵树生成渲染树，然后渲染页面并且展示。要注意的是，当浏览器解析html文件时候如果遇到了内联或者外联的js代码，会暂停dom树的生成，等js代码执行完成之后，才能继续生成树并渲染。其中在页面渲染以及网络请求响应的性能优化方面，我们可以做的优化工作有：1.js代码写在页面渲染完成之后避免阻塞渲染 2.cdn并发，资源压缩，减少请求次数 3.预加载或者懒加载 。
23. HTML文档扩展名为.html或.htm，html文档可以省略这三个html,head,body标签。
24. 可以使用center标签来设置文字居中。
25. svg可以给每一个图形添加事件，canvas不可以 svg的图形都是用xml标签画出来的，canvas是用js绘制的 canvas绘制的是位图(标量图)也就是一个个像素绘制出来的，而svg是矢量图，也就是用几何特性会描述图像，并且可以无限制的自由组合。
26. push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
27. 实例person2没有自定义name的值，使用其原型对象的name值tom。
28. 在head部分可以使用标签（ <style> ）来定义内部样式。
29. CSS3的属性： transform（转换）：改变元素形状、尺寸和位置 transition（过渡）：元素从一种样式逐渐改变为另一种的效果 animation（动画）：通过CSS3的@keyframes（关键帧）规则，可以创建动画 rotate（deg）：旋转给定的角度，正值为顺时针，负值为逆时针
30. Web worker : 运行在后台的JavaScript程序，会影响页面的性能。
31. 调用canvas对象的哪个方法来获取绘图环境 getContext