前端面试css

前端面试100问！！

一只松·2025-03-02 00:55

前端面试题---2022

*集大成之面试题，我们不做面试题的创作者，只做面试题的搬运工（侵必删）〇理论一个完整的URL解析过程1用户输入URL地址。2对URL地址进行DNS域名解获得IP地址。3建立TCP连接（三次握手）。4浏览器向web服务器发送一个HTTP请求报文。5服务器返回HTTP响应报文给客户端。6关闭TCP连接（四次挥手）。7浏览器解析文档资源并渲染页面。解析过程：浏览器解析的资源（html，svg,Xhtml

每日一小知识·2025-03-02 00:22

深入探索CSS：从基础到高级，解锁网页设计的无限可能

CSS（层叠样式表）是现代网页设计中不可或缺的一部分，它不仅决定了网页的外观和风格，还极大地影响了用户体验和交互效果。

斯~内克·2025-03-01 22:35

终极指南：styled-components 深度解析与实战对比

一、CSS-in-JS革命：现代Web样式新范式1.1传统CSS的三大痛点全局污染：class命名冲突导致"样式战争"状态隔离：动态样式需要操作DOM类名架构割裂：样式文件与组件逻辑分离//传统CSS的典型问题实例

ox0080·2025-03-01 21:35

前端必知必会-Vue动画Animations-Transition ‘name‘ 属性

我们可以使用name属性选择组件的名称，这也会更改过渡类的名称，以便我们可以为该组件设置不同的CSS动画规则。

编程岁月·2025-03-01 20:26

java计算机毕业设计企业销售管理系统源代码+数据库+系统+lw文档

系统+lw文档java计算机毕业设计企业销售管理系统源代码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

今晚的月亮真好看·2025-03-01 19:48

HTML---css选择器

CSS指层叠样式表，是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为.css。使用CSS我们可以大大提升网页开发的工作效率！

lh_freak·2025-03-01 19:16

Vue打包（webpack）缓存

