• 2025-01-07寒假学习日记1
    今天主要学习uniapp以下是编写的相关代码<template><viewclass="user"><divclass="top"><imagesrc="/static/images/history.png"mode=""></image><text>浏览历史&l
  • 2025-01-02hexo 添加emoji
    https://github.com/crimx/hexo-filter-github-emojisInstallation$npminstallhexo-filter-github-emojis--saveOptionsYoucanconfigurethispluginin _config.yml.Defaultoptions:githubEmojis:enable:trueclassName:github-emojiinject:true
  • 2024-12-31说说你对CSS中@layer的了解
    CSS中的@layer是前端开发中的一个重要特性,它提供了结构化的方式来组织和平衡样式规则,有助于避免样式冲突并提高代码的可读性和可维护性。以下是对@layer的详细了解:一、@layer的基本概念@layer,即级联层,是CSS中的一个新特性,它允许开发者创建独立的层来组织和控制样式。每个层内的
  • 2024-12-27在css中有比!important的权重还高的吗?
    在CSS中,!important是一种特殊的声明,用于覆盖其他任何普通的样式声明。当你在一个样式声明后面加上!important,它将无视该样式原本的特异性(specificity)和源顺序(sourceorder),直接应用这个样式。然而,!important并不是无懈可击的。虽然它通常可以覆盖其他普通的样式,但如果有多个!i
  • 2024-12-26为什么会要避免使用!important?
    在前端开发中,避免使用!important的原因主要有以下几点:破坏级联规则:CSS中的级联规则(或称为层叠规则)是定义如何应用多个样式规则到同一个元素的标准方式。!important会打破这些固有的级联规则,使得样式的应用变得不那么可预测。这可能会导致样式表难以维护和理解,尤其是在大型项目
  • 2024-12-19弹框 列表选择没有分页
    <van-popupv-model="showProject"position="bottom"get-container="body"class="pb20":style="{height:'80%',}"closeableround
  • 2024-12-17就是这个样的粗爆,手搓一个计算器:年龄等级计算器
    线上运行,可以直接打开:年龄等级计算器(在线计算器)​    作为程序员,没有合适的工具,就得手搓一个,PC端,移动端均可适用。废话不多说,直接上代码。HTML:<divclass="calculator"><divclass="input-group"><labelfor="age">年龄:</label><inputid="age"min=&
  • 2024-12-12Vue 组件样式作用域和深度选择器详解
    1.问题背景在Vue项目中使用第三方组件库(如ElementUI)时,经常会遇到需要覆盖组件默认样式的情况。但是当我们在组件中使用<stylescoped>时,会发现样式无法生效。比如以下场景:<template><div><el-message-box>...</el-message-box></div></template><styles
  • 2024-12-05html5中 MP4当作背景视频居中显示
    .video-background{max-width:none!important;border:none;object-fit:cover;background-size:cover;opacity:1;width:100%;height:100%;position:absolute;left:0px;top:0%;display:block;
  • 2024-12-05使用printJs实现打印效果
    一、需求需要实现部分页面的内容打印;页面内容为表单,表单中还包括了表格。使用了 a-form、a-row、a-table 相关组件二、实现方法1、安装print-js npminstall--saveprint-js 2、给需要打印的部分设置一个id例如:我需要打印的是一整个表单内容,就再form表单上面设置id(此i
  • 2024-12-04如何重写行内样式?方法有哪些(至少两种)?
    在前端开发中,重写行内样式的方法有很多,这里列举至少两种常用且有效的方法:使用!important:这是最直接、最强制的一种方法。在样式规则的属性值后面添加!important,可以强制覆盖任何其他样式,包括行内样式。p{color:blue!important;}即使HTML中存在<pstyle="color:
  • 2024-12-03就是这个样的粗爆,手搓一个计算器:跑步卡路里计算器
      线上运行,可以直接打开:跑步卡路里计算器(在线计算器)    作为程序员,没有合适的工具,就得手搓一个,PC端,移动端均可适用。废话不多说,直接上代码。HTML:<divclass="calculator"><divclass="input-group"><labelfor="weight">体重(kg):</label><inputid="weight
  • 2024-12-03css预处理器sass知识点
    下面一段代码是项目中全局样式的一段代码,解释下作用/**定义一个变量*/$me-button-bgcolor:(primary:$mybutton,warning:"#fff",);/***@each是一个Sass指令,用于循环遍历列表或映射。$key,$colorin$me-button-bgcolor表示将要遍历名为$me-button-bgcol
  • 2024-11-29【241129】What I have learnt today
    SummaryofWhatILearnedTodayfrom Reddit and MindtheProductⅠ.TheFourQuadrantsRuleofDemandAnalysisCoreandImportantEssentialandhigh-priorityneeds.ImportantbutSecondaryImportantbutlessurgentneeds.IcingontheCakeNice-to-havef
  • 2024-11-28[笔记]Important Tricks And Lemmas
    图论对于图路径的构造,常常思考是否可以对叶子节点进行某种配对。按照dfs序对节点进行配对是考虑的方向之一。例题P7320「PMOI-4」可怜的团主,P4665[BalticOI2015]。树上路径的交是路径。路径满足边数等于点数\(-1\),通常可以做某些神秘容斥。例题:2024省选集训Day8B
  • 2024-12-122020 年“泰迪杯”数据分析职业技能大赛A 题教育平台的线上课程智能推荐策略
    2020年“泰迪杯”数据分析职业技能大赛A题教育平台的线上课程智能推荐策略完整代码请私聊博主一、背景近年来,随着互联网与通信技术的高速发展,学习资源的建设与共享呈现出新的发展趋势,各种网课、慕课、直播课等层出不穷,各种在线教育平台和学习应用纷纷涌现。尤其是
  • 2024-12-04C# 使用反射进行类型信息的动态获取
    反射基础概念反射是指在运行时动态地获取程序集、模块、类型、成员(方法、属性、字段等)的相关信息,并且能够在运行时动态地调用类型的成员或创建类型的实例。在C#中,System.Reflection命名空间提供了进行反射操作的各种类和接口。获取类型信息获取当前程序集中的类型可以
  • 2024-11-26vue2 数据导入excel
    1、安装npminstallxlsx 一、前端<el-uploadstyle="display:inline-block"actionaccept=".xlsx,.xls":auto-upload="false":show-file-list="false":on-change="handleUpload"