前端面试-CSS

【CSS进阶】CSS元素的水平、垂直居中方法

在前端开发中，实现水平居中和垂直居中是常见的需求。不同的HTML元素（块级元素、行内元素、行内块元素）以及不同的布局方式（传统布局、Flexbox、Grid、绝对定位）会有不同的居中方法。以下是各类居中方式的总结：1.水平居中（HorizontalCentering）1.1图片水平居中方法1：background-position当使用background-image设置背景图片时，可以通过bac
Bl_a_ck·2025-02-16 09:05

Webpack 打包性能优化指南

引言Webpack是一款非常强大的模块打包工具，它能够将各种资源（如JS、CSS、图片等）打包成一个或多个浏览器可以理解的文件。
不知名靓仔·2025-02-16 06:44

教育定制开发中，如何通过代码实现多终端适配？

一、多终端适配的关键技术响应式设计（ResponsiveDesign）使用CSS媒体查询，根据屏幕大小动态调整页面布局。前端框架支持借助前端框架如Bootstrap、Tailwi
万岳科技系统开发·2025-02-16 04:05

Vue和React的区别

组件开发方式：Vue使用单文件组件（SFC）,HTML,JS和CSS在一个文件内实现exportdefault{//JavaScript代码}.my-component{/*CSS样式*/}React使用
挨踢女孩y·2025-02-16 01:11

vue项目中更改elementui样式

1.新建全局样式表新建global.css文件，并在
懒人村杂货铺·2025-02-16 01:40

疯狂前端面试题(四)

一、Ajax、JSONP、JSON、Fetch和Axios技术详解1.Ajax（异步JavaScript和XML）什么是Ajax？Ajax是一种用于在不刷新页面的情况下与服务器进行数据交互的技术。它通过`XMLHttpRequest`对象实现。优点-支持同步和异步请求。-能够发送和接收多种格式的数据（如JSON、XML等）。缺点-原生代码较复杂。-不支持跨域请求（需要服务器配置CORS或使用JSO
吃蛋糕的居居·2025-02-16 01:40

JavaScript窗口大小变化事件：window.resize

1.前言在Web开发中，JavaScript是一种强大的脚本语言，它可以与HTML和CSS一起使用，为用户提供交互性和动态性的体验。
星际编程喵·2025-02-16 00:05

Web前端面试题(持续更新中)

一、闭包是什么JS中内层函数可以访问外层函数的变量，使内部私有变量不受外界干扰，起到保护和保存的作用，我们把这个特性称作闭包。好处：1.隔离作用域，保护私有变量；有了闭包才有局部变量，要不然都是全局变量了。2.让我们可以使用回调，操作其他函数内部；3.变量长期驻扎在内存中，不会被内存回收机制回收，即延长变量的生命周期；坏处：内层函数引用外层函数变量，内层函数占用内存。如果不释放内存，过多时，易引起
Bearin·2025-02-16 00:30

2024年最新入门基于Node的Web框架——Koa(2)，2024年最新前端开发面试题及答案

最后文章到这里就结束了，如果觉得对你有帮助可以点个赞哦开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】},“querystring”:“search=koa&keyword
2301_82243626·2025-02-15 23:30

js考核第三题

html部分开始结束css部分body{margin:0;padding:0;display:flex;flex-direction:column;height
2401_88560642·2025-02-15 23:28

网页设计与制作成品——蛋糕甜品店铺(HTML+CSS+JavaScript)

‍静态网站的编写主要是用HTMLDIV+CSSJS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate
二挡起步·2025-02-15 23:52

【HTML5网页设计成品】基于HTML+CSS+JavaScript网上订餐系统(23个页面)

文章目录二、✍️网站描述三、网站介绍四、网站演示五、⚙️网站代码HTML结构代码六、如何让学习不再盲目七、更多干货❤【作者主页——获取更多优质源码】❤【学习资料/简历模板/面试资料/网站设计与制作】❤【web前端期末大作业——毕设项目精品实战案例】#一、‍网站题目‍学生管理系统网页设计、OA管理系统、后台管理模板、智能停车系统、等网站的设计与制作。二、✍️网站描述️HTML网页设计，采用DIV+C
二挡起步·2025-02-15 23:52

HTML+CSS+JSP的不同注释

1.HTML注释2.CSS注释/**/3.JSP注释1)单行：//2)多行：/**/4.打印1)1.1页面打印：CSSh3{font-size:30px;color:red;}被css控制显示在界面上1.2
宁酱醇·2025-02-15 19:29

