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

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

相关推荐
xkxnq2 分钟前
第二阶段:Vue 组件化开发(第 18天)
前端·javascript·vue.js
晓得迷路了3 分钟前
栗子前端技术周刊第 112 期 - Rspack 1.7、2025 JS 新星榜单、HTML 状态调查...
前端·javascript·html
怕浪猫6 分钟前
React从入门到出门 第五章 React Router 配置与原理初探
前端·javascript·react.js
鹏多多12 分钟前
前端2025年终总结:借着AI做大做强再创辉煌
前端·javascript
哈__15 分钟前
React Native 鸿蒙跨平台开发:Vibration 实现鸿蒙端设备的震动反馈
javascript·react native·react.js
WebGISer_白茶乌龙桃18 分钟前
Cesium实现“悬浮岛”式,三维立体的行政区划
javascript·vue.js·3d·web3·html5·webgl
不一样的少年_25 分钟前
产品催: 1 天优化 Vue 官网 SEO?我用这个插件半天搞定(不重构 Nuxt)
前端·javascript·vue.js
-dcr26 分钟前
50.智能体
前端·javascript·人工智能·ai·easyui
哈__43 分钟前
React Native 鸿蒙跨平台开发:LayoutAnimation 实现鸿蒙端页面切换的淡入淡出过渡动画
javascript·react native·react.js
winfredzhang1 小时前
从零构建:基于 Node.js 的全栈视频资料管理系统开发实录
css·node.js·html·音视频·js·收藏,搜索,缩略图