首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS-自定义高度元素背景图如何自适应以及after伪ie下处理

本来想用css3background-image属性多个背景图功能,可是想想还要兼容ie就很烦 于是利用了css选择器来完成这一巨大使命。...可以看出来,before和after背景图片没有加载进来,或者可以说,ie(以下皆指ie8及以下)中,before和after没起作用。 ?...我想了想,清除浮动时,虽然也用了after伪,但他正常clearfix里边还设置了*zoom:1;*overflow:hidden;这个万能iebug调试法,我这里也试下看行?...开发人员工具也打不开,打开了是透明. 百度了下,找到了解决方法,下面是原文摘录: “按下F12之后,开发人员工具桌面上看不到,但是任务栏里有显示。...但我觉得最好方法还是用css好,不过针对ie下伪不能用问题,网上还是有很多教程说明,让引入js文件来解决。 1 .class{background:url(..

1.3K80

RefactoringGuru 代码异味和重构技巧总结

面向对象滥用 所有这些异味都是面向对象编程原理不完整或不正确应用。 switch语句 你有一个复杂switch运算符或if语句序列。 临时字段 临时字段仅在特定情况下获取其(因此对象需要它)。...这些重构技术展示了如何之间安全地移动功能,创建新,以及隐藏实现细节以防公开访问。 移动方法 问题:一个方法另一个中使用次数多于它自己中使用次数。...移动字段 问题:一个字段另一个中使用次数比它自己中使用次数多。 解决方案:中创建一个字段,并将旧字段所有使用重定向到该字段。...用对象替换数据 问题:一个(或一组)包含一个数据字段。该字段有自己行为和相关数据。 解决方案:创建一个新,将旧字段及其行为放在该类中,并将该类对象存储原始中。...用继承替换委托 问题:一个包含许多简单方法,这些方法将委托给另一个所有方法。 解决方案:使该类继承另一个,这样就不需要委托方法。

1.8K40
您找到你想要的搜索结果了吗?
是的
没有找到

分享63个最常见前端面试题及其答案

03、解释原型继承如何工作 原型继承允许一个对象通过建立原型链来继承另一个对象属性。 04、null、未定义或未声明变量之间有什么区别?...规范化 CSS 目的是通过应用一组预定义样式,使元素浏览器中呈现一致。它为样式提供了一致基线,并有助于减少浏览器不一致。 重置 CSS 还是规范化 CSS 之间选择取决于项目的要求和偏好。...匿名函数,也称为函数表达式,是没有指定名称情况下定义函数。它们通常用于需要一个函数作为另一个函数参数情况或创建自调用函数时。...它们简化了组件组合,减少了对组件需求,并通过允许编写情况下使用状态和其他 React 功能来提高代码可读性和可维护性。 42、虚拟 DOM 和 Shadow DOM 实现。...React 协调过程使虚拟 DOM 更改与实际 DOM 保持一致,从而优化渲染。 43、如何扩展网站?

4.2K20

分享 63 道最常见前端面试及其答案

03、解释原型继承如何工作 原型继承允许一个对象通过建立原型链来继承另一个对象属性。 04、null、未定义或未声明变量之间有什么区别?...规范化 CSS 目的是通过应用一组预定义样式,使元素浏览器中呈现一致。它为样式提供了一致基线,并有助于减少浏览器不一致。 重置 CSS 还是规范化 CSS 之间选择取决于项目的要求和偏好。...匿名函数,也称为函数表达式,是没有指定名称情况下定义函数。它们通常用于需要一个函数作为另一个函数参数情况或创建自调用函数时。...它们简化了组件组合,减少了对组件需求,并通过允许编写情况下使用状态和其他 React 功能来提高代码可读性和可维护性。 42、虚拟 DOM 和 Shadow DOM 实现。...React 协调过程使虚拟 DOM 更改与实际 DOM 保持一致,从而优化渲染。 43、如何扩展网站?

17630

【旧文重发 | 06】IC基础知识

”也是一种数据类型,可以将不同数据类型和其对应方法进行分类。C++中两者区别之一是,所有成员默认情况下都是私有的,而结构所有成员默认情况下都是公共。...当一个实例化另一个对象时,该关系为“ has-a”,并且此属性称为composition。 继承使两个之间具有“is - a”关系。...如果对象任何字段是对其他对象引用,则仅复制引用地址(句柄)。深拷贝中,将创建一个新对象,该对象具有与原始对象相同精确副本。...深度复制情况下,还将复制A所有(即其数据成员a和b),而不是“objA”内存句柄。 [112] 什么是OOP虚方法? 虚方法是中声明成员方法,并且可以由派生重新定义。...然后派生可以实现此功能。相当于一个模板。 [115] 什么是静态方法? 静态方法是使用static关键字内部定义方法。可以创建对象情况下使用它们。

1.1K20

Final 关键字

2、修饰变量     当对对象引用而不是对原始类型运用final时,其含义会有一点令人迷惑。对于原始类型,final使数值恒定不变,而对于对象引用,final使引用恒定不变。...一旦引用被初始化指向一个对象,就无法对他改变以指向另一个对象。然而,对象其本身却是可以修改,Java并未提供使任何对象恒定不变途径。...设计程序时,若希望一个方法行为继承期间保持不变,而且不可被覆盖或改写,就可以采取这种做法。 2、将一个方法设成 final 后,编译器就可以把对那个方法所有调用都置入“嵌入”调用里。...Java允许你以参数列表中以声明方式将参数指明为final。这意味着你无法方法中更改参数引用所指向对象。     大多数情况下,设置final方法并不会对我们程序整体性能产生什么改观。...5、修饰 如果说整个都是 final(定义前冠以 final 关键字),就表明自己希望从这个继承,或者不允许其他任何人采取这种操作。

78460

100道最新Java面试题,常见面试题及答案汇总

答案:StringBuffers本质上是动态,我们可以改变StringBuffer对象,而String是不可变,每次数据更改都会创建一个新String对象,增加额外开销,所以在数据更改很多情况下...答案:使用继承主要优点是代码可重用性,因为继承使子类能够重用其父代码。多态性(可扩展性)是另一个好处,允许引入新功能而不影响现有的派生。 Q49:变量和方法默认访问说明符是什么?...答案:Java不会给变量分配默认,因此变量没有初始化情况下,程序会编译失败并给出错误提示。 Q65:Java中可以继承多个吗? 答案:Java不支持多重继承。...答案:可以,基于原生开发情况下,我们可以Java中定义公共静态方法,但是执行,然后用另外一种语言(如C)实现。 Q74:如何在Java中定义析构函数?...Q100:构造函数继承调用顺序是什么? 答案:继承情况下,创建派生新对象时,首先调用父构造函数,然后调用派生构造函数。

4.9K21

金九银十求职季,前端面试大全送给你

最简单初始化方法: * {padding: 0; margin: 0;}(强烈建议) 13、css新增伪元素 :nth-child :after :befor :checked :disable...- 构造函数 优点:实现多个继承,实现子类可以向父传递参数 缺点:无法实现复用影响性能,只能继承方法 不能继承原型上 原型链继承 优点:实现简单,父新增原型方法子类可访问 缺点:无法实现多个继承...闭包特性 闭包是指有权访问另一个函数作用域中变量函数,创建闭包最常见方式就是一个函数内创建另一个函数,通过另一个函数访问这个函数局部变量,利用闭包可以突破作用链域,将函数内部变量和方法传递到外部...可以该钩子中进一步地更改状态,不会触发附加重渲染过程。 - updated(更新后) 由于数据更改导致虚拟DOM重新渲染和打补丁之后调用。...调用时,组件DOM已经更新,所以可以执行依赖于DOM操作。然而在大多数情况下,应该避免在此期间更改状态,因为这可能会导致更新无限循环。该钩子服务器端渲染期间不被调用。

1.4K20

【愚公系列】2023年11月 WPF控件专题 2023秋招WPF高频面试题

Static Resource - StaticResource 加载时确定Dynamic Resource - 在运行时更改属性情况下使用。7.WPF中控件分类?...通过继承自DispathcerObject,用户界面中每个元素都可以检查代码是否正确线程上运行,并能通过访问调度程序为用户界面线程封送代码。Dependency: 所有支持依赖属性。...一个很好例子是对稍后 XAML 中定义资源前向引用。 另一个例子是直到运行时才会存在资源。 如果源资源字典发生更改,它将更新目标。...当您在根元素上设置 FontSize 时,它适用于下面的所有文本块,除非在元素中覆盖该属性更改通知 ncyObject* 继承方法。...当您在根元素上设置 FontSize 时,它适用于下面的所有文本块,除非在元素中覆盖该属性更改通知 依赖属性具有内置更改通知机制。 通过属性元数据中注册回调,您会在属性值更改时收到通知。

42622

Swift入门:

您可以将一个定义为基于另一个,添加任何您想要新内容。 当你创建一个实例时,它被称为一个对象。如果复制该对象,默认情况下,两个副本都指向同一个数据——更改一个,副本也会更改。...} } 注意它初始设定项是如何接受三个参数,然后调用super.init()将name和age传递给Singer超——但只有设置了它自己属性之后。...处理对象时,你会看到super经常被使用,它意思是“继承上调用一个方法”。它通常被用来表示“让我先做它需要做所有事情,然后再做额外事情。”...与引用 当您复制一个结构体时,整个东西都是重复,包括它所有。这意味着更改结构体一个副本不会更改其他副本——它们都是单独。...对于,对象每个副本都指向同一个原始对象,因此如果更改一个,它们都会更改。Swift调用结构体“类型”,因为它们只指向一个,而“引用类型”,因为对象只是对实际共享引用。

