关于JS,HTML, CSS
JS
原型链
原型链是一种基于原型的继承机制,通过对象的_proto_属性(或Object.getPrototypeOf()方法)逐级向上查找属性和方法,直到Object.prototype(原型链顶端)或返回undefined。(每个对象都有自己的原型,而原型也是对象,也有自己的原型,向上查找,形成一条链式结构);
堆和栈
堆:
用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象;
栈:
主要存放一些基本类型的变量和对象的引用; 先进后出,后进先出原则;
深拷贝和浅拷贝
HTML
WEB标准以及W3C标准是什么?
标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。
语义化的理解?
用正确的标签做正确的事情,
html语义化就是好让页面的内容结构化,便于对浏览器、搜索引擎解析,
在没有样式css情况下也以一种文档格式显示,并且是容易阅读的,
搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO,
使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
新特性
HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务,画布,强后台相关技术等功能的增加。 新定义:一套新的javaScriptAPI和若干小的对html结构的改动。
绘画canvas
、用于媒体回放的video
和audio
元素、
本地离线存储localStorage
长期存储数据,浏览器关闭后数据不丢失、
sessionStorage
的数据在浏览器关闭后自动删除、
语义化更好的内容元素,比如header、footer、nav、section
表单控件:date、time、email、url、search
新的技术:webworker、websockt、Geolocation
纯表现的元素:big、center、font、
对可用性产生负面影响的元素:frame,frameset
行内元素有哪些?块级元素有哪些?空(void)元素有哪些?行内元素和块级元素有什么区别?
CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为"block",成为"块级"元素;span默认display属性值为"inline",是"行内"元素。
行内元素: a b span img input select
块级元素:div ul ol li dl h1 h2... p
知名的空元素:<br> <hr> <img> <input> <link> <mate>
鲜为人知的:<area> <base> <col> <track>
行内元素不可以设置宽高,不独占一行;
块级元素可以设置宽高,独占一行。
CSS
新特性
边框(borders): border-radius
圆角边框; box-shadow
边框加阴影
颜色: 径向渐变 radial-gradient
; 线性渐变 linear-gradient
文本阴影: text-shadow
旋转: transform
CSS选择符有哪些?哪些属性可以继承?优先级如何计算?新增的伪类有哪些?
css
id选择器(#myid)
类选择器(.myclassname)
标签选择器(div、h1、p)
相邻选择器(h1 + p)
子选择器(ul>li)
后代选择器(li a)
通配符选择器(*)
属性选择器(a[rel = 'extrenal'])
伪类选择器(a:hover,li:nth-child)
可继承的样式: font-size、font-family、color、ul 、li
不可继承样式:border、padding、margin、width、height
优先级为:
!important > id > class >tag
important比内联优先级高
优先级就近原则,同权重情况下样式定义最近者为准
载入样式以最后载入的定位为准。
盒模型
1,IE盒模型(怪异)
;2,W3C盒模型(标准)
。
IE盒模型:content部分包含border和padding; W3C盒模型:只是content;
盒模型:
内容(content)、填充(padding)、边界(margin)、边框(border)
通过代码改变盒模型:
box-sizing:content-box;(W3C盒模型)
border-box;(IE盒模型)
inherit 继承父元素
CSS样式引入方法
三种方式:行内样式、内部样式表、外部样式表。
行内样式:使用style属性引入css样式
内部样式表:在style标签内书写css代码,style标签写在head标签中。
外部样式表:HTML文件引用扩展名为.css的样式表,两种方式:链入式、导入式。
优先级:行内样式>内部样式>外部样式(后两者是就近原则)