2022前端笔试面试题

1.CSS盒子模型的构成是__,__,__,__.答:margin border padding content2.二叉树的中序遍历顺序是badce,后续遍历顺序是bdeca,问前序遍历的顺序。答:abcde知识点:二叉树前序遍历顺序:当前->左节点->右节点;中序遍历顺序:左节点-&g

scrollTop、clientHeight、 scrollHeight...学完真的理解了

在开发中我们常常会用到判断滚动条是否触底的逻辑。我一般都会在网上搜一段代码,这段代码有用到scrollTop、clientHeight、 scrollHeight 。接着我简单看一下好像理解了,再在项目里用一下好使了就没去深入研究相关概念。等下次用到了还是搜一下,自己写不出来…于是笔者想想深入研究一

CSS栅格布局(Grid)

今天写页面布局,突然想到了栅格布局,以往习惯了弹性布局,然后发现栅格布局有点香,然后就简单的整理了一下,用于学习与分享。 可以理解为将一个元素分成行列,然后可以设置对应的大小、布局、位置。划分行列 使用 grid-template-columns 划分列数使用 grid-templa

uniapp中table表格设置宽度无效的原因及解决办法

表格为什么设置宽度失效,一文解决为什么。

CSS实现: 水平居中 的几种方法

margin值auto、position(子绝父相)+偏移值left+margin-left、position+偏移left+CSS2d transform、text-align:center;+display:inline-block;、display:flex;justify-content:c

css - 如何禁用 <a> 标签点击,让 <a> 标签实现 disabled 禁用效果(鼠标无法触发点击事件)

css中的a标签无disable属性,如何禁用a标签的点击事件css 禁用 a 标签vue项目禁用a标签的点击事件css里a标签禁用css中如何禁用a标签按钮CSS-禁用a标签css如何禁止a标签跳转怎样禁用css中a标签按钮css如何让a标签不可用使用纯css禁用html中a标签无需JavaScr

html中关于侧边导航栏和导航栏的编写

关于侧边导航栏和下拉菜单纯css编写

css实现一个炫酷的渐变色边框

🚀对于我们一些比较炫酷的ui设计我们经常会出现一些渐变色的样式,比如渐变色的背景,渐变色的边框,本文以一个ui设计稿展开,为大家带来常见的渐变色绘制方法,废话不多说直接上图🐛:这是一个我们需要制作完成的渐变色的ui设计稿,我们使用的ui设计平台是平台,可以看到ui的稿件中的样式是这样的:核心就是

怎么移除css的hover事件

方法取消绑定的hover事件即可。因为.hover()是jQuery自己定义的事件,是为了方便用户绑定调用mouseenter和mouseleave事件而已,它并非一个真正的事件,所以当然不能当做.on()中的事件参数来调用。大家都知道,可以使用off函数去取消绑定的事件,但是只能取消通过bind绑

css3渐变色

作用:让元素在两个或多个指定的颜色之间显示平稳的过渡。种类:分为线性渐变与径向渐变一、线性渐变1、向下/向上/向左/向右/对角方向语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...);direct

selenium定位元素 -xpath

xpath

flex布局优化(两端对齐,从左至右)

flex布局是前端常用的布局方式之一,但在使用过程中,我们总是感觉不太方便,因为日常开发中,大多数时候,我们想要的效果是这样的即左右两端对齐并顶满,小盒子左右间距一致,并且从左至右排布。今天主要就来讨论,通过css,有几种方式来实现,以及它们的优缺点。三种方式中,第二种方式最简单,但兼容性有限;第一

使用 Git 版本控制查看文件的更改历史记录

如何查看单个文件的历史记录以及更改内容的完整详细信息?git log -- [filename] 向我显示文件的提交历史记录,但如何查看更改的文件内容?

〖大前端 - 基础入门三大核心之CSS篇⑲〗- CSS精灵的使用 与 background综合属性

书接上一篇,我们继续学习背景中css精灵的使用、background综合属性和背景渐变。

选 择 器

1、三种基本选择器(重要)(1)基本选择器(2)类选择器 class(3)id选择器2、层次选择器(1)后代选择器(2)子选择器(3)相邻兄弟选择器(4)通用选择器3、结构伪类选择器(1)这个就是ul的第一个元素(2)这个是ul的最后一个元素 (3)选中p1 :定位到父元素,选择当前的第一个元素(4

设置背景图片大小的方法

等比例缩放填满盒子

jq获取和设置标签的css样式、jq给标签增加或移除class属性

addClass()、removeClass()、toggleClass()、hasClass()、css()

超实用!JavaScript修改CSS变量,达到动态修改样式的目的

在网页开发中,我们通常使用CSS来设置网页的样式。但是,在开发过程中,有时候我们需要根据不同的条件来动态修改样式,这时候就需要使用JavaScript来实现。在CSS中,有一种变量的概念,可以使用变量来定义颜色、字体大小等样式属性。在本篇文章中,我们将介绍如何使用JavaScript来修改CSS变量

css行间距怎么设置(CSS设置行间距)

如果用的是word文字处理软件,操作步骤如下1.打开WORD,选中需要调整的段落或者整篇文档,2.在选中变色的整体段落上,点击鼠标右键,3.选择段落-字间距,然后调整到你认为合适后,4.点击确定。方法一:在html中,可以使用letter-spacing属性设置文字间距,该属性可以增加或减少字符间的

让她/他心动的告白,页面制作(9个页面+链接+代码,原生HTML+CSS+JS实现)

8个前端表白小案例,即取即用,祝您找到另一半,祝大家520心想事成。

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