72110

前端入门系列之CSS

因为它适用于所有的元素,大型网页利用它可能对性能有明显影响:网页可能显示比预期要慢。大多数情况下,你都不会使用这个选择器。...无单位 CSS中,你有时会遇到一些无单位数值——这并不总是意味着错误,某些情况下,使用无单位数值是完全允许。...第三个和第四个选择器链接文本颜色样式上进行竞争——第二个选择器获胜,使文本变白,因为缺少一个元素选择器,缺少选择器被换成选择器,它是十,而不是个位。所以专用性为113和104。...由于color属性是自然继承所有的body子元素都会有相同绿色。需要注意是默认情况下浏览器设置链接颜色为蓝色,而不是自然继承color属性,因此我们列表中第一个链接是蓝色。...最后一个规则选择了元素上使用 unset 所有链接然后设置它们颜色为 unset ——即我们设置。因为color属性是一个自然继承属性,它实际上就像把设置成 inherit 一样。

2.6K10

前端面试之JavaScript(总结)

- 堆 两种数据类型存储位置不同 原始数据类型是直接存储栈(stack)中简单数据段,占据空间小、大小固定,属于被频繁使用数据; 引用数据类型存储堆(heap)中对象,占据空间大、大小固定,如果存储栈中...,创建闭包最常见方式就是一个函数里创建另一个函数,通过另一个函数访问这个函数局部变量,利用闭包可以突破作用域链,将函数内部变量和方法传递到外部 闭包特性:函数内嵌套函数;内部函数可以引用外部参数和变量...table里所有的其他元素回流) 避免使用css表达式,因为每次调用都会重新计算(也会重新加载页面) 尽量使用css属性简写 将多次修改元素样式合并成一次操作 9.介绍JavaScript原型、原型链...从而形成了所谓“原型链” 原型特点: JavaScript对象是通过引用来传递,当修改原型时,与之相关对象也会继承这一改变 10.JavaScript如何实现继承 构造函数绑定:使用 call 或...Document 对象是 HTML 文档根节点与所有其他节点(元素节点,文本节点,属性节点, 注释节点) Document 对象使我们可以通过脚本对 HTML 页面中所有元素进行访问 Document

