当前位置：首页 > news >正文

普通 html 项目也可以支持 scss_sass

news 来源：原创 2025/5/13 21:27:25

项目结构示例

在这里插入图片描述

下载vscode的插件Live Sass Compiler

自动监听编译scss

在这里插入图片描述

下载插件Live Server

用于 web 服务器，打开 html 文件到浏览器，也可以不用这个，自己用 nginx 或者宝塔其他 web 工具

在这里插入图片描述

新建一个 index.scss打开，点击 vscode 底部的按钮启动监听

每次修改 scss 文件，都是会自动生成 index.css，项目引入这个文件使用

在这里插入图片描述

根目录已生成同名的 css 文件

在这里插入图片描述

index.html 引入使用

在这里插入图片描述

启动 web 服务器看效果

在这里插入图片描述

点击按钮后，会自动打开默认浏览器打开页面

在这里插入图片描述

普通 html 项目也可以支持 scss_sass

项目结构示例下载vscode的插件Live Sass Compiler 自动监听编译scss 下载插件Live Server 用于 web 服务器，打开 html 文件到浏览器，也可以不用这个，自己用 nginx 或者宝塔其他 web 工具新建一个 index.scss打开，点击 vscode 底…...

编程日记 2025/5/13 21:27:25

C#实现主流PLC读写工具类封装

以下是针对三菱、欧姆龙、西门子S7系列、汇川、台达PLC的完整封装工具类实现，基于Modbus TCP/RTU、MC协议、QJ71等主流通信协议：基础接口定义 /// <summary> /// PLC操作基础接口 /// </summary> public interface IPLC {/// <summary>/// 连接PLC/// &…...

编程日记 2025/5/2 5:12:45

C++之特殊类设计及类型转换

目录一、设计一个不能被拷贝的类二、设计一个只能在堆上创建对象的类三、设计一个只能在栈上创建对象的类四、设计一个不能被继承的类五、设计一个只能创建一个对象的类(单例模式) 六、C语言中的类型转换七、C中的三类类型转换八、C强制类型转换 8.1、为什么C需…...

编程日记 2025/5/5 14:22:21

【Linux】C语言补充知识

有一些Linux常见的C语言用法需要哈好复习一下。部分图片和经验来源于网络，若有侵权麻烦联系我删除，主要是做笔记的时候忘记写来源了，做完笔记很久才写博客。专栏目录：记录自己的嵌入式学习之路-CSDN博客 1 结构体 1.1 结…...

编程日记 2025/5/2 5:11:43

怎么查看数据库容量

要查看数据库容量，你需要登录数据库管理系统，然后执行相应的 SQL 查询语句。不同的数据库管理系统有不同的语法，以下是一些常见的数据库管理系统中查看数据库容量的 SQL 查询语句示例： MySQL/MariaDB: SELECT table_schema &quo…...

编程日记 2025/5/2 5:11:42

深度学习中卷积的计算复杂度与内存访问复杂度

深度学习中卷积的计算复杂度与内存访问复杂度在深度学习中，普通卷积（Standard Convolution）、深度可分离卷积（Depthwise Separable Convolution, DWConv）和部分卷积（Partial Convolution, PConv&#xff…...

编程日记 2025/5/2 5:11:42

神经网络—损失函数

文章目录前言一、损失函数概念二、损失函数原理1、分类问题中常见的损失函数（1）0-1损失函数原理优缺点 （2）交叉熵损失（Cross-Entropy Loss）原理优缺点 （3） 合页损失（Hin…...

编程日记 2025/5/2 5:11:41

Rust中避免过度使用锁导致性能问题的策略

一、引言在 Rust 多线程编程中，锁是实现线程同步的重要工具，它可以防止多个线程同时访问和修改共享数据，从而避免数据竞争和不一致的问题。然而，过度使用锁会带来严重的性能问题，如锁竞争导致的线程阻塞、上下文切换…...

编程日记 2025/5/2 5:10:40

Qt connect第五个参数

在 Qt 中，QObject::connect 函数的第五个参数用于指定连接类型（Qt::ConnectionType），它决定了信号与槽之间的通信方式。以下是各枚举值的详解及使用场景： 1. Qt::AutoConnection（默认值） 行为…...

编程日记 2025/5/2 5:10:39

QT —— 信号和槽（带参数的信号和槽函数）

