修·洞(JS)

关于JS,HTML, CSS

JS

原型链

原型链是一种基于原型的继承机制,通过对象的_proto_属性(或Object.getPrototypeOf()方法)逐级向上查找属性和方法,直到Object.prototype(原型链顶端)或返回undefined。(每个对象都有自己的原型,而原型也是对象,也有自己的原型,向上查找,形成一条链式结构);

堆和栈

堆: 用于复杂数据类型(引用类型)分配空间,例如数组对象、object对象;

栈: 主要存放一些基本类型的变量和对象的引用; 先进后出,后进先出原则;

深拷贝和浅拷贝

HTML

WEB标准以及W3C标准是什么?

标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。

语义化的理解?

用正确的标签做正确的事情,

html语义化就是好让页面的内容结构化,便于对浏览器、搜索引擎解析,

在没有样式css情况下也以一种文档格式显示,并且是容易阅读的,

搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于SEO,

使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

新特性

HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务,画布,强后台相关技术等功能的增加。 新定义:一套新的javaScriptAPI和若干小的对html结构的改动。

新特性

绘画canvas、用于媒体回放的videoaudio元素、

本地离线存储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的样式表,两种方式:链入式、导入式。

优先级:行内样式>内部样式>外部样式(后两者是就近原则)

相关推荐
sunshine6411 分钟前
【CSS】实现文本颜色渐变
css·html·css3
海的诗篇_13 分钟前
前端开发面试题总结-vue2框架篇(四)
前端·css·面试·vue·html
玺同学37 分钟前
从卡顿到流畅:前端渲染性能深度解析与实战指南
前端·javascript·性能优化
我是谁谁41 分钟前
一篇文章让你学透在Vue 3 中watch 和 watchEffect的区别
javascript
光影少年44 分钟前
vuex中的辅助函数怎样使用
前端·javascript
teeeeeeemo1 小时前
JS数据类型检测方法总结
开发语言·前端·javascript·笔记
懒大王、1 小时前
Vue添加图片作为水印
前端·javascript·vue.js
3Katrina1 小时前
《JavaScript this 指向深度剖析:从基础到复杂场景实战》
前端·javascript
暖苏1 小时前
Vue.js第一节
前端·javascript·css·vue.js·ecmascript
white.tie2 小时前
一个手机请求头的随机库
开发语言·javascript·python