localStorage实现本地信息存储

基于HTML,CSS,JS代码，利用localStorage本地存储实现学生信息添加的综合小案列效果图：本地存储格式：HTML代码：学生信息管理新增学员姓名：年龄:性别:男女薪资:就业城市:北京上海广州深圳曹县录入学生就业统计表共有数据
半旧夜夏·2025-02-15 19:59

React Hooks 与 Vue Composition API 的区别

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程
阿珊和她的猫·2025-02-15 18:21

一款好看的UI美化赞赏单页HTML源码

源码介绍一款好看的UI美化赞赏单页HTML源码，可以当成组件放到网站项目里，源码由HTML+CSS+JS组成，记事本打开源码文件可以进行内容文字之类的修改，双击html文件可以本地运行效果效果预览源码获取一款好看的
CSDN专家-微编程·2025-02-15 17:06

Amaze UI web mobile 前端框架

blog.html-博客页面模板（预览）；landing.html-LandingPage模板（预览）；login.html-登录界面模板（预览）；sidebar.html-带边栏的文章模板（预览）；在app.css
iteye_20240·2025-02-15 16:02

按钮的“禁用”样式

有时由于需要，需要将自己写的按钮禁用如：保存css:.save{display:block;width:50px;height:50px;line-height:50px;border-radius:100%
wangbinXMU·2025-02-15 15:25

a标签（普通标签如span）没有disabled属性 ，怎样利用js实现该属性

a标签以及其她普通标签没有disabled属性，要想实现类似input框属性disabled可以通过css样式设置pointer-events的值来设定：aonclickdisabledaAlertspanAlert
weixin_30252709·2025-02-15 15:25

web第二次作业

一、小鹅通首页开发二、代码：index.html:小鹅通-首页style.css:*{margin:0;padding:0;box-sizing:border-box;}html,body{width:
mbx0715·2025-02-15 15:52

解决CSS中设置＜span＞标签失效的方法

引用原文：https://www.jb51.net/css/112384.html‘’’spanid=‘span_slide_container’style=‘display:block;overflow-y
学技术的翻译小白·2025-02-15 14:50

html制作大白,怎样用HTML和CSS做出大白？

您最好对HTML和CSS有一定的了解HTML代码背景颜色为灰色或者黑色，更容易衬托出大白body{background:#595959;}#baymax{/*设置为居中*/margin:0auto;/*
张竞扬 摩尔精英·2025-02-15 11:56

用纯CSS画大白

纯CSS打造网页大白知识点：首先要把大白分割，整体baymax中包含header（eye1,eye2,mouth），torso（heart），belly（cover），l-bigfinger,r-bigfinger
weixin_30810583·2025-02-15 11:56

看到别人用css3写的baymax ，大白，挺萌的

http://www.w3cfuns.com/blog-5455933-5404334.html这是作者博客，转载和使用请标明。无标题文档*{margin:0;padding:0;}body{background:#999;}.Baymax{width:300px;height:600px;margin:20pxautoautoauto;position:relative;}.head{width
a_water_drop·2025-02-15 11:20

vue中的富文本框的使用（vue-quill-editor）

vue-quill-editornpminstallvue-quill-editor二、在main.js中引入importVueQuillEditorfrom'vue-quill-editor'import'quill/dist/quill.core.css'import'quill
知否灬知否·2025-02-15 09:37

css优化-will-change: transform

will-change:transformtransform:matrix3d(0,0,0);will-change的作用will-change的作用就是告诉浏览器某个元素将要发生的变化，从而使浏览器在渲染过程中提前分配和优化相应的资源。会使得动画变得流畅一些,只在需要优化的元素上使用will-change，避免对所有元素都进行指定例如，当我们设置了will-change:transform时，浏
是谁眉眼·2025-02-15 09:36

@media使用方法

@media是CSS3中的一个重要特性，它允许我们根据设备的特性（如设备的宽度、高度、方向、分辨率等）来应用不同的样式规则。
孩子 你要相信光·2025-02-15 06:39

36.Web前端网页制作 NBA体育主题网页设计实例 大学生期末大作业 html+css+js

目录一、前言二、网页文件三、网页效果四、代码展示1.HTML2.CSS3.JS五、更多推荐一、前言本实例以“体育”NBA为主题设计，应用html+css+js，包括图片轮翻效果、视频、表单等，12个子页面
d321654987123·2025-02-15 04:55

rpx与px换算

点击跳转到网站rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。
璞~·2025-02-15 01:28

rpx和px混用方案

（1）创建一个全局的样式配置文件：//styles/variables.scss:root{ //基础字体大小 --font-size-xs:12px; --font-size-sm:14px; --font-size-md
大袤宏图·2025-02-15 00:54

前端性能优化全面指南：从基础到进阶

1.关键渲染路径（CriticalRenderingPath）优化最小化关键资源：确保页面加载的初始请求尽可能少，合并CSS和JavaScript文件，使用内联CSS和JavaScript（对于非常小的脚本和样式
尤山海·2025-02-14 23:47

手把手教你搭建自己的微信编辑器

功能特性支持Markdown所有基础语法、数学公式提供对Mermaid图表的渲染和GFM警告块的支持丰富的代码块高亮主题，提升代码可读性允许自定义主题色和CSS样式，灵活定制展示效果提供多图上传功能，并可自定义配置图床便捷的文件导入
@菜鸟进阶记@·2025-02-14 22:37

区分h5页面和原生页面

下面是这两个的概念和区别一、技术基础与实现方式H5页面：基于HTML5、CSS和JavaScript等Web技术开发。
Jenna的海塘·2025-02-14 20:48

html css js网页制作成品——HTML+CSS+js情人节网页设计（5页）附源码

目录一、‍网站题目二、✍️网站描述三、网站介绍四、网站效果五、代码实现HTML
软件技术NINI·2025-02-14 19:47

Less CSS 预处理器

目录安装注释嵌套变量操作命名空间和访问器扩展Extend混合Mixins传递规则集给混合函数Guards导入import转义字符合并父选择器Less用法Less插件程序化使用安装安装lessc以供全局使用：通过NPM(节点程序包管理器)在服务器上安装Less：npminstallless-g您还可以在包名称后面添加特定版本。例如:[email protected]安装到项目开发npmil
安之若素づ·2025-02-14 15:45

video标签进行css样式修改

video::-webkit-media-controls-panel{//全屏按钮display:none!important;-webkit-appearance:none;}video::-webkit-media-controls-play-button{//播放按钮display:none!important;-webkit-appearance:none;}video::-webkit
codekjy·2025-02-14 15:12

vite.config.ts的配置项（配置别名，全局将css属性单位px转化为vw，引入less,vantUI,打包压缩，代理）

defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importlegacyfrom'@vitejs/plugin-legacy'importpostcsspxtoviewportfrom'postcss-px-to-viewport'importstyleImport
codekjy·2025-02-14 14:35

Next.js v15-样式处理

#题引：我认为跟着官方文档学习不会走歪路Next.js支持多种为应用程序添加样式的方法，包括：CSSModules：创建局部作用域的CSS类，避免命名冲突并提高可维护性。
红绿鲤鱼·2025-02-14 11:45

推荐：Next.js 企业级脚手架模板

next-enterpriseAnenterprise-gradeNext.jsboilerplateforhigh-performance,maintainableapps.PackedwithfeatureslikeTailwindCSS
潘俭渝Erik·2025-02-14 10:11

再学Blazor——概述

使用C#语言创建丰富的交互式UI共享前后端应用逻辑可以生成混合桌面和移动应用受益于.NET的性能、可靠性和安全性需要有HTML、CSS、JS相关基础（开发UI框架的话）组件化设计，类似React、Vue
·2025-02-14 09:08

少数人知道的 10 个神奇 CSS 选择器

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在Web开发中，CSS扮演着至关重要的角色，但很多开发者并没有真正发掘它的全部潜力！
·2025-02-14 09:07

javascript网页设计案例

1.HTML结构任务列表我的任务列表添加任务2.CSS样式（styles.css）body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin
咚微灯·2025-02-14 06:14

React框架基础教程

语法组件状态与属性事件处理组件生命周期挂载、更新、卸载错误边界状态管理useState钩子useEffect钩子ContextAPI路由管理ReactRouter介绍路由配置表单与受控组件表单基础知识受控组件与非受控组件样式与布局内联样式CSS
没有黑科技·2025-02-14 06:34

前端面试题

文章目录一、闭包（完）二、原型链（完）三、防抖和节流（完）四、Vue相关1、MVC和MVVM的区别2、v-model原理3、vue中的data为什么是一个函数？（面试常问）4、v-if和v-show的区别5、v-for中为什么要有key6、dist目录打包后过大，解决办法？7、watch和computed的区别8、子组件给父组件传递数据9、全局事件总线：可以实现任意组件间的数据传递10、Vue生命
木輮·2025-02-14 04:21

CSS预处理器——SCSS的灵活语法

目录一、概述二、SCSS的基本语法和特性（一）变量（二）嵌套规则（三）混合器（Mixins）（四）继承（五）运算符（六）函数（七）条件语句（八）循环三、SCSS的优势四、SCSS的应用场景一、概述SCSS
像素检测仪·2025-02-14 02:55

2019 - Web开发技术指南和趋势

你不需要学习所有的技术成为一个web开发者这个指南只是通过简单分类列出了技术选项我将从我的经验和参考中给出建议首选我们会介绍通用的知识,最后介绍2019年的Web的一些趋势1.基础前端开发者1.1HTML&CSSHTML
编程鸭·2025-02-14 01:47

前端面试题

以下是一些前端较新的面试题：一、现代框架相关（以React为例）ReactHooks（如useState、useEffect）与传统类组件相比有什么优势？答案：代码更简洁：Hooks允许在不编写类组件的情况下使用状态和其他React特性。例如，使用useState可以轻松在函数组件中添加状态，而类组件需要通过this.state和this.setState来管理状态，代码相对繁琐。更好的逻辑复用：
·2025-02-14 00:27

MVC和react

Model（模型）表示应用程序核心（比如数据库记录列表）.(2)View(视图)显示数据（数据库记录）.(3)Controller（控制器）处理输入（写入数据库记录）.2.MVC模式同时提供了对HTML、CSS
吃蛋糕的居居·2025-02-13 23:00

web&安卓逆向之必学CSS基础知识

文章目录CSS基础知识一、CSS的介绍1.CSS的定义2.CSS的作用3.CSS的基本语法4.小结二、css的引入方式1.行内式语法格式：特点：适用场景：2.内嵌式（内部样式）语法格式：特点：适用场景：
安替-AnTi·2025-02-13 22:59

【学术投稿-2025年计算机视觉研究进展与应用国际学术会议 (ACVRA 2025)】CSS样式解析：行内、内部与外部样式的区别与优先级分析

简介2025年计算机视觉研究进展与应用（ACVRA2025）将于2025年2月28-3月2日在中国广州召开，会议将汇聚世界各地的顶尖学者、研究人员和行业专家，聚焦计算机视觉领域的最新研究动态与应用成就。本次会议将探讨前沿技术，包括深度学习、多模态学习、图像和视频分析、3D重建等，以及其在智能交通、医疗影像、增强现实和自动化等多个实际应用中的创新转化。会议官网：www.acvra.org目录前言一、
禁默·2025-02-13 20:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他