前端未死

建信金科 广州事业群 前端 &平安金服 深圳 前端 去哪家呀兄弟萌#如何看待2023届秋招##晒一晒我的offer##前端未死##建信金科广州##平安金服#

原型链继承：通过将子对象的原型指向父对象，从而继承父对象的属性和方法。这是 JavaScript 中最基本的继承方式。但是它有一些限制，例如所有子对象都共享父对象的属性，不能向父对象的构造函数传递参数等。构造函数继承：通过在子对象的构造函数中调用父对象的构造函数，从而继承父对象的属性。这种方式可以解决原型链继承的一些问题，但是它没有继承父对象的原型链上的方法。组合继承：结合了原型链继承和构造函数继承，通过调用父对象的构造函数来继承属性，同时将子对象的原型指向父对象，从而继承方法。这是 JavaScript 中最常用的继承方式。原型式继承：通过创建一个临时的构造函数，并将父对象作为这个构造函数的原型，从而实现继承。这种方式可以基于已有的对象创建新的对象，但是也会共享父对象的属性。寄生式继承：通过创建一个封装继承过程的函数，并在其中创建和返回一个新的对象，从而实现继承。这种方式类似于原型式继承，但是可以在封装函数中添加一些额外的属性和方法。ES6 类继承：在 ECMAScript 6 中，引入了 class 关键字和 extends 关键字，使得类和继承变得更加简洁和直观。可以通过 extends 关键字来实现类之间的继承。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=9b6f8ffa01684706b0b2a521920340f8#前端未死#

CSS3过渡 CSS3过渡是一种实现元素从一种样式逐渐变化为另一种样式的效果的技术。它可以让网页的动画效果更加流畅和自然，而不需要使用Flash或JavaScript。在本文中，我们将介绍CSS3过渡的基本概念和用法。 过渡的原理 要使用CSS3过渡，我们需要指定两个要素： 要添加过渡效果的CSS属性 过渡效果的持续时间 例如，我们可以为一个div元素的width属性添加过渡效果，让它在2秒内从100px变为300px： div { width: 100px; height: 100px; background: red; transition: width 2s; /* ...

CSS3 多列布局 CSS3 多列布局是一种实现网页内容分为多个列的技术，类似于报纸或杂志的排版。它可以让网页的文本更加紧凑和易读，而不需要使用浮动或定位等复杂的布局方法。在本文中，我们将介绍CSS3多列布局的基本概念和用法。 多列布局的原理 要创建CSS3多列布局，我们需要指定两个要素： 要添加多列效果的容器元素 容器元素的多列属性 例如，我们可以为一个带有container类的<div>元素添加多列效果，让它的内容分为三列： <div class="container"> <p>Lorem ipsum dolor sit amet, consec...

CSS3动画 CSS3动画是一种实现元素在网页中逐渐变化样式的技术。它可以让网页的动画效果更加丰富和灵活，而不需要使用Flash或JavaScript。在本文中，我们将介绍CSS3动画的基本概念和用法。 动画的原理 要创建CSS3动画，我们需要指定两个要素： 要添加动画效果的CSS属性 动画函数 例如，我们可以为一个div元素的animation属性添加一个动画函数mymove，让它在5秒内从左上角移动到右下角： div { animation: mymove 5s; /* 动画属性和函数 */ } 这就是CSS3动画的基本效果。我们可以使用不同的动画函数来实现不同的动画效果，也可以...

CSS3转换 CSS3转换是一种实现元素在二维或三维空间中变换形状、位置、大小和角度的技术。它可以让网页的动画效果更加丰富和灵活，而不需要使用Flash或JavaScript。在本文中，我们将介绍CSS3转换的基本概念和用法。 转换的原理 要使用CSS3转换，我们需要指定两个要素： 要添加转换效果的CSS属性 转换函数 例如，我们可以为一个div元素的transform属性添加一个转换函数rotate(30deg)，让它顺时针旋转30度： div { transform: rotate(30deg); /* 转换属性和函数 */ } 这就是CSS3转换的基本效果。我们可以使用不同的转...

ETag（Entity Tag）是一个由服务器生成的用于标识资源的唯一标识符。ETag 在浏览器缓存中的作用是协商缓存的一部分。当浏览器发送请求时，会将上一次请求返回的 ETag 值通过 If-None-Match 请求头字段发送给服务器。服务器使用这个值与当前资源的 ETag 进行比较，以判断资源是否发生了变化。如果服务器发现资源的 ETag 值与浏览器发送的匹配，并且资源没有发生变化，服务器会返回状态码 304 Not Modified，表示资源未修改。浏览器收到这个响应后，可以直接从缓存中获取资源，而无需重新下载。ETag 能够精确地确定资源是否发生了变化，相对于 Last-Modified（最后修改时间）来说更加准确。如果资源的内容发生了任何改变，服务器会为该资源生成新的 ETag 值，而 Last-Modified 只能以秒级别的精度表示时间，可能无法捕捉到非常小的修改。在大多数情况下，浏览器会使用 Cache-Control 和 ETag（或 Last-Modified）一起使用，以提供更精确和可靠的缓存控制。当 Cache-Control 的缓存过期策略失效时，浏览器会使用 ETag 和服务器进行协商，以便确定是否可以使用缓存的副本。如果服务器返回 304 Not Modified，浏览器就可以直接使用缓存，并避免重新下载资源。这样可以减少网络带宽的使用，并提高页面加载速度和性能。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=5f0bf65b3be04ac8a2beb28f857943a6#前端未死#

文本新增属性 opacity：属性设置一个元素的透明度级别。0为完全透明，1为完全不透明 rgba函数：rgba(red, green, blue, alpha)。前三个参数值范围 0 ~ 255或 0% ~ 100%，alpha透明度范围为0~1 text-shadow: h-shadow v-shadow blur color;属性连接一个或更多的阴影文本。 direction: 文字排版方向，ltr或rtl;需搭配unicode-bidi: bidi-override;一起使用。二者皆属于CSS2 text-overflow: clip|ellipsis|"string"|initial...

在mutation中修改状态(state)的步骤如下：🌹🤍✔【找到要修改的状态属性】：在state对象中找到要修改的属性。🌹🤍✔【编写mutation方法】：在mutation对象中编写一个方法，用于修改状态。方法的第一个参数是state对象，后面的参数是你要传递的任何其他数据。在该方法中，你可以直接修改状态属性。🌹🤍✔【调用mutation方法】：在组件中通过commit方法调用mutation方法。commit方法接受两个参数，第一个参数是mutation方法的名称，第二个参数是要传递给mutation方法的数据。需要注意的是，mutation方法是同步的，它们应该只用于修改状态。如果你需要进行异步操作，应该使用actions来触发mutation方法。在actions中可以使用异步操作(如API调用)，然后再调用mutation方法来修改状态。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=bf1d309c19934fbfa8e2caf2f162529d#前端未死#

事件委托（Event delegation）是一种在开发中常用的处理事件的技术。它利用事件冒泡的原理，在父元素上监听事件，然后通过判断事件来源来执行相应的操作。使用事件委托的主要优点是减少了事件处理函数的数量，提高了性能和内存占用。当页面中有大量相似的子元素需要绑定事件时，使用事件委托可以将事件监听器绑定到父元素上，而不是每个子元素上，从而避免了为每个子元素都创建一个事件处理函数的开销。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=9b6f8ffa01684706b0b2a521920340f8#前端未死#