1K20

90%Java程序员不会10道Java面试题

请记住, Java 中,所有另一个线程执行中侵入操作都被弃用了(例如 stop 方法)。 2.为什么Java中不支持多重继承?...例如,如果一段代码将 String “Test” 更改为 “TEST”,则所有其他客户也将看到该。...当你通过实现添加接口来更改结构时, 添加或删除任何字段可能会破坏默认序列化, 这可以通过自定义二进制格式使兼容可能性最小化, 但仍需要大量努力来确保向后兼容性。...Java 序列化过程仅在对象层次都是可序列化结构中继续, 即实现 Java 中可序列化接口, 并且从超级继承实例变量将通过调用构造函数初始化, 反序列化过程中不可序列化超级。...11) Java序列化机制中兼容更改兼容更改是什么? 真正挑战在于通过添加任何字段、方法或删除任何字段或方法来更改结构, 方法是使用已序列化对象。

99500

Java面试基本问题

参数化构造函数: Java中参数化构造函数是能够使用提供初始化实例变量构造函数。换句话说,采用参数构造函数称为参数化构造函数。 Q7。Java中单例是什么?如何使单例成为单例?...Java中,访问修饰符是特殊关键字,用于限制对另一个,构造函数,数据成员和方法访问。...最终变量可以不同上下文中使用,例如: 最终变量 当final关键字与变量一起使用时,其一旦分配就无法更改。如果没有分配给最终变量,则仅使用构造函数可以将分配给它。...什么是Java中构造函数链接? Java中,构造函数链接是相对于当前对象从另一个构造函数调用一个构造函数过程。构造器链接只有通过继承才能实现,传统中,子类构造器负责首先调用超构造器。...尺寸必须在申报时定义 大小可以动态更改 需要指定索引才能添加数据 无需指定索引 数组未参数化类型 数组列表是类型 数组可以包含原始数据类型以及对象 数组列表只能包含对象,不允许使用原始数据类型 Q32

