前端开发2025年09月23日
如何为组件添加 CSS 的 class？ 传递一个字符串作为 className 属性： render() { return <span className="menu navigation-menu">Menu</span> } CSS 的 class 依赖组件的 props 或 ...
前端开发2025年09月23日
目录 前提： 设置HTML结构： 创建CSS样式： 编写JavaScript代码： 响应式设计： 添加触摸事件支持： 测试并优化： 代码示例： 前提： 要在网页上实现一个适用于PC端和移动端的俄罗斯方块游戏，您可以使用HTML、CSS和JavaScript。HTML5的Canvas元素可以让您轻松地在网页上绘制图形。以下是一些实现该游戏的基本步骤： 设置H...
前端开发2025年09月23日
看了《 less 的 & 详解 https://www.jianshu.com/p/127b0974cfc3》，对于此文再做一别补充 常见用法： 直接嵌套写法 .a{ color:red; .b{ color:blue; } } 这一类是最常见的 这个一类是我们日常所常见的 &的高级用法 作为内层选择器表示对父选择器的引用 父...
前端开发2025年09月22日
CSS概念 css的使用是让网页具有统一美观的页面，css层叠样式表，简称样式表，文件后缀名.css css的规则由两部分构成：选择器以及一条或者多条声明 选择器：通常是需要改变的HTML元素 声明：由一个属性和一个值组成，每个属性有一个值，属性和值使用类似key：value的形式（如下方h1就是选择器，color就是属性，rebeccapurple就是值，...
前端开发2025年09月22日
网页中img标签图片排版在工作中经常会遇到，如果图片大小比例不一样，想整齐对应排列会让图片变形，本文介绍CSS如何实现图片等比例缩放不变形。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo...
前端开发2025年09月21日
...
前端开发2025年09月21日
什么是FC？ FC是Formatting Context的缩写，中文名：格式化上下文。是 W3C在CSS2.1 规范中的一个概念。 FC是指页面中一篇渲染区域，渲染区域内使用的格式化上下文的渲染规则，决定了该区域以及其子元素如何定位。当然，使用同的渲染规则，也会对其他元素的起到相互关系的作用。 主要有哪些FC？ 主要的格式化上下文渲染规则一共有4种，分别是B...
前端开发2025年09月20日
At-rules规则是目前CSS中一种常见的语法规则，它使用一个"@"符号加一个关键词定义，后面跟上语法区块，如果没有则以分号结束即可。 这种规则一般用于标识文档、引入外部样式、条件判断等等，本文是对该规则的使用总结。 常用规则 @import @import 主要用于从其他样式表导入新的样式规则，语法：@import url|strin...
前端开发2025年09月20日
你知道的和你不知道的所有选择器。不包含尚未广泛实现的，也不包含已弃用的。 基本的选择器规则（Selector） 类型（Type）选择器 直接用标签匹配特定的元素 span { ... } p { ... } 类（Class）选择器 以.开头，匹配含有这个 class 的元素 .info { ... } p.info { /* 匹配含有 info 类的 p 元...
前端开发2025年09月19日
HtmlWebpackPlugin runtimeChunks 注入问题。 描述 写了一个极其简单的多页面 demo 启动开发服务器，发现样式没了，打开控制台，发现 js 也没有执行。 但是 build 一切正常。 webpack 配置如下： const path = require('path'); const HtmlWebpackPlugin = r...