MDN 文档与 ECMAScript 标准的关系解析
这是一个非常好的问题,也是很多JavaScript开发者初期会困惑的地方。简单来说: ECMAScript标准是“宪法”,MDN是“官方解释和公民手册”。 让我用一个更详细的表格来分解它们的区别: 方面 ECMAScript 标准 MDN Web Docs 性质 语言的法律/规格说明书。由TC39委
:Python闭包(Closure)详解:概念、原理与应用
闭包(Closure)是编程中一个重要的概念,尤其在函数式编程中广泛应用。它的核心是 函数与其引用环境的结合,使得函数可以“记住”并访问其定义时的上下文环境,即使这个环境在函数被调用时已经不存在了。 什么是闭包? 闭包是一个 函数对象,它保留了对其定义时的 词法作用域(lexical scope)
Python项目结构学习资源推荐与官方打包指南
打包 Python 项目- Python 打包用户指南 --- Packaging Python Projects - Python Packaging User Guide 学习 Python 项目结构的最佳实践,不仅需要理解代码组织方式,还需要掌握打包、测试、依赖管理和部署等技能。以下是几本经典
HTML解析过程中Script标签加载顺序与DOMContentLoaded事件详解
一、各类型 Script 标签的执行顺序 无属性的 <script> 标签: HTML 解析器遇到无属性的 <script> 标签时,会暂停解析 HTML,立即下载并执行该脚本,然后继续解析后续的 HTML 内容。 这种类型的脚本是同步执行的,会阻塞 HTML 的解析。 带有 defer 属性的 <
Alpine.js 中外部调用响应式变量与函数的方法与思考
最近开发博客前端的时候,使用的 AlpineJs 来做一些元素事件、状态的管理,由于我之前只有 vue 的相关使用经验,并没有 Alpine 的开发经验,所以时常会陷入一个困惑中——如何在外部的普通 js 环境来调用元素的 Alpine 函数和变量。 需求场景 例如,我在博客左侧的文章目录树中,为了
使用 Grid 实现微信朋友圈图片九宫格布局
2024/12/09 23:24 核心点就两个:第一,实现行列间都等间距,使用 grid 布局。第二,图片不拉伸覆盖容器 object-fit 属性。 <style>
.imageList {
width: 100%;
display: grid;
g
Tailwind CSS 中 ul-ol 默认 list-style- none 导致样式丢失的解决方法
最近在使用的 tailwind 手搓博客前端的时候,遇到的一个不可控的问题,让我产生放弃 tailwind 使用传统 css 样式开发的念头了。本身不是什么大问题,但这种不可控的感觉让人很没有安全感。 一、问题 我的博客文章是 Markdown 格式,所以我使用的 markdown-github-c
Flex 子元素被内容撑开不收缩问题原因及解决方案
问题 最近遇到一个奇怪的问题,我有一个父元素和两个子元素,其中: 父元素:定宽、flex; 子元素 a :也设置的定宽,flex-grow 0,flex-shrink 0,flex-basis 300px 子元素 b :flex-grow 1, flex-shrink 1; 原本的需求就是,元素 a
响应式布局—— @media 媒体查询
思路 需要理解的几个概念: 大屏优先,小屏优先。 所谓大屏优先还是小屏优先,它的意思就是原本你的这套布局样式默认情况下是大屏样式还是小屏样式,即不使用 @media 媒体查询下的样式。 max-width,min-width。 屏幕值是变化的,这两个值就是用来设置查询断点的,当 min-width
vue 基础
简介 概念 构建用户界面的前端框架 特性 数据驱动视图、双向数据绑定 核心原理 MVVM 指令 内容渲染 v-text、插值表达式 {{}}、v-html 属性绑定 v-bind:attribute 简写为 :attribute 事件绑定 v-b