1.1K50

面试感悟:当经历所有大厂实习面试后

isProperty()方法测试一个对象是否存在另一个对象原型链上。 valueof:所有对象都有valueof,如果存在任意原始,他就默认将对象转化为表示它原始。...如果对象是复合,而却大部分对象无法真正表示一个原始,因此默认valueof()方法简单返回对象本身,而不是返回原始 12、splice和slice、map和forEach、 filter()、...会分配内存存储空间数组并返回,forEach()不会返回数据 4.forEach(): 不会返回任何有价值东西,并且不打算改变数据,单纯只是想用数据做一些事情,他允许callback更改原始数组元素...,作为子类实例返回 拷贝继承:拷贝父元素上属性跟方法 组合继承:构造继承 + 原型继承组合体 寄生组合继承:通过寄生方式,构造继承上加一个Super函数(没有实例和方法) 让他原型链指向父原型链...砍掉父实例属性,这样,调用两次父构造时候,就不会初始化两次实例方法/属性 14.2 给两个构造函数A和B,如何实现A继承B (Object.prototype) function A(.

1.2K00

史上最难10道 Java 面试题!

请记住, Java 中,所有另一个线程执行中侵入操作都被弃用了(例如 stop 方法)。 2、为什么Java中不支持多重继承?...例如,如果一段代码将 String “Test” 更改为 “TEST”,则所有其他客户也将看到该。...当你通过实现添加接口来更改结构时, 添加或删除任何字段可能会破坏默认序列化, 这可以通过自定义二进制格式使兼容可能性最小化, 但仍需要大量努力来确保向后兼容性。...Java 序列化过程仅在对象层次都是可序列化结构中继续, 即实现 Java 中可序列化接口, 并且从超级继承实例变量将通过调用构造函数初始化, 反序列化过程中不可序列化超级。...11) Java序列化机制中兼容更改兼容更改是什么? 真正挑战在于通过添加任何字段、方法或删除任何字段或方法来更改结构, 方法是使用已序列化对象。

83230

苏州同程旅游学长给我全面的面试知识库

此后无法更改。只读仅在我们要在运行时分配时使用。 14、什么是接口?举一个例子 接口是仅具有公共抽象方法抽象,并且这些方法仅具有声明而不具有定义。这些抽象方法必须在继承中实现。...使用Clone()方法,我们使用CopyTo()方法创建一个包含原始Array中所有元素新数组对象。现有阵列所有元素都将复制到另一个现有阵列中。两种方法都执行浅表复制。...委托是必需,因为它们可用于编写更多通用类型安全函数。 34、如何在C#中将一个继承到其他? 冒号C#中用作继承运算符。只需放置一个冒号,然后放置名。...方法重写中,我们派生更改了方法定义,从而改变了方法行为。方法重载是同一个中创建具有不同签名同名方法。 37、重载方法有哪些不同方式?...这就是为什么它们都公开原因。 39、我们如何设置要继承,但又要防止该方法被重写? 将该类声明为公共,并密封该方法以防止其被覆盖。 40、如果继承接口具有冲突方法名称,该怎么办?

3K20

挑战10个最难回答Java面试题(附答案)

请记住, Java 中,所有另一个线程执行中侵入操作都被弃用了(例如 stop 方法)。 2.为什么Java中不支持多重继承?...例如,如果一段代码将 String “Test” 更改为 “TEST”,则所有其他客户也将看到该。...当你通过实现添加接口来更改结构时, 添加或删除任何字段可能会破坏默认序列化, 这可以通过自定义二进制格式使兼容可能性最小化, 但仍需要大量努力来确保向后兼容性。...Java 序列化过程仅在对象层次都是可序列化结构中继续, 即实现 Java 中可序列化接口, 并且从超级继承实例变量将通过调用构造函数初始化, 反序列化过程中不可序列化超级。...11) Java序列化机制中兼容更改兼容更改是什么? 真正挑战在于通过添加任何字段、方法或删除任何字段或方法来更改结构, 方法是使用已序列化对象。

1.4K40
领券