${Timestamp}.js`},},css:{extrac

歌歌的前端学习之路·2025-03-01 18:41

HTML+CSS学习笔记

目录一、emmet语法二、常用html标签使用方法：三、常用CSS样式css样式设计具体引入方式1.关于border边框的设计2.关于text文本内容的管理3.关于盒模型的分类以及position属性：

潘越越·2025-03-01 15:56

Recat学习

Recatv17.x项目开发框架搭建1.创建React项目2.暴露配置文件方法一方法二3.支持less4.支持scss/sass5.安装element-ui6.路由导航（常规使用）编译出错错误一错误二错误三错误四

freelb·2025-03-01 15:20

Python web基础知识，后端服务器开发，观点还停留在Java上吗！

各个部分需要哪些基础前端开发基础：HTML,CSS，JavaScti

道-闇影·2025-03-01 12:34

微信小程序底部导航栏实现凸出内凹效果

一般的解决方案是使用图片或者svg显示凹凸，或者利用css阴影效果遮挡切角。

hujie9371·2025-03-01 11:52

“伪元素”是啥

“伪元素”是啥CSS伪元素（Pseudo-elements）是一种特殊的CSS选择器，允许开发者在不修改HTML结构的前提下，通过样式表操作元素的特定部分或插入虚拟内容。

向贤·2025-03-01 08:29

什么是轮播图？如何实现轮播图？有几种方法？

实现轮播图的几种方法：使用纯HTML和CSS这种方法适用于简单的轮播图，主要依靠CSS动画和过渡效果实现图像的切换。适合静态或少量内容的展示。css实现轮播图.box{/*可视区域宽须设

妮在想什么·2025-03-01 08:58

基于web在线餐饮网站的设计与实现——蛋糕甜品店铺(HTML+CSS+JavaScript)

‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate

html网页制作·2025-03-01 06:40

CSS隐藏元素的方式

方式一：visibility属性visibility属性默认值是show，如果设置为hidden，元素会隐藏。元素看不见了，还占有原来的位置（元素的大小依然保持）。方式二：display属性设置display:none，就可以让元素隐藏。彻底地隐藏，不但看不见，也不占用任何位置，没有大小宽高。.隐藏元素的方式.box{width:400px;height:400px;}.box1{backgrou

林的快手·2025-03-01 05:31

css3实现缺角四边形_CSS3实现缺角矩形，折角矩形以及缺角边框

前言前几天偶然看到缺角矩形这个功能，脑袋中第一想法是，搞个绝对定位的伪元素，哪里需要挡哪里，或者找UI小哥聊聊天，忽然灵光一闪，想起之前翻过的《CSS揭秘》一书，记得有这个篇章，遂有了此文。

weixin_39953102·2025-03-01 04:59

css3实现缺角四边形_CSS3绘制六边形的简单实现

因为很简单，所以先总结一下：使用CSS3绘制六边形主要使用伪类:before和:after在源元素之前和之后再绘制两个元素，并利用css3的边框样式，将这两个元素变成三角形放置在源元素的两端即可。

陈宇直·2025-03-01 04:59

面试之《前端开发者如何优化页面的加载时间？》

前端开发者可以从多个方面入手优化页面的加载时间，以下是一些常见且有效的方法：优化资源加载压缩资源文件：对HTML、CSS、JavaScript文件进行压缩，去除不必要的空格、注释等，减小文件体积，加快下载速度

只会写Bug的程序员·2025-03-01 04:28

CSS实现图片缺角效果

效果：源码：123body{margin:0;padding:0;background:#f9f9f9;display:flex;align-items:center;justify-content:center;height:100vh;}.row{display:flex;padding:30px;gap:30px;flex-wrap:wrap;background:inherit;}.box

凉风听雪·2025-03-01 04:24

计算机毕业设计Java-ssm餐厅线上点菜系统源码+系统+数据库+lw文档

lw文档计算机毕业设计Java-ssm餐厅线上点菜系统源码+系统+数据库+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

双双科技·2025-03-01 02:42

前端杂学录（七）

1.响应式布局方案1.媒体查询特点媒体查询是CSS的一部分，可以根据设备的特性（如宽度、高度、分辨率等）应用不同的样式。

真的不想学习啦·2025-03-01 01:09

vue3导入字体

1.如何导入字体新建一个fonts.scss文件夹@font-face{font-family:'优设标题黑';//字体别名src:url('..

hdufu123·2025-03-01 00:02

Webpack、Vite区别知多少？

一、工具定义1、Webpack：是一个强大的静态模块打包工具，它可以将各种类型的文件，如JavaScript、CSS、图片等，作为模块进行打包，并生成最终的静态资源文件。

m0_74824044·2025-02-28 23:58

java毕业设计家教管理系统mybatis+源码+调试部署+系统+数据库+lw

lwjava毕业设计家教管理系统mybatis+源码+调试部署+系统+数据库+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

练练科技·2025-02-28 22:17

java毕业生设计宠物领养管理系统计算机源码+系统+mysql+调试部署+lw

lwjava毕业生设计宠物领养管理系统计算机源码+系统+mysql+调试部署+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS

你眼里的星星·2025-02-28 22:17

太强了！测试 Claude 3.7 Sonnet 模型前端代码能力提示词及Claude Code 系统提示词

Claude3.7Sonnet测试模型的前端代码能力提示词；CreateasingleHTMLfilecontainingCSSandJavaScripttogenerateananimatedweathercard.Thecardshouldvisuallyrepresentthefollowingweatherconditionswithdistinctanimations

技术程序猿华锋·2025-02-28 22:46

CSS自定义字体与动画：为网页增添独特魅力

CSS高级语法之自定义字体与动画文章目录CSS高级语法之自定义字体与动画前言一、CSS自定义字体为什么要自定义字体如何实现自定义字体使用@font-face规则应用自定义字体二、CSS动画CSS动画的基础概念创建简单的

wertuiop_·2025-02-28 21:41

完美隐藏滚动条方案 (2024 最新验证)

AF01·2025-02-28 19:56

【商城系统部署到上线】

以下是一些关键技能：一、前端开发技能HTML/CSS页面结构搭建：HTML用于构建网页的基本结构，如头部、导航栏、商品展示区、购物车等各个功能区域的框架。

启山智软商城源码·2025-02-28 18:24

跨平台开发--Weex

Weex是一款由阿里巴巴开源的跨平台移动开发框架，本篇从其定义、特点、应用场景等方面进行介绍：定义与背景Weex允许开发者使用JavaScript、HTML和CSS等前端技术来构建跨平台的原生移动应用，

前端_学习之路·2025-02-28 17:17

vue - 详解西瓜视频插件xgplayer自定义播放器界面布局及样式细节，强力覆盖修改西瓜播放器的CSS样式，修改播放/暂停按钮大小或图标、增加扩展按钮、修改快捷键图标、整体颜色主题、视频加载状态等

西瓜视频播放器后如何修改界面样式和快捷按钮样式大小等，强力修改西瓜播放器的视频加载图标及大小、播放和暂停按钮样式、全屏按钮样式、音量调解、整体色调、进度条样式等，vue西瓜视频插件自定义播放器及功能按钮的布局排版及css

街尾杂货店&·2025-02-28 17:16

Selenium自动化测试实战教程详解

借助ChromeDevTools，开发人员可以更深入地访问网站，并能够：检查DOM中的元素即时编辑元素和CSS检查和监控网站的性能模拟用户的地理位置模拟更快/更慢的网络速度执行和调试JavaScr

程序员杰哥·2025-02-28 16:05

响应式前端开发框架Bootstrap实战应用

该框架含有预定义的CSS样式、JavaScript插件、HTML模板和更多资源，以支持高效和模块化的Web应用开发流程。本压缩包中可能包含Boo

马屿人·2025-02-28 11:01

Vue中常见问题汇总及解决方案（二）

目录CSSbackground引入图片打包后,访问路径错误安装模块时命令窗口输出unsupportedplatformxxxUnexpectedtabcharater这些Failedtomountcomponent

小刘哥007·2025-02-28 10:26

【2025年】全国CTF夺旗赛-从零基础入门到竞赛，看这一篇就稳了！

基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包目录一、CTF简介二、CTF竞赛模式三、CTF各大题型简介四、CTF学习路线4.1、初期1、html+css+js（2-3天）2、apache

白帽黑客鹏哥·2025-02-28 10:52

STL两级空间配置器＜128kb（内存池+自由链表）与一级空间配置器(mmap(),allocate())

STL的两级空间配置器（Two-LevelAllocator）STL（标准模板库）中的两级空间配置器（Two-LevelAllocator）是SGISTL（SiliconGraphicsSTL）设计的内存管理机制

zjkzjk7711·2025-02-28 10:20

前端开发中的常见问题与疑惑：解析与应对策略

1.引言1.1前端开发的复杂性前端开发涉及HTML、CSS、JavaScript等多种技术，同时还需要考虑性能优化、跨浏览器兼容性、用户体验等问题。随着前端技术的快速发展，开发者面临的挑战也越来越多。

lina_mua·2025-02-28 09:09

Vue.js组件开发：从基础到进阶

一、Vue.js组件的基础Vue.js中的组件可以理解为一个具有特定功能的代码块，它通常包含视图（HTML）、样式（CSS）和逻

码上飞扬·2025-02-28 04:57

HTML中 video标签样式铺满全屏

video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式关键是这个“object-fit:fill”，这样就可以解决了！

小华0000·2025-02-28 01:37

阿里巴巴在线图床HTML源码

介绍：阿里巴巴在线图片上传源码纯单页模板，CSS全部外链化，加快访问速度转载请注明出处AE博客|墨渊»阿里巴巴在线图床HTML源码网盘下载地址：http://kekewl.org/1CUeRcKpHXj

tupaopao123·2025-02-28 01:33

一款色彩绚丽的个人主页源码

源码介绍一款色彩绚丽的个人主页源码，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果效果预览源码获取一款色彩绚丽的个人主页源码

酷爱码·2025-02-28 00:58

CSS从入门到精通

文章目录CSS技术什么是CSSCSS的用法选择器标签名选择器class选择器id选择器分组选择器属性选择器盒子模型margin（外边距）border（边框）padding（内边距）元素类型的补充块级元素行内元素行内块元素永和门店系统用户注册练习

cgblpx·2025-02-27 23:20

CSS—盒模型(3分钟结合示例精通盒模型)

个人博客：haichenyi.com。感谢关注1.目录1–目录2–概念3–内容4–内边距5–边框6–外边距7–类型概念在HTML中，每一个元素都可以看作一个矩形的盒子。如图如上图所示，一个一个的矩形都可以堪称一个元素。矩形有大有小，边有粗有细，离HTML四周的边距有近有远。在HTML里面，一个盒子的大小，边的粗细，离四周的距离这都是盒模型的组成要素。我们以边为分界线，把一个盒模型分为"

海晨忆·2025-02-27 23:18

HTML5期末大作业：基于 html css js仿腾讯课堂首页

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS

web学生网页设计·2025-02-27 23:47

探索前端开发的无限可能：30个HTML+CSS案例集锦

探索前端开发的无限可能：30个HTML+CSS案例集锦30个HTMLCSS前端开发案例完结篇项目地址:https://gitcode.com/Resource-Bundle-Collection/a6ecb

唐红娉Trevor·2025-02-27 23:15

一周学会Flask3 Python Web开发-Jinja2模版中加载静态文件

Flask3PythonWeb开发Flask3视频教程：2025版Flask3Pythonweb开发视频教程(无废话版)玩命更新中~_哔哩哔哩_bilibili一个Web项目不仅需要HTML模板，还需要许多静态文件，比如CSS

java1234_小锋·2025-02-27 23:44

CSS从入门到精通——基础知识

第1关：初识CSS：丰富多彩的网页样式通过编写CSS给网页添加基本的样式,补全Begin至end中间的部分，选择index.html文件，设置其CSS样式为：修改h1标题的text-align为居中显示

Ssaty.·2025-02-27 23:12

html标签及属性详解,常用的HTML标签详解与总结

stlye标签用于定义元素的CSS样式/*这里写css样式*/script标签用于定义页面的JavaScript代码，也可以引入外部的JavaScript文件。

释宣导·2025-02-27 20:23

HTML专题之语义化

前言石匠敲击石头的第3次有一道经典的前端面试题：如何理解HTML语义化？如果让我自己回答，我会说语义化会让HTML代码更利于维护，并且有利于SEO的优化。

·2025-02-27 17:39

推荐频道