QT —— 信号和槽（带参数的信号和槽函数） 带参的信号和槽函数信号参数个数和槽函数参数个数1. 参数匹配规则2. 实际代码示例✅ 合法连接（槽参数 ≤ 信号参数）❌ 非法连接（槽参数 > 信号参数） 3. 特殊处理…...

编程日记 2025/5/2 5:10:38

极简GIT使用

只为极简使用。创建本地仓库初始化git仓库 1.创建一个新文件夹 2.在文件夹内打开git bash 之后进入如下界面，输入git init，这样此文件就可以使用git了。在此文件夹中，除了.git文件外，其他全部都是工作文件。接下来将以一个…...

编程日记 2025/5/2 5:10:38

【嵌入式———通用定时器基本操作——实验需求2：案列：测量PWM的频率/周期】

通用定时器输入捕获需求：把测到的结果通过串口发送到电脑，检查测试结果。在溢出之前，两次上升/下降沿记录时间。 345部分滤波器：用来滤掉一些毛刺信息，信号质量好可以不滤波边沿检测器：确定要捕获的是…...

编程日记 2025/5/2 5:10:37

兰亭妙微：数据驱动的 B 端设计：如何用 UI 提升企业级产品体验？

在数字化转型的浪潮中，企业级产品的用户体验成为了决定产品竞争力的关键因素。对于 B 端产品而言，其使用场景复杂、用户需求多元，如何通过 UI 设计提升产品体验，成为了摆在设计者面前的重要课题。而数据驱动的设计方法&#x…...

编程日记 2025/5/2 5:09:35

Spring AOP---面向切面编程由认识到使用

1. AOP AOP(Aspect-Oriented Programming), 是一种思想, 面向切面编程。在前文统一异常处理，统一结果返回就是使用了这一思想（都是在集中处理某一类事情, 但又不影响原有代码的正常运行），但他们不是AOP，只是应用了这…...

编程日记 2025/5/2 5:08:34

深入解析 Python 应用日志监控：ELK、Graylog 的实战指南

深入解析 Python 应用日志监控：ELK、Graylog 的实战指南引言在现代应用开发中，日志不仅仅是用于记录错误和调试信息，它更是系统运行状况的窗口，帮助开发者和运维人员监控、优化应用性能。Python 作为广泛应用的开发语言，其应用日志管理的重要性不言而喻。而 ELK（Elas…...

编程日记 2025/5/2 5:08:33

贝叶斯算法实战：从原理到鸢尾花数据集分类

贝叶斯算法实战：从原理到鸢尾花数据集分类在机器学习的广阔领域中，贝叶斯算法以其基于概率推理的独特优势，成为数据分类和预测的重要工具。今天，我们将通过一段Python代码，深入探讨贝叶斯算法在鸢尾花数据集分类任务…...

编程日记 2025/5/2 5:08:32

CSS学习笔记14——移动端相关知识（rem,媒体查询,less）

移动端 rem适配布局 rem单位 rem基准是相对于html元素的字体大小父元素设定font-size，子元素根据rem缩放对应字体大小媒体查询（Media Query） media可以针对不同屏幕尺寸设置不同样式当你重置浏览器大小过程中，页面也会根据…...

编程日记 2025/5/2 5:08:32

使用Node编写轻量级后端快速入门

使用Node编写轻量级后端快速入门 node 要作为轻量级后端需要下载一些对应模块可以参考下面命令。你可以借助 npm（Node Package Manager）来下载它们。模块下载 express：这是一个广受欢迎的 Node.js Web 应用框架，能用于构建 Web…...

编程日记 2025/5/2 5:07:30

海量数据存储与分析：HBase vs ClickHouse vs Doris 三大数据库优劣对比指南

1.引言在当今大数据时代，数据正以前所未有的速度持续增长。来自各个领域的数据，如互联网行业用户的每一次点击、浏览记录，金融机构的海量交易数据，以及物联网设备源源不断上传的实时监测数据等，其规模呈指数级攀升。…...

编程日记 2025/5/2 5:06:29

Redis 挂掉后高并发系统的应对策略：使用 Sentinel 实现限流降级与 SkyWalking 监控优化

前言在现代分布式系统中，Redis 被广泛用作缓存中间件以提升性能和减轻数据库压力。然而，在高并发场景下，一旦 Redis 出现故障（如宕机、网络中断等），如果没有有效的容错机制，可能会导致大量请求…...

编程日记 2025/5/2 5:06:28

C++11新特性_自动类型推导_decltype

decltype 是 C11 引入的一个关键字，用于在编译时推导表达式的类型。它提供了一种方式，让编译器根据表达式的类型来确定变量的类型，而不需要显式地指定类型。下面为你详细介绍 decltype 的使用方法和应用场景。基本语法 decltype 的基本语法…...

编程日记 2025/5/2 5:05:26

Scrapy爬虫实战总结：动态与登录爬取的精炼经验

引言在AI时代，信息和数据往往成就你的速度和高度。。。这篇文章基于前两篇的实践基础之上的一次小结，通过“爬取动态网页”和“登录网站”两场实战，我用Scrapy+Splash破译JavaScript，用FormRequest敲开权限大门。这篇总结凝练两场冒险的体验，淬炼Scrapy爬虫的通用经验…...

编程日记 2025/5/2 5:05:26

windows系统搭建自己的ftp服务器，保姆级教程(用户验证+无验证)

前言最近在搭建环境时，我发现每次都需要在网上下载依赖包和软件，这不仅耗时，而且有时还会遇到网络不稳定的问题，导致下载速度慢或者中断，实在不太方便。于是，我产生了搭建一个FTP服务器的想法。通过搭建FT…...

编程日记 2025/5/2 5:05:25

PDF本地化开源项目推荐

Stirling-PDF 项目详细总结 1. 项目概述 Stirling-PDF 是一个基于 Docker 的本地化 Web 应用，专注于 PDF 文件的多样化处理。其核心特点是： 完全本地化部署：所有文件处理均在用户设备或服务器内存中进行，任务完成后自动清理临…...

编程日记 2025/5/2 5:05:24

从工厂到生活：算法 × 深度学习，正在改写自动化的底层逻辑

一.背景： 从工业革命时期的机械自动化，到信息时代的智能自动化，人类对自动化技术的追求从未停歇。近年来，随着物联网、大数据、云计算等技术的蓬勃发展，自动化系统的复杂度与智能化程度显著提升。算法与深度学习的深度…...

编程日记 2025/5/13 21:27:25

如何拿奖蓝桥杯

要在蓝桥杯中拿奖，可参考以下方法： 备赛规划方面 - 明确目标与计划：选择自己感兴趣或有基础的组别，了解比赛大纲和历年真题，制定包含基础语法学习、算法入门、真题训练等阶段的合理学习计划。 - 合理安排时间&#xf…...

编程日记 2025/5/2 5:04:21

【STM32单片机】#12 SPI通信（软件读写）

主要参考学习资料： B站江协科技 STM32入门教程-2023版细致讲解中文字幕开发资料下载链接：https://pan.baidu.com/s/1h_UjuQKDX9IpP-U1Effbsw?pwddspb 单片机套装：STM32F103C8T6开发板单片机C6T6核心板实验板最小系统板套件科协目录 SPI…...

编程日记 2025/5/2 5:04:20

从请求到响应：初探spring web

引入： 首先小编想分享下一些开发小知识 2000年——手写servlet/JSP时代在这个阶段中，那时候写后端代码，可谓是个麻烦事。毕竟什么都要自己干发来的请求都要写extends HttpServlet的类，手动在web.xml配置 <servlet>…...

编程日记 2025/5/2 5:04:19

【中间件】bthread_基础_TaskControl

TaskControl 1 Definition2 Introduce**核心职责** 3 成员解析**3.1 数据结构与线程管理****3.2 任务调度与负载均衡****3.3 线程停放与唤醒（ParkingLot）****3.4 统计与监控** 4 **工作流程**5 **设计亮点**6 **使用场景示例**7 **总结**8 学习过程中的疑…...

编程日记 2025/5/2 5:04:18

1 systemd 1.1 配置文件 /etc/systemd/system /lib/systemd/system /run/systemd/system /usr/lib/systemd/user 1.2 commands systemctl list-unit-files | grep enable systemctl cat dlt-daemon.service systemctl cat dlt-system.service systemctl show dlt-daemon.ser…...

编程日记 2025/5/6 10:59:58

项目结构示例

下载vscode的插件Live Sass Compiler

下载插件Live Server

新建一个 index.scss打开，点击 vscode 底部的按钮启动监听

index.html 引入使用

启动 web 服务器看效果

相关文章：