修·洞(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的样式表,两种方式:链入式、导入式。

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

相关推荐
Liudef062 小时前
儿童趣味记忆配对游戏
css·游戏·css3
秋田君2 小时前
深入理解JavaScript设计模式之命令模式
javascript·设计模式·命令模式
风吹落叶花飘荡3 小时前
2025 Next.js项目提前编译并在服务器
服务器·开发语言·javascript
yanlele4 小时前
我用爬虫抓取了 25 年 6 月掘金热门面试文章
前端·javascript·面试
烛阴5 小时前
WebSocket实时通信入门到实践
前端·javascript
草巾冒小子5 小时前
vue3实战:.ts文件中的interface定义与抛出、其他文件的调用方式
前端·javascript·vue.js
DoraBigHead5 小时前
你写前端按钮,他们扛服务器压力:搞懂后端那些“黑话”!
前端·javascript·架构
前端世界6 小时前
鸿蒙UI开发全解:JS与Java双引擎实战指南
javascript·ui·harmonyos
@Dream_Chaser6 小时前
uniapp ruoyi-app 中使用checkbox 无法选中问题
前端·javascript·uni-app
上单带刀不带妹6 小时前
JavaScript中的Request详解:掌握Fetch API与XMLHttpRequest
开发语言·前端·javascript·ecmascript