关于 HTML 性能：在编写 HTML 时，我们应该尽可能地使用最少的 HTML 标签来构建页面，这样可以减少页面的加载时间，提高页面的性能。同时，也要注意在 HTML 中嵌套的深度不要太深，尽量减少嵌套的层级，避免重复加载数据。标签的作用：标签用于定义文档中的不同部分，比如头部、主体、尾部等。在编写 HTML 时，我们应该尽可能地使用标签来组织页面内容，这 …
html自定义属性
这篇文章是阮一峰老师发表于2017年（《CSS 变量教程 - 阮一峰的网络日志），虽然以及过去6年有余，但至今读来依然非常棒，今天搜索一个css变量相关的知识再次读到，分享在这里，大家一起学习下，也推荐大家经常去读一读阮老师的分享！一、变量的声明声明变量的时候，变量名前面要加两根连词线（--）。body {--foo: #7F583F;--bar: #F7E …
本文为Varlet组件库源码主题阅读系列第六篇，Varlet支持自定义主题及暗黑模式，本篇文章我们来详细看一下这两者的实现。主题定制Varlet是通过css变量来组织样式的，什么是css变量呢，其实很简单，首先声明自定义的css属性，随便声明在哪个元素上都可以，不过只有该元素的后代才能使用，所以如果要声明全局所有元素都能使用的话，可以设置到根伪类:root下 …
当第一缕晨光温柔地漫过窗台，窗外的鸟鸣声清脆悦耳，这样静谧美好的清晨，最适合捧起 “知识的书本” 慢慢品读。前端的小伙伴们，别让面试的压力打破这份宁静，每天清晨和上午，给自己一段独处的时光，跟着我拆解一道 CSS 高频面试题。就像收集清晨的露珠，这些点滴知识，终将汇聚成闪耀的星河。最近，“CSS 动画实战”“前端面试通关秘籍”“CSS 响应式设计” 等关键词 …
Object.defineProperty和Object.defineProperties用于定义或修改对象的属性，是ECMAScript 5中定义的两个方法。通过两个方法我可以定义对象的数据属性或访问器属性，前者用于定义或修改对象的一个属性，后者用于定义或修改多个属性。1. 对象属性1.1 对象的定义定义对象时我们可以使用以下几种形式：使用"new Obj …
HTML中的<script>标签详解 在HTML中，<script> 标签用于包含或引用JavaScript代码，是前端开发中不可或缺的一部分。通过合理使用 <script> 标签及其属性，可以优化网页的加载性能，提升用户体验。本文将深入探讨 <script> 标签的各种属性，包括 src、type、async …
概述当我们在谈论面向对象编程时，我们在谈论什么？我们首先谈论的是一些概念：对象、类、封装、继承、多态。对象和类是面向对象的基础，封装、继承和多态是面向对象编程的三大特性。JavaScript提供了对象却缺乏类，它不能像C#一样能显式地定义一个类。但是JavaScript的函数功能非常灵活，其中之一就是构造函数，结合构造函数和原型对象可以实现”类”。对象和类的 …
当晨光透过纱窗温柔地铺在桌面上，泡一杯温热的豆浆，翻开这篇文章 —— 此刻的学习，就像享受一场无人打扰的晨读时光。前端面试中关于<input>标签type属性的问题，不必再感到紧张，让我们在这静谧的氛围里，像拆解晨雾般慢慢理清思路，把知识点化作清晨的第一缕清醒。面试题：HTML 中<input>标签的type属性有哪些核心值？分别在什 …
清晨的风带着些许凉意，却让人倍感清醒。泡一杯温热的蜂蜜水，翻开这篇文章，让我们在宁静的时光里，细细品味 HTML 输入类型的奥秘。面试中那些看似复杂的问题，在温柔的拆解下，都会变得清晰易懂，就像晨光穿透薄雾，照亮前行的路～面试题：HTML 中<input>标签的type属性有哪些常用值？分别适用于什么场景？面对这道题，是不是感觉 “知道很多”，但 …
清晨的阳光透过窗户洒进来，泡上一杯温热的咖啡，翻开这篇文章，就像和老友聊聊天。前端面试里那些让人紧张的题目，今天咱们慢慢聊，把晦涩的知识点变成轻松有趣的小故事，让学习也成为晨间惬意的时光～面试题：display: block和display: inline这两个 CSS 属性在 HTML 元素上有什么区别？实际应用场景有哪些？不少小伙伴在面试时，一碰到